@roomle/embedding-lib 0.0.0-dev-a4754cb

package/from-website-CPVeVVMI.mjs

@@ -0,0 +1,123 @@
+import { l as e, p as t, r as n } from "./drag-in-QhL3zGC0.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-BOwjMbG3.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(r, o, c = "rml_id") {
+		let u = ++this._dragGeneration, d = this._mainDomElement.parentNode;
+		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",
+				reason: e
+			}, console.warn(`Drag-in not started: ${e}`);
+			return;
+		}
+		this._mainDomElement.style.pointerEvents = "none";
+		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 } = 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 {
+			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(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 } = 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);
+		}
+		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 = 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;
+		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 r = e.querySelector("." + t);
+		r && r.classList.add(n.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-DlklVbxU.mjs

@@ -0,0 +1,118 @@
+import { l as e, p as t, r as n } from "./drag-in-BP_E53zb.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-BQ8r6NVo.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(r, o, c = "rml_id") {
+		let u = ++this._dragGeneration, d = this._mainDomElement.parentNode;
+		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"
+			};
+			return;
+		}
+		this._mainDomElement.style.pointerEvents = "none";
+		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 } = 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 {
+			y = (await this._instance.getDrawerBoundingClientRect()).final;
+		} catch {}
+		u === this._dragGeneration && (this._phase = {
+			kind: "ready",
+			bounds: { interactionContainer: y }
+		});
+	}
+	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 } = 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);
+		}
+		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 = 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;
+		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 r = e.querySelector("." + t);
+		r && r.classList.add(n.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 };