@roomle/embedding-lib 0.0.0-dev-a4754cb

package/drag-in-BP_E53zb.mjs

@@ -0,0 +1,102 @@
+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: 0.5;}}`, p = `@keyframes ${s} {from{opacity: 0.5;}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";
+	_viewName = "main";
+	constructor(e, t, n, r) {
+		this._instance = e, this._mainDomElement = t, this._mode = n, this._viewName = r;
+	}
+	async init() {
+		return Promise.resolve();
+	}
+}, b = 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 = n, e.innerHTML = `\n        .${c.DISPLAY_NONE}{display:none}\n        .${i}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}\n        .${a}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}\n        ${f}\n        ${p}\n      `, document.head.appendChild(e);
+		}
+	}
+	_initializeDragGhost() {
+		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-DlklVbxU.mjs");
+			this._strategy = new e(this._instance, this._mainDomElement, {
+				settings: this.options,
+				mode: "website"
+			});
+		} catch (e) {
+			throw e;
+		}
+		else {
+			if (this._mode !== "custom-view") throw Error("Unsupported mode");
+			try {
+				let { DragInFromCustomViewStrategy: e } = await import("./from-custom-view-D2Z1YmCx.mjs");
+				this._strategy = new e(this._instance, this._mainDomElement, this.options, this._viewName);
+			} catch (e) {
+				throw e;
+			}
+		}
+	}
+	get isDragging() {
+		return this._strategy.isDragging;
+	}
+	dragStart(e, t, n = "rml_id") {
+		this._strategy.dragStart(e, t, n);
+	}
+	dragUpdate(e) {
+		this._strategy.dragUpdate(e);
+	}
+	dragEnd() {
+		this._strategy.dragEnd();
+	}
+	touchStart(e, t, n = "rml_id") {
+		this._strategy.touchStart(e, t, n);
+	}
+	touchMove(e) {
+		this._strategy.touchMove(e);
+	}
+	touchEnd() {
+		this._strategy.touchEnd();
+	}
+	dispose() {
+		this._strategy.dispose();
+	}
+	beforeUpdateGhost(e) {
+		this._strategy.beforeUpdateGhost(e);
+	}
+	registerCustomDrag({ customDragStart: e, customDragEnd: t, customDragUpdate: n, beforeUpdateGhost: r }) {
+		r && this._strategy.beforeUpdateGhost(r);
+		let i = this._customDragSignal.signal, a = (e) => {
+			this._strategy.releaseInput(e), this._strategy.isDragging && t(e);
+		};
+		document.querySelectorAll("[data-rml-draggable=\"true\"]").forEach((e) => {
+			e.draggable = !1, e.style.touchAction = "none";
+		}), document.addEventListener("pointerdown", (t) => {
+			t.target.getAttribute("data-rml-draggable") === "true" && (t.target.setPointerCapture && t.target.setPointerCapture(t.pointerId), e(t));
+		}, { signal: i }), document.addEventListener("pointermove", (e) => {
+			n(e);
+		}, { signal: i }), document.addEventListener("pointerup", a, { signal: i }), document.addEventListener("pointercancel", a, { signal: i });
+	}
+	unregisterCustomDrag() {
+		this._customDragSignal.abort(), this._customDragSignal = new AbortController();
+	}
+	releaseInput(e) {
+		this._strategy.releaseInput(e);
+	}
+};
+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/drag-in-QhL3zGC0.mjs

@@ -0,0 +1,108 @@
+//#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";
+	_viewName = "main";
+	constructor(e, t, n, r) {
+		this._instance = e, this._mainDomElement = t, this._mode = n, this._viewName = r;
+	}
+	async init() {
+		return Promise.resolve();
+	}
+}, 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 = 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("." + 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-CPVeVVMI.mjs");
+			this._strategy = new e(this._instance, this._mainDomElement, {
+				settings: this.options,
+				mode: "website"
+			});
+		} catch (e) {
+			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-BM_zRJCf.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;
+		}
+		else throw Error("Unsupported mode");
+	}
+	get isDragging() {
+		return this._strategy.isDragging;
+	}
+	dragStart(e, t, n = "rml_id") {
+		this._strategy.dragStart(e, t, n);
+	}
+	dragUpdate(e) {
+		this._strategy.dragUpdate(e);
+	}
+	dragEnd() {
+		this._strategy.dragEnd();
+	}
+	touchStart(e, t, n = "rml_id") {
+		this._strategy.touchStart(e, t, n);
+	}
+	touchMove(e) {
+		this._strategy.touchMove(e);
+	}
+	touchEnd() {
+		this._strategy.touchEnd();
+	}
+	dispose() {
+		this._strategy.dispose();
+	}
+	beforeUpdateGhost(e) {
+		this._strategy.beforeUpdateGhost(e);
+	}
+	registerCustomDrag({ customDragStart: e, customDragEnd: t, customDragUpdate: n, beforeUpdateGhost: r }) {
+		r && this._strategy.beforeUpdateGhost(r);
+		let i = this._customDragSignal.signal, a = (t) => {
+			t.target.getAttribute("data-rml-draggable") === "true" && (t.target.setPointerCapture && t.target.setPointerCapture(t.pointerId), e(t));
+		}, o = (e) => {
+			this._strategy.releaseInput(e), this._strategy.isDragging && t(e);
+		};
+		document.querySelectorAll("[data-rml-draggable=\"true\"]").forEach((e) => {
+			e.draggable = !1, e.style.touchAction = "none";
+		}), document.addEventListener("pointerdown", a, { signal: i }), document.addEventListener("pointermove", (e) => {
+			n(e);
+		}, { signal: i }), document.addEventListener("pointerup", o, { signal: i }), document.addEventListener("pointercancel", o, { signal: i });
+	}
+	unregisterCustomDrag() {
+		this._customDragSignal.abort(), this._customDragSignal = new AbortController();
+	}
+	releaseInput(e) {
+		this._strategy.releaseInput(e);
+	}
+};
+//#endregion
+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.d.ts

@@ -0,0 +1,2 @@
+export * from './packages/embedding-lib/src/embedding-plugins'
+export {}

package/embedding-plugins.js

@@ -0,0 +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-QhL3zGC0.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

@@ -0,0 +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-BP_E53zb.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-BM_zRJCf.mjs

@@ -0,0 +1,227 @@
+import { d as e } from "./drag-in-QhL3zGC0.mjs";
+import { a as t, c as n, n as r } from "./utils-DxJ3PcKe.mjs";
+import { t as i } from "./drag-ghost-BOwjMbG3.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 = (t) => {
+	let n = "", r = 112, i = 112;
+	if (!t) return {
+		url: e,
+		width: r,
+		height: i
+	};
+	let a = t;
+	if (a instanceof HTMLElement) {
+		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: n || "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",
+		width: r,
+		height: i
+	};
+}, g = class {
+	_options = {};
+	_instance;
+	_mainDomElement;
+	_viewName;
+	_currentCustomDrag = null;
+	_startTarget = null;
+	_dragGhost = null;
+	_onBeforeUpdateDrag = () => ({});
+	isDragging = !1;
+	_hasEnteredIframe = !1;
+	_pendingDragIn = null;
+	_phase = { kind: "idle" };
+	_dragGeneration = 0;
+	_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._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._phase = { kind: "starting" }, 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();
+		let a = await this._instance.getBoundingClientRect(c(this._viewName)), o = await this._instance.getBoundingClientRect("canvas"), s = (await this._instance.getDrawerBoundingClientRect()).final, u = await this._instance.getBoundingClientRect(".interaction-container");
+		if (r === this._dragGeneration) {
+			if (!a) {
+				let e = `could not read the bounding rect of custom view "${this._viewName}"`;
+				this._phase = {
+					kind: "failed",
+					reason: e
+				}, console.warn(`Drag-in not started: ${e}`);
+				return;
+			}
+			this._phase = {
+				kind: "ready",
+				bounds: {
+					view: a,
+					canvas: o,
+					overlay: s,
+					interactionContainer: u
+				}
+			}, this._pendingDragIn = {
+				id: e,
+				type: n
+			}, this._hasEnteredIframe = !1, this.isDragging = !0;
+		}
+	}
+	_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(n, i, { ghost: { visibleIn: {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t
+			} } });
+		}
+		if (this._phase.kind !== "ready") return;
+		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: {
+				visibleIn: {
+					x: a.x - (g.dragInOverlapX || 0),
+					y: a.y + (g.dragInOverlapY || 0),
+					width: a.width + (g.dragInOverlapX || 0),
+					height: a.height + (g.dragInOverlapY || 0)
+				},
+				url: f,
+				width: p,
+				height: m
+			},
+			mode: "custom-view"
+		}, { x: v, y, options: b } = this._onBeforeUpdateDrag(l, u, _), x = typeof v == "number" ? v : l, S = typeof y == "number" ? y : u, C = b || _;
+		this._instance.updateDrag(x, S, C);
+	}
+	_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, 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() {
+		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(f) === "true", this._startTarget.removeAttribute(f), this._startTarget.removeEventListener("dragstart", l));
+	}
+	releaseInput(e) {
+		this._dragEnd();
+	}
+};
+//#endregion
+export { g as DragInFromCustomViewStrategy };

package/from-custom-view-D2Z1YmCx.mjs

@@ -0,0 +1,226 @@
+import { d as e } from "./drag-in-BP_E53zb.mjs";
+import { a as t, c as n, n as r } from "./utils-wJ80awOA.mjs";
+import { t as i } from "./drag-ghost-BQ8r6NVo.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;
+	_startTarget = null;
+	_dragGhost = null;
+	_onBeforeUpdateDrag = () => ({});
+	isDragging = !1;
+	_hasEnteredIframe = !1;
+	_pendingDragIn = null;
+	_phase = { kind: "idle" };
+	_dragGeneration = 0;
+	_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._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._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();
+		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(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: {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t
+			} } });
+		}
+		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 = 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 } = ((t) => {
+			let n = "", r = 112, i = 112;
+			if (!t) return {
+				url: e,
+				width: r,
+				height: i
+			};
+			let a = t;
+			if (a instanceof HTMLElement) {
+				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: n || "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",
+				width: r,
+				height: i
+			};
+		})(this._startTarget), g = this._options || {}, _ = {
+			ghost: {
+				visibleIn: {
+					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: p,
+				width: m,
+				height: h
+			},
+			mode: "custom-view"
+		}, { 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._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) => {
+			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() {
+		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._dragEnd();
+	}
+};
+export { f as DragInFromCustomViewStrategy };