@roomle/embedding-lib 5.7.0-debug.1 → 5.7.0

package/docs/md/web/embedding/CHANGELOG.md

@@ -1,10 +1,13 @@
-## [5.7.0-debug.1](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.6.0...embedding-lib-v5.7.0-debug.1) (2024-11-11)
+## [5.7.0](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.6.0...embedding-lib-v5.7.0) (2024-11-20)
 
 
 ### Features
 
 * add example for custom overlay ([cc9f748](https://github.com/roomle-dev/roomle-ui/commit/cc9f748722fd07354ac6e214a24bf8824caa98ae))
+* add more rotation indicator ([e177c26](https://github.com/roomle-dev/roomle-ui/commit/e177c26619aa2d5bcfa90c8f49e9aebb9abf2ae1))
 * add onHideCustomView for embedding-callbacks ([afcd9d3](https://github.com/roomle-dev/roomle-ui/commit/afcd9d3746301145e22a4b380152dcc14acae391))
+* display rotation and active angle indicators on SVG circle ([80909cf](https://github.com/roomle-dev/roomle-ui/commit/80909cf1bf10f76955344319ab1dd248eda5533b))
+* do not select on drag-in ([2a42d88](https://github.com/roomle-dev/roomle-ui/commit/2a42d88fd3635babe6b262a47a9be1a733f9f3b8))
 * enable custom view also if we are not in embedding ([27777b3](https://github.com/roomle-dev/roomle-ui/commit/27777b34b9f68f0d290ab6bbe04d348b924ab591))
 * expose toggle drawer ([7bd69da](https://github.com/roomle-dev/roomle-ui/commit/7bd69dac5a050444ca6f38d29c929805c2ad2e15))
 * Hide the Overall Measurements in Parts List and Parts List Printout based on flag conditionally ([1fc1225](https://github.com/roomle-dev/roomle-ui/commit/1fc1225c4e17617aa69dfaee83377a17c45cb2b9))
@@ -19,8 +22,10 @@
 * overlay ([1d5cc6b](https://github.com/roomle-dev/roomle-ui/commit/1d5cc6b72abf9e7907a44f7ad15bf42fdd925592))
 * some more stuff ([82d0403](https://github.com/roomle-dev/roomle-ui/commit/82d04039902ad8873ab9b35ee6b5bba211076184))
 * **SDK:** upgrade to version 2.88.1-alpha.1 ([15bd1f5](https://github.com/roomle-dev/roomle-ui/commit/15bd1f5c6ae90a27c6d2b78684ce64cc15798aca))
+* **SDK:** upgrade to version 2.89.0 ([#1353](https://github.com/roomle-dev/roomle-ui/issues/1353)) ([c556db6](https://github.com/roomle-dev/roomle-ui/commit/c556db6bc0bdd001f5b9a3339ba75ab29cba9989))
 * **SDK:** upgrade to version 2.89.0-alpha.1 ([45a5fe1](https://github.com/roomle-dev/roomle-ui/commit/45a5fe117322e3c56e849bca5cee90da9d121dfa))
 * **SDK:** upgrade to version 2.89.0-alpha.2 ([#1341](https://github.com/roomle-dev/roomle-ui/issues/1341)) ([05b1993](https://github.com/roomle-dev/roomle-ui/commit/05b199310cd816bca4983dd93f351cb5b39b3371))
+* **SDK:** upgrade to version 2.89.0-alpha.5 ([#1348](https://github.com/roomle-dev/roomle-ui/issues/1348)) ([b6ecd4c](https://github.com/roomle-dev/roomle-ui/commit/b6ecd4cd2050815170a4640f8a1e51ad60e9b3ad))
 
 
 ### Bug Fixes
@@ -34,11 +39,17 @@
 * make drag-in for custom-view more stable against different timings ([3ebd477](https://github.com/roomle-dev/roomle-ui/commit/3ebd47785d3ed030cd8aa316d442223c03644bc1))
 * make typescript happy ([7613796](https://github.com/roomle-dev/roomle-ui/commit/7613796f23b9ed7b815cc280db589e863110123e))
 * make typescript work ([6d14255](https://github.com/roomle-dev/roomle-ui/commit/6d14255f1f9b57fde9a6efc4bb57fa39244b65b3))
+* mobile interactions ([b81ee7b](https://github.com/roomle-dev/roomle-ui/commit/b81ee7b63bf27112e10c62451061f377e2c20228))
+* MOC: image is not generated in the downloaded partlist file ([580838d](https://github.com/roomle-dev/roomle-ui/commit/580838dfd6a516ee3fa546a8ef571e914511a2df))
 * oxlint destroyed my code ([06a2882](https://github.com/roomle-dev/roomle-ui/commit/06a28824652eb8d972a8d820776ada4676b35787))
+* pre-fill the objAlreadyRotated value ([67a0c22](https://github.com/roomle-dev/roomle-ui/commit/67a0c22c1b0589a21f02152f844f831a21734b42))
 * remove dynamic IDs ([7f8e4e0](https://github.com/roomle-dev/roomle-ui/commit/7f8e4e00f34b7fedc4486f512afd8926e83dd30a))
 * remove merge conflicts ([4a2ceae](https://github.com/roomle-dev/roomle-ui/commit/4a2ceae999db8245bc0e1f8ea4b4f506ea877b3e))
+* return last result of callback ([655130b](https://github.com/roomle-dev/roomle-ui/commit/655130be9ca263dcfe42472476c58d3a2f4ed587))
 * some stuff ([f4c0501](https://github.com/roomle-dev/roomle-ui/commit/f4c05015912d2fb077d325602b25acdf3164c2d8))
 * some stuff ([632deb9](https://github.com/roomle-dev/roomle-ui/commit/632deb920125dec7a8af4012ab51b84840811286))
+* start rotation progress from 0 ([a7e74ee](https://github.com/roomle-dev/roomle-ui/commit/a7e74ee964ce937959feb2df87f13f34d1d9bc7f))
+* starting position for the rotation indicator ([70fee66](https://github.com/roomle-dev/roomle-ui/commit/70fee66f50defeb01d6e61719b8c57f5c3dbe8ce))
 * things ([8404ff6](https://github.com/roomle-dev/roomle-ui/commit/8404ff688d6c0c07a3920921a7d3bb05ea5995e6))
 * ts ([cbc5407](https://github.com/roomle-dev/roomle-ui/commit/cbc5407d30ed9677a4733f09e463ca7500024bcb))
 * ts errors ([0034978](https://github.com/roomle-dev/roomle-ui/commit/00349784c2153127c0ff4f019cddf9fb81d9d0c8))

package/drag-in-CYmR1HFI.mjs

@@ -0,0 +1,7 @@
+var w=Object.defineProperty,E=(r,t,e)=>t in r?w(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,n=(r,t,e)=>E(r,typeof t!="symbol"?t+"":t,e);class S{constructor(t,e,a,o){n(this,"_mainDomElement"),n(this,"_instance"),n(this,"_mode","website"),n(this,"_viewName","main"),this._instance=t,this._mainDomElement=e,this._mode=a,this._viewName=o}async init(){return Promise.resolve()}}const l="rml-drag-in-styles",$="rml-drag-in-drag-element",h="rml-drag-in-overlay",d="rml-drag-in-drag-ghost",u="rml-drag-in-fade-in",p="rml-drag-in-fade-out",y={DISPLAY_NONE:"rml-display-none"},_=.5,b="250ms",v="forwards",D=`@keyframes ${u} {from{opacity: 0;}to {opacity: ${_};}}`,f=`@keyframes ${p} {from{opacity: ${_};}to {opacity: 0;}}`,L=`${u} ${b} ${v}`,C=`${p} ${b} ${v}`,I="https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",N=112,x=112;class U extends S{constructor(t,e,a,o){super(t,e,a,o),n(this,"options",{}),n(this,"_customDragSignal",new AbortController),this._mainDomElement=e,this._injectStyles(),this._initializeDragGhost()}_injectStyles(){if(!document.getElementById(l)){const t=document.createElement("style");t.type="text/css",t.id=l,t.innerHTML=`
+        .${y.DISPLAY_NONE}{display:none}
+        .${h}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
+        .${d}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}
+        ${D}
+        ${f}
+      `,document.head.appendChild(t)}}_initializeDragGhost(){const t=this._mainDomElement.parentNode;let e=t.querySelector("."+d);e||(e=document.createElement("div"),e.classList.add(d),e.innerText=" ",t.appendChild(e))}async init(){if(await super.init(),this._mode==="website")try{const{DragInFromWebsiteStrategy:t}=await import("./from-website-Dx2SUftr.mjs");this._strategy=new t(this._instance,this._mainDomElement,{settings:this.options,mode:"website"})}catch(t){throw console.error('Could not load Dragin strategy "FromWebsite"'),t}else if(this._mode==="custom-view")try{const{DragInFromCustomViewStrategy:t}=await import("./from-custom-view-BVWf7SQ7.mjs");this._strategy=new t(this._instance,this.options,this._viewName)}catch(t){throw console.error('Could not load Dragin strategy "FromCustomView"'),t}else throw new Error("Unsupported mode")}get isDragging(){return this._strategy.isDragging}dragStart(t,e,a="rml_id"){this._strategy.dragStart(t,e,a)}dragUpdate(t){this._strategy.dragUpdate(t)}dragEnd(){this._strategy.dragEnd()}touchStart(t,e,a="rml_id"){this._strategy.touchStart(t,e,a)}touchMove(t){this._strategy.touchMove(t)}touchEnd(){this._strategy.touchEnd()}dispose(){this._strategy.dispose()}beforeUpdateGhost(t){this._strategy.beforeUpdateGhost(t)}registerCustomDrag({customDragStart:t,customDragEnd:e,customDragUpdate:a,beforeUpdateGhost:o}){o&&this._strategy.beforeUpdateGhost(o);const i=this._customDragSignal.signal,m=s=>{s.target.getAttribute("data-rml-draggable")==="true"&&t(s)},g=s=>{this._strategy.releaseInput(s),this._strategy.isDragging&&e(s)},c=s=>{a(s)};document.querySelectorAll('[data-rml-draggable="true"]').forEach(s=>{s.draggable=!1}),document.addEventListener("mousedown",m,{signal:i}),document.addEventListener("mouseup",g,{signal:i}),document.addEventListener("mousemove",c,{signal:i}),document.addEventListener("mouseleave",g,{signal:i}),document.addEventListener("touchstart",m,{signal:i}),document.addEventListener("touchend",g,{signal:i}),document.addEventListener("touchmove",c,{signal:i})}unregisterCustomDrag(){this._customDragSignal.abort(),this._customDragSignal=new AbortController}releaseInput(t){this._strategy.releaseInput(t)}}const j=Object.freeze(Object.defineProperty({__proto__:null,DragIn:U},Symbol.toStringTag,{value:"Module"}));export{$ as R,l as a,D as b,f as c,I as d,N as e,x as f,L as g,C as h,h as i,y as j,d as k,j as l};

package/{drag-in-3CJWP_Px.mjs → drag-in-Do47zdKL.mjs}

@@ -1,6 +1,6 @@
-var S = Object.defineProperty;
-var y = (r, s, t) => s in r ? S(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
-var i = (r, s, t) => y(r, typeof s != "symbol" ? s + "" : s, t);
+var p = Object.defineProperty;
+var S = (o, s, t) => s in o ? p(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
+var i = (o, s, t) => S(o, typeof s != "symbol" ? s + "" : s, t);
 class I {
   constructor(s, t, e, a) {
     i(this, "_mainDomElement");
@@ -13,9 +13,9 @@ class I {
     return Promise.resolve();
   }
 }
-const m = "rml-drag-in-styles", M = "rml-drag-in-drag-element", E = "rml-drag-in-overlay", g = "rml-drag-in-drag-ghost", h = "rml-drag-in-fade-in", u = "rml-drag-in-fade-out", L = {
+const m = "rml-drag-in-styles", f = "rml-drag-in-drag-element", E = "rml-drag-in-overlay", g = "rml-drag-in-drag-ghost", h = "rml-drag-in-fade-in", u = "rml-drag-in-fade-out", L = {
   DISPLAY_NONE: "rml-display-none"
-}, A = 0.5, p = "250ms", D = "forwards", N = `@keyframes ${h} {from{opacity: 0;}to {opacity: ${A};}}`, R = `@keyframes ${u} {from{opacity: ${A};}to {opacity: 0;}}`, O = `${h} ${p} ${D}`, b = `${u} ${p} ${D}`, v = "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg", w = 112, C = 112;
+}, A = 0.5, D = "250ms", y = "forwards", N = `@keyframes ${h} {from{opacity: 0;}to {opacity: ${A};}}`, R = `@keyframes ${u} {from{opacity: ${A};}to {opacity: 0;}}`, M = `${h} ${D} ${y}`, O = `${u} ${D} ${y}`, w = "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg", C = 112, v = 112;
 class G extends I {
   constructor(t, e, a, _) {
     super(t, e, a, _);
@@ -43,21 +43,29 @@ class G extends I {
     e || (e = document.createElement("div"), e.classList.add(g), e.innerText = " ", t.appendChild(e));
   }
   async init() {
-    if (await super.init(), this._mode === "website") {
-      const { DragInFromWebsiteStrategy: t } = await import("./from-website-BhUhFYtn.mjs");
-      this._strategy = new t(
-        this._instance,
-        this._mainDomElement,
-        this.options
-      );
-    } else if (this._mode === "custom-view") {
-      const { DragInFromCustomViewStrategy: t } = await import("./from-custom-view-DmyxPHCr.mjs");
-      this._strategy = new t(
-        this._instance,
-        this.options,
-        this._viewName
-      );
-    } else
+    if (await super.init(), this._mode === "website")
+      try {
+        const { DragInFromWebsiteStrategy: t } = await import("./from-website-DDMDPp-F.mjs");
+        this._strategy = new t(
+          this._instance,
+          this._mainDomElement,
+          { settings: this.options, mode: "website" }
+        );
+      } catch (t) {
+        throw console.error('Could not load Dragin strategy "FromWebsite"'), t;
+      }
+    else if (this._mode === "custom-view")
+      try {
+        const { DragInFromCustomViewStrategy: t } = await import("./from-custom-view-DYkvyOw3.mjs");
+        this._strategy = new t(
+          this._instance,
+          this.options,
+          this._viewName
+        );
+      } catch (t) {
+        throw console.error('Could not load Dragin strategy "FromCustomView"'), t;
+      }
+    else
       throw new Error("Unsupported mode");
   }
   get isDragging() {
@@ -94,16 +102,16 @@ class G extends I {
     beforeUpdateGhost: _
   }) {
     _ && this._strategy.beforeUpdateGhost(_);
-    const o = this._customDragSignal.signal, c = (n) => {
-      n.target.getAttribute("data-rml-draggable") === "true" && t(n);
-    }, d = (n) => {
-      this._strategy.releaseInput(n), this._strategy.isDragging && e(n);
-    }, l = (n) => {
-      a(n);
+    const n = this._customDragSignal.signal, c = (r) => {
+      r.target.getAttribute("data-rml-draggable") === "true" && t(r);
+    }, d = (r) => {
+      this._strategy.releaseInput(r), this._strategy.isDragging && e(r);
+    }, l = (r) => {
+      a(r);
     };
-    document.querySelectorAll('[data-rml-draggable="true"]').forEach((n) => {
-      n.draggable = !1;
-    }), document.addEventListener("mousedown", c, { signal: o }), document.addEventListener("mouseup", d, { signal: o }), document.addEventListener("mousemove", l, { signal: o }), document.addEventListener("mouseleave", d, { signal: o }), document.addEventListener("touchstart", c, { signal: o }), document.addEventListener("touchend", d, { signal: o }), document.addEventListener("touchmove", l, { signal: o });
+    document.querySelectorAll('[data-rml-draggable="true"]').forEach((r) => {
+      r.draggable = !1;
+    }), document.addEventListener("mousedown", c, { signal: n }), document.addEventListener("mouseup", d, { signal: n }), document.addEventListener("mousemove", l, { signal: n }), document.addEventListener("mouseleave", d, { signal: n }), document.addEventListener("touchstart", c, { signal: n }), document.addEventListener("touchend", d, { signal: n }), document.addEventListener("touchmove", l, { signal: n });
   }
   unregisterCustomDrag() {
     this._customDragSignal.abort(), this._customDragSignal = new AbortController();
@@ -117,15 +125,15 @@ const $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   DragIn: G
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  M as R,
+  f as R,
   m as a,
   N as b,
   R as c,
-  v as d,
-  w as e,
-  C as f,
-  O as g,
-  b as h,
+  w as d,
+  C as e,
+  v as f,
+  M as g,
+  O as h,
   E as i,
   L as j,
   g as k,

package/from-custom-view-BVWf7SQ7.mjs

@@ -0,0 +1 @@
+var w=Object.defineProperty,C=(e,t,s)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,i=(e,t,s)=>C(e,typeof t!="symbol"?t+"":t,s);import{C as b,e as D,i as v,T as B,b as X,c as Y,d as I}from"./touch-drag-C1SsZtt4.mjs";import{d as u,e as M,f as U}from"./drag-in-CYmR1HFI.mjs";const O=e=>`[data-rml-custom-view="${e}"]`,l=e=>{e.preventDefault(),e.stopPropagation()},A=(e,t,s,r)=>{const a=s-e,n=r-t;return Math.sqrt(a*a+n*n)};class x{constructor({onCustomDragStart:t},s={}){i(this,"_startX",0),i(this,"_startY",0),i(this,"_lastX",0),i(this,"_lastY",0),i(this,"_epsilon"),i(this,"_isWaiting",!1),i(this,"_onCustomDragStart"),this._epsilon=typeof s.epsilon=="number"?s.epsilon:b,this._onCustomDragStart=t}onMove(t){this._lastX=t.clientX,this._lastY=t.clientY,this._isWaiting&&A(this._startX,this._startY,this._lastX,this._lastY)>this._epsilon&&(this._onCustomDragStart(t),this._isWaiting=!1)}onStart(t){this._startX=t.clientX,this._startY=t.clientY,this.onMove(t),this._isWaiting=!0}onEnd(){this._reset()}_reset(){this._startX=0,this._startY=0,this._lastX=0,this._lastY=0,this._isWaiting=!1}}const c="data-rml-old-draggable",K=void 0,y=(e,t)=>{const s=v(e),r={delay:s?X:Y,epsilon:s?I:b};if(!t)return r;if(!s&&!(e instanceof MouseEvent))return console.warn("Unsupported event! It is not TouchEvent and also not MouseEvent"),r;const{delayKey:a,epsilonKey:n}=s?{delayKey:"touchDragDelay",epsilonKey:"touchDragEpsilon"}:{delayKey:"customDragDelay",epsilonKey:"customDragEpsilon"};return typeof t[a]=="number"&&(r.delay=t.touchDragDelay),typeof t[n]=="number"&&(r.epsilon=t.touchDragEpsilon),r},L=e=>{let t="",s=M,r=U;if(!e)return{url:u,width:s,height:r};const a=e;if(a instanceof HTMLElement){const n=a.getBoundingClientRect(),o=a.getAttribute("data-rml-ghost-url"),h=a.getAttribute("data-rml-ghost-width"),g=a.getAttribute("data-rml-ghost-height");o?t=o:!o&&a instanceof HTMLImageElement&&a.src&&(t=a.src),t?(s=n.width,r=n.height):t=u,s=h?parseInt(h,10):s,r=g?parseInt(g,10):r}return{url:t||u,width:s,height:r}};class W{constructor(t,s,r){i(this,"_options",{}),i(this,"_instance"),i(this,"_viewName"),i(this,"_currentCustomDrag",null),i(this,"_currentBb",null),i(this,"_startTarget",null),i(this,"_onBeforeUpdateDrag",()=>({})),i(this,"isDragging",!1),this._instance=t,this._options=s||{},this._viewName=r}beforeUpdateGhost(t){this._onBeforeUpdateDrag=t}async _dragStart(t,s,r="rml_id"){this._startTarget&&(this._startTarget.style.pointerEvents="none",this._startTarget.style.userSelect="none",this._startTarget.setAttribute(c,this._startTarget.draggable.toString()),this._startTarget.draggable=!1,this._startTarget.removeEventListener("dragstart",l),this._startTarget.addEventListener("dragstart",l)),this._currentBb=await this._instance.getBoundingClientRect(O(this._viewName));const{clientX:a,clientY:n}=D(s),o=this._currentBb.x+a,h=this._currentBb.y+n;this.isDragging=!0,this._instance.dragInObject(t,o,h,r)}_dragUpdate(t){if(document.body.focus(),this._currentCustomDrag&&this._currentCustomDrag.onMove(t),!this._currentBb||!this.isDragging)return;const{clientX:s,clientY:r}=D(t),{url:a,width:n,height:o}=L(this._startTarget),h=this._currentBb.x+s,g=this._currentBb.y+r,_=this._options||{},d={ghost:{visibleIn:{x:this._currentBb.x-(_.dragInOverlapX||0),y:this._currentBb.y+(_.dragInOverlapY||0),width:this._currentBb.width+(_.dragInOverlapX||0),height:this._currentBb.height+(_.dragInOverlapY||0)},url:a,width:n,height:o},mode:"custom-view"},{x:p,y:m,options:T}=this._onBeforeUpdateDrag(h,g,d),f=typeof p=="number"?p:h,E=typeof m=="number"?m:g,S=T||d;this._instance.updateDrag(f,E,S)}_dragEnd(){this._currentCustomDrag&&this._currentCustomDrag.onEnd(),this._currentCustomDrag=null,this.isDragging=!1,this._currentBb=null,this._resetStartTarget(),this._instance.enableEvents(),this._instance.dragInObjectEnd()}dragStart(t,s,r){this._instance.disableEvents(),this._startTarget=s.target;const a=(n,o)=>{this._dragStart(t,o,r)};this._currentCustomDrag=v(s)?new B(K,{onTouchDragStart:a},y(s,this._options)):new x({onCustomDragStart:n=>this._dragStart(t,n,r)},y(s,this._options)),this._currentCustomDrag.onStart(s)}dragEnd(){this._dragEnd()}dragUpdate(t){this._dragUpdate(t)}touchStart(t,s,r="rml_id"){this.dragStart(t,s,r)}touchMove(t){this.dragUpdate(t)}touchEnd(){this.dragEnd()}dispose(){}_resetStartTarget(){this._startTarget&&(this._startTarget.style.pointerEvents="",this._startTarget.style.userSelect="",this._startTarget.draggable=this._startTarget.getAttribute(c)==="true",this._startTarget.removeAttribute(c),this._startTarget.removeEventListener("dragstart",l))}releaseInput(t){this._currentCustomDrag&&this._currentCustomDrag.onEnd(),this._resetStartTarget()}}export{W as DragInFromCustomViewStrategy};

package/{from-custom-view-DmyxPHCr.mjs → from-custom-view-DYkvyOw3.mjs}

@@ -1,8 +1,8 @@
-var O = Object.defineProperty;
-var B = (e, t, s) => t in e ? O(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var i = (e, t, s) => B(e, typeof t != "symbol" ? t + "" : t, s);
-import { C as T, b, e as m, i as y, T as I, c as v, d as L } from "./touch-drag-BsAmrceE.mjs";
-import { d as c, e as Y, f as X } from "./drag-in-3CJWP_Px.mjs";
+var A = Object.defineProperty;
+var O = (e, t, s) => t in e ? A(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var i = (e, t, s) => O(e, typeof t != "symbol" ? t + "" : t, s);
+import { C as T, e as m, i as b, T as v, b as B, c as I, d as L } from "./touch-drag-DNDPwZ-_.mjs";
+import { d as c, e as Y, f as X } from "./drag-in-Do47zdKL.mjs";
 const G = (e) => `[data-rml-custom-view="${e}"]`, l = (e) => {
   e.preventDefault(), e.stopPropagation();
 }, w = (e, t, s, r) => {
@@ -15,13 +15,10 @@ class U {
     i(this, "_startY", 0);
     i(this, "_lastX", 0);
     i(this, "_lastY", 0);
-    i(this, "_delay");
     i(this, "_epsilon");
-    i(this, "_isStarted", !1);
-    i(this, "_isEnded", !1);
     i(this, "_isWaiting", !1);
     i(this, "_onCustomDragStart");
-    this._delay = typeof s.delay == "number" ? s.delay : T, this._epsilon = typeof s.epsilon == "number" ? s.epsilon : b, this._onCustomDragStart = t;
+    this._epsilon = typeof s.epsilon == "number" ? s.epsilon : T, this._onCustomDragStart = t;
   }
   onMove(t) {
     this._lastX = t.clientX, this._lastY = t.clientY, this._isWaiting && w(
@@ -42,9 +39,9 @@ class U {
   }
 }
 const u = "data-rml-old-draggable", R = void 0, f = (e, t) => {
-  const s = y(e), r = {
-    delay: s ? v : T,
-    epsilon: s ? L : b
+  const s = b(e), r = {
+    delay: s ? B : I,
+    epsilon: s ? L : T
   };
   if (!t)
     return r;
@@ -63,8 +60,8 @@ const u = "data-rml-old-draggable", R = void 0, f = (e, t) => {
     return { url: c, width: s, height: r };
   const a = e;
   if (a instanceof HTMLElement) {
-    const n = a.getBoundingClientRect(), o = a.getAttribute("data-rml-ghost-url"), h = a.getAttribute("data-rml-ghost-width"), _ = a.getAttribute("data-rml-ghost-height");
-    o ? t = o : !o && a instanceof HTMLImageElement && a.src && (t = a.src), t ? (s = n.width, r = n.height) : t = c, s = h ? parseInt(h, 10) : s, r = _ ? parseInt(_, 10) : r;
+    const n = a.getBoundingClientRect(), o = a.getAttribute("data-rml-ghost-url"), h = a.getAttribute("data-rml-ghost-width"), g = a.getAttribute("data-rml-ghost-height");
+    o ? t = o : !o && a instanceof HTMLImageElement && a.src && (t = a.src), t ? (s = n.width, r = n.height) : t = c, s = h ? parseInt(h, 10) : s, r = g ? parseInt(g, 10) : r;
   }
   return { url: t || c, width: s, height: r };
 };
@@ -96,24 +93,25 @@ class N {
   _dragUpdate(t) {
     if (document.body.focus(), this._currentCustomDrag && this._currentCustomDrag.onMove(t), !this._currentBb || !this.isDragging)
       return;
-    const { clientX: s, clientY: r } = m(t), { url: a, width: n, height: o } = M(this._startTarget), h = this._currentBb.x + s, _ = this._currentBb.y + r, g = this._options || {}, d = {
+    const { clientX: s, clientY: r } = m(t), { url: a, width: n, height: o } = M(this._startTarget), h = this._currentBb.x + s, g = this._currentBb.y + r, _ = this._options || {}, d = {
       ghost: {
         visibleIn: {
-          x: this._currentBb.x - (g.dragInOverlapX || 0),
-          y: this._currentBb.y + (g.dragInOverlapY || 0),
-          width: this._currentBb.width + (g.dragInOverlapX || 0),
-          height: this._currentBb.height + (g.dragInOverlapY || 0)
+          x: this._currentBb.x - (_.dragInOverlapX || 0),
+          y: this._currentBb.y + (_.dragInOverlapY || 0),
+          width: this._currentBb.width + (_.dragInOverlapX || 0),
+          height: this._currentBb.height + (_.dragInOverlapY || 0)
         },
         url: a,
         width: n,
         height: o
-      }
+      },
+      mode: "custom-view"
     }, {
       x: D,
       y: p,
       options: E
-    } = this._onBeforeUpdateDrag(h, _, d), S = typeof D == "number" ? D : h, C = typeof p == "number" ? p : _, A = E || d;
-    this._instance.updateDrag(S, C, A);
+    } = this._onBeforeUpdateDrag(h, g, d), y = typeof D == "number" ? D : h, C = typeof p == "number" ? p : g, S = E || d;
+    this._instance.updateDrag(y, C, S);
   }
   _dragEnd() {
     this._currentCustomDrag && this._currentCustomDrag.onEnd(), this._currentCustomDrag = null, this.isDragging = !1, this._currentBb = null, this._resetStartTarget(), this._instance.enableEvents(), this._instance.dragInObjectEnd();
@@ -123,7 +121,7 @@ class N {
     const a = (n, o) => {
       this._dragStart(t, o, r);
     };
-    this._currentCustomDrag = y(s) ? new I(
+    this._currentCustomDrag = b(s) ? new v(
       R,
       {
         onTouchDragStart: a

package/from-website-DDMDPp-F.mjs

@@ -0,0 +1,206 @@
+var F = Object.defineProperty;
+var M = (r, e, t) => e in r ? F(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var l = (r, e, t) => M(r, typeof e != "symbol" ? e + "" : e, t);
+import { g as C, e as G, a as E, i as N, T as O } from "./touch-drag-DNDPwZ-_.mjs";
+import { R as u, a as p, b as w, c as B, d as Y, e as L, f as b, g as x, h as S, i as A, j as R, k as H } from "./drag-in-Do47zdKL.mjs";
+const T = (r, e, t = 0, n = 0) => {
+  const s = e.x + e.width + t, i = e.x - t, a = e.y + e.height + n, d = e.y - n, { x: o, y: h } = r;
+  return o >= i && o <= s && h >= d && h <= a;
+}, v = (r, e, t, n = 0, s = 0) => {
+  if (!(!t || !t.hiddenIn && !t.visibleIn))
+    return t.visibleIn ? T(
+      { x: r, y: e },
+      t.visibleIn,
+      n,
+      s
+    ) : t.hiddenIn ? !T(
+      { x: r, y: e },
+      t.hiddenIn,
+      -n,
+      -s
+    ) : !1;
+}, U = () => {
+  if (!!!document.getElementById(p)) {
+    const e = document.createElement("style");
+    e.type = "text/css", e.id = p, e.innerHTML = `
+    ${w}
+    ${B}
+  `, document.head.appendChild(e);
+  }
+}, P = ({ x: r, y: e }, t) => {
+  var s, i, a, d, o, h;
+  let n = document.getElementById(u);
+  if (!n) {
+    if (n = document.createElement("div"), (s = t.ghost) != null && s.element)
+      n.appendChild(t.ghost.element);
+    else {
+      const g = document.createElement("img");
+      g.src = ((i = t.ghost) == null ? void 0 : i.url) || Y, g.width = ((a = t.ghost) == null ? void 0 : a.width) || L, g.height = ((d = t.ghost) == null ? void 0 : d.height) || b, n.appendChild(g);
+    }
+    n.id = u, n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.willChange = "transform", n.style.transform = "translate3d(0, 0, 0)", n.style.zIndex = "9999", n.style.opacity = "0.5", v(
+      r,
+      e,
+      t.ghost || {},
+      (o = t.settings) == null ? void 0 : o.dragInOverlapX,
+      (h = t.settings) == null ? void 0 : h.dragInOverlapY
+    ) || (n.style.display = "none"), n.style.pointerEvents = "none", document.body.appendChild(n);
+  }
+}, X = ({ x: r, y: e }, t) => {
+  var o, h, g, c;
+  const n = document.getElementById(u);
+  if (!n)
+    return;
+  let s = (o = t.ghost) == null ? void 0 : o.width, i = (h = t.ghost) == null ? void 0 : h.height;
+  typeof s > "u" && (s = n.getBoundingClientRect().width || L), typeof i > "u" && (i = n.getBoundingClientRect().height || b);
+  const a = r - s / 2, d = e - i / 2;
+  n.style.transform = `translate3d(${a}px, ${d}px, 0)`, t.ghost && (v(
+    r,
+    e,
+    t.ghost,
+    (g = t.settings) == null ? void 0 : g.dragInOverlapX,
+    (c = t.settings) == null ? void 0 : c.dragInOverlapY
+  ) ? n.style.animation != x && (n.style.animation = x) : n.style.animation != S && (n.style.animation = S));
+};
+class k {
+  constructor(e = null) {
+    l(this, "_dragGhostAnimationFrameId", null);
+    l(this, "_dragGhostRemoveAnimationFrameId", null);
+    l(this, "_dragGhostElement", null);
+    this._dragGhostElement = e;
+  }
+  updateDragGhost(e, t, n) {
+    var s;
+    this._dragGhostRemoveAnimationFrameId && (cancelAnimationFrame(this._dragGhostRemoveAnimationFrameId), this._dragGhostRemoveAnimationFrameId = null), !((s = n.ghost) != null && s.external) && n.ghost && (this._dragGhostAnimationFrameId || (this._dragGhostAnimationFrameId = requestAnimationFrame(() => {
+      U();
+      const i = { x: e, y: t };
+      !n.ghost && this._dragGhostElement && (n.ghost = {}), n.ghost && !n.ghost.element && this._dragGhostElement && (n.ghost.element = this._dragGhostElement), P(i, n), X(i, n), this._dragGhostAnimationFrameId = null;
+    })));
+  }
+  removeDragGhost() {
+    this._dragGhostAnimationFrameId && (cancelAnimationFrame(this._dragGhostAnimationFrameId), this._dragGhostAnimationFrameId = null), this._dragGhostRemoveAnimationFrameId || (this._dragGhostRemoveAnimationFrameId = requestAnimationFrame(() => {
+      const e = document.getElementById(u);
+      e && document.body.removeChild(e), this._dragGhostRemoveAnimationFrameId = null;
+    }));
+  }
+}
+class z {
+  constructor(e, t, n) {
+    l(this, "_options", {});
+    l(this, "_instance");
+    l(this, "_mainDomElement");
+    l(this, "_currentDrag", {});
+    l(this, "_currentTouch", null);
+    l(this, "_firefoxDragPosition", { x: 0, y: 0 });
+    l(this, "_onBeforeUpdateDrag", () => ({}));
+    l(this, "isDragging", !1);
+    l(this, "_firefoxFallback", (e) => {
+      if (!this._currentDrag.event)
+        return;
+      const t = e || window.event;
+      this._firefoxDragPosition.x = t.pageX || 0, this._firefoxDragPosition.y = t.pageY || 0;
+    });
+    this._instance = e, this._mainDomElement = t, this._options = n || {}, this._firefoxFallback = this._firefoxFallback.bind(this), document.addEventListener("dragover", this._firefoxFallback);
+  }
+  beforeUpdateGhost(e) {
+    this._onBeforeUpdateDrag = e;
+  }
+  dragStart(e, t, n = "rml_id") {
+    const s = this._mainDomElement.parentNode;
+    if (C(s).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 a = s.querySelector(
+      "." + A
+    );
+    a || (a = document.createElement("div"), a.classList.add(A), s.appendChild(a)), a.classList.remove(R.DISPLAY_NONE), t.target.getAttribute("draggable") || console.warn(
+      `Draggable not detected correctly! Did you add draggable="true" to the element? In Sarafi only 'draggable' is too less`
+    );
+    const o = s.querySelector(
+      "." + H
+    );
+    this._currentDrag.event = t;
+    const h = t.target, g = h.cloneNode(), c = h.getBoundingClientRect();
+    g.style.width = `${c.width}px`, g.style.height = `${c.height}px`, this._currentDrag.ghost = new k(g), this._currentDrag.offset || (this._currentDrag.offset = { x: 0, y: 0 });
+    const { clientX: _, clientY: D } = G(
+      t,
+      this._firefoxDragPosition
+    );
+    this._currentDrag.offset.x = _ - c.left, this._currentDrag.offset.y = D - c.top, t instanceof DragEvent && t.dataTransfer && t.dataTransfer.setDragImage && t.dataTransfer.setDragImage(o, 0, 0);
+    const { x: y, y: f } = E(
+      s,
+      this._currentDrag.event || t,
+      this._firefoxDragPosition
+    ), m = Math.max(1, y), I = Math.max(1, f);
+    this.isDragging = !0, this._instance.dragInObject(e, m, I, n);
+  }
+  dragUpdate(e) {
+    var f;
+    const t = this._mainDomElement.parentNode, { x: n, y: s } = E(t, e, this._firefoxDragPosition);
+    if (n === 0 && s === 0)
+      return;
+    const i = Math.max(1, n), a = Math.max(1, s);
+    if (i === 1 && a === 1)
+      return;
+    let d = i, o = a;
+    if (N(e)) {
+      const m = ((f = this._options.settings) == null ? void 0 : f.fingerSize) || 0;
+      d = Math.max(2, i + m), o = Math.max(2, a - m);
+    }
+    const {
+      x: h,
+      y: g,
+      options: c
+    } = this._onBeforeUpdateDrag(d, o, {}), _ = c || { settings: {}, ghost: {} };
+    _.ghost || (_.ghost = {}), _.ghost.visibleIn && _.ghost.hiddenIn || (_.ghost.hiddenIn = this._mainDomElement.getBoundingClientRect());
+    const D = typeof h == "number" ? h : d, y = typeof g == "number" ? g : o;
+    if (this._currentDrag.ghost) {
+      const { clientX: m, clientY: I } = G(
+        e,
+        this._firefoxDragPosition
+      );
+      this._currentDrag.ghost.updateDragGhost(m, I, _);
+    }
+    this._instance.updateDrag(D, y, {});
+  }
+  dragEnd() {
+    this._mainDomElement.style.pointerEvents = "all";
+    const e = this._mainDomElement.parentNode;
+    this.isDragging = !1, this._instance.dragInObjectEnd(), this._currentDrag.ghost && (this._currentDrag.ghost.removeDragGhost(), this._currentDrag.ghost = null), this._currentDrag = {}, this._firefoxDragPosition = { x: 0, y: 0 };
+    const t = e.querySelector(
+      "." + A
+    );
+    t && t.classList.add(R.DISPLAY_NONE);
+  }
+  touchStart(e, t, n = "rml_id") {
+    var a, d, o, h;
+    t.preventDefault();
+    const s = (g, c) => {
+      this.dragStart(e, c, n);
+    }, i = {};
+    typeof ((d = (a = this._options) == null ? void 0 : a.settings) == null ? void 0 : d.touchDragDelay) == "number" && (i.delay = this._options.settings.touchDragDelay), (h = (o = this._options) == null ? void 0 : o.settings) != null && h.touchDragEpsilon && (i.epsilon = this._options.settings.touchDragEpsilon), this._currentTouch = new O(
+      void 0,
+      {
+        onTouchDragStart: s
+      },
+      i
+    ), this._currentTouch.onStart(t);
+  }
+  touchMove(e) {
+    this._currentTouch && this._currentTouch.onMove(e), this._currentDrag.event && this.dragUpdate(e);
+  }
+  touchEnd() {
+    this._currentTouch && this._currentTouch.onEnd(), this._currentTouch = null, this.dragEnd();
+  }
+  dispose() {
+    document.removeEventListener("dragover", this._firefoxFallback);
+  }
+  releaseInput(e) {
+  }
+}
+export {
+  z as DragInFromWebsiteStrategy
+};

package/from-website-Dx2SUftr.mjs

@@ -0,0 +1,4 @@
+var P=Object.defineProperty,R=(r,e,t)=>e in r?P(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,g=(r,e,t)=>R(r,typeof e!="symbol"?e+"":e,t);import{g as B,e as D,a as x,i as C,T as M}from"./touch-drag-C1SsZtt4.mjs";import{R as _,a as I,b as O,c as L,d as N,e as E,f as b,g as F,h as G,i as v,j as A,k as Y}from"./drag-in-CYmR1HFI.mjs";const w=(r,e,t=0,i=0)=>{const s=e.x+e.width+t,o=e.x-t,l=e.y+e.height+i,a=e.y-i,{x:h,y:n}=r;return h>=o&&h<=s&&n>=a&&n<=l},T=(r,e,t,i=0,s=0)=>{if(!(!t||!t.hiddenIn&&!t.visibleIn))return t.visibleIn?w({x:r,y:e},t.visibleIn,i,s):t.hiddenIn?!w({x:r,y:e},t.hiddenIn,-i,-s):!1},k=()=>{if(!document.getElementById(I)){const r=document.createElement("style");r.type="text/css",r.id=I,r.innerHTML=`
+    ${O}
+    ${L}
+  `,document.head.appendChild(r)}},U=({x:r,y:e},t)=>{var i,s,o,l,a,h;let n=document.getElementById(_);if(!n){if(n=document.createElement("div"),(i=t.ghost)!=null&&i.element)n.appendChild(t.ghost.element);else{const d=document.createElement("img");d.src=((s=t.ghost)==null?void 0:s.url)||N,d.width=((o=t.ghost)==null?void 0:o.width)||E,d.height=((l=t.ghost)==null?void 0:l.height)||b,n.appendChild(d)}n.id=_,n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.willChange="transform",n.style.transform="translate3d(0, 0, 0)",n.style.zIndex="9999",n.style.opacity="0.5",T(r,e,t.ghost||{},(a=t.settings)==null?void 0:a.dragInOverlapX,(h=t.settings)==null?void 0:h.dragInOverlapY)||(n.style.display="none"),n.style.pointerEvents="none",document.body.appendChild(n)}},X=({x:r,y:e},t)=>{var i,s,o,l;const a=document.getElementById(_);if(!a)return;let h=(i=t.ghost)==null?void 0:i.width,n=(s=t.ghost)==null?void 0:s.height;typeof h>"u"&&(h=a.getBoundingClientRect().width||E),typeof n>"u"&&(n=a.getBoundingClientRect().height||b);const d=r-h/2,c=e-n/2;a.style.transform=`translate3d(${d}px, ${c}px, 0)`,t.ghost&&(T(r,e,t.ghost,(o=t.settings)==null?void 0:o.dragInOverlapX,(l=t.settings)==null?void 0:l.dragInOverlapY)?a.style.animation!=F&&(a.style.animation=F):a.style.animation!=G&&(a.style.animation=G))};class ${constructor(e=null){g(this,"_dragGhostAnimationFrameId",null),g(this,"_dragGhostRemoveAnimationFrameId",null),g(this,"_dragGhostElement",null),this._dragGhostElement=e}updateDragGhost(e,t,i){var s;this._dragGhostRemoveAnimationFrameId&&(cancelAnimationFrame(this._dragGhostRemoveAnimationFrameId),this._dragGhostRemoveAnimationFrameId=null),!((s=i.ghost)!=null&&s.external)&&i.ghost&&(this._dragGhostAnimationFrameId||(this._dragGhostAnimationFrameId=requestAnimationFrame(()=>{k();const o={x:e,y:t};!i.ghost&&this._dragGhostElement&&(i.ghost={}),i.ghost&&!i.ghost.element&&this._dragGhostElement&&(i.ghost.element=this._dragGhostElement),U(o,i),X(o,i),this._dragGhostAnimationFrameId=null})))}removeDragGhost(){this._dragGhostAnimationFrameId&&(cancelAnimationFrame(this._dragGhostAnimationFrameId),this._dragGhostAnimationFrameId=null),this._dragGhostRemoveAnimationFrameId||(this._dragGhostRemoveAnimationFrameId=requestAnimationFrame(()=>{const e=document.getElementById(_);e&&document.body.removeChild(e),this._dragGhostRemoveAnimationFrameId=null}))}}class q{constructor(e,t,i){g(this,"_options",{}),g(this,"_instance"),g(this,"_mainDomElement"),g(this,"_currentDrag",{}),g(this,"_currentTouch",null),g(this,"_firefoxDragPosition",{x:0,y:0}),g(this,"_onBeforeUpdateDrag",()=>({})),g(this,"isDragging",!1),g(this,"_firefoxFallback",s=>{if(!this._currentDrag.event)return;const o=s||window.event;this._firefoxDragPosition.x=o.pageX||0,this._firefoxDragPosition.y=o.pageY||0}),this._instance=e,this._mainDomElement=t,this._options=i||{},this._firefoxFallback=this._firefoxFallback.bind(this),document.addEventListener("dragover",this._firefoxFallback)}beforeUpdateGhost(e){this._onBeforeUpdateDrag=e}dragStart(e,t,i="rml_id"){const s=this._mainDomElement.parentNode;if(B(s).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 o=s.querySelector("."+v);o||(o=document.createElement("div"),o.classList.add(v),s.appendChild(o)),o.classList.remove(A.DISPLAY_NONE),t.target.getAttribute("draggable")||console.warn(`Draggable not detected correctly! Did you add draggable="true" to the element? In Sarafi only 'draggable' is too less`);const l=s.querySelector("."+Y);this._currentDrag.event=t;const a=t.target,h=a.cloneNode(),n=a.getBoundingClientRect();h.style.width=`${n.width}px`,h.style.height=`${n.height}px`,this._currentDrag.ghost=new $(h),this._currentDrag.offset||(this._currentDrag.offset={x:0,y:0});const{clientX:d,clientY:c}=D(t,this._firefoxDragPosition);this._currentDrag.offset.x=d-n.left,this._currentDrag.offset.y=c-n.top,t instanceof DragEvent&&t.dataTransfer&&t.dataTransfer.setDragImage&&t.dataTransfer.setDragImage(l,0,0);const{x:f,y:m}=x(s,this._currentDrag.event||t,this._firefoxDragPosition),p=Math.max(1,f),y=Math.max(1,m);this.isDragging=!0,this._instance.dragInObject(e,p,y,i)}dragUpdate(e){var t;const i=this._mainDomElement.parentNode,{x:s,y:o}=x(i,e,this._firefoxDragPosition);if(s===0&&o===0)return;const l=Math.max(1,s),a=Math.max(1,o);if(l===1&&a===1)return;let h=l,n=a;if(C(e)){const u=((t=this._options.settings)==null?void 0:t.fingerSize)||0;h=Math.max(2,l+u),n=Math.max(2,a-u)}const{x:d,y:c,options:f}=this._onBeforeUpdateDrag(h,n,{}),m=f||{settings:{},ghost:{}};m.ghost||(m.ghost={}),m.ghost.visibleIn&&m.ghost.hiddenIn||(m.ghost.hiddenIn=this._mainDomElement.getBoundingClientRect());const p=typeof d=="number"?d:h,y=typeof c=="number"?c:n;if(this._currentDrag.ghost){const{clientX:u,clientY:S}=D(e,this._firefoxDragPosition);this._currentDrag.ghost.updateDragGhost(u,S,m)}this._instance.updateDrag(p,y,{})}dragEnd(){this._mainDomElement.style.pointerEvents="all";const e=this._mainDomElement.parentNode;this.isDragging=!1,this._instance.dragInObjectEnd(),this._currentDrag.ghost&&(this._currentDrag.ghost.removeDragGhost(),this._currentDrag.ghost=null),this._currentDrag={},this._firefoxDragPosition={x:0,y:0};const t=e.querySelector("."+v);t&&t.classList.add(A.DISPLAY_NONE)}touchStart(e,t,i="rml_id"){var s,o,l,a;t.preventDefault();const h=(d,c)=>{this.dragStart(e,c,i)},n={};typeof((o=(s=this._options)==null?void 0:s.settings)==null?void 0:o.touchDragDelay)=="number"&&(n.delay=this._options.settings.touchDragDelay),(a=(l=this._options)==null?void 0:l.settings)!=null&&a.touchDragEpsilon&&(n.epsilon=this._options.settings.touchDragEpsilon),this._currentTouch=new M(void 0,{onTouchDragStart:h},n),this._currentTouch.onStart(t)}touchMove(e){this._currentTouch&&this._currentTouch.onMove(e),this._currentDrag.event&&this.dragUpdate(e)}touchEnd(){this._currentTouch&&this._currentTouch.onEnd(),this._currentTouch=null,this.dragEnd()}dispose(){document.removeEventListener("dragover",this._firefoxFallback)}releaseInput(e){}}export{q as DragInFromWebsiteStrategy};

package/index.d.ts

@@ -48,7 +48,7 @@ declare class Connector<SdkType, SdkCallbacks> implements RoomleEmbeddingApiKeys
 }
 
 declare class DragIn extends EmbeddingPlugin implements DragInStrategy {
-    options: DragInOptions;
+    options: DragInSettings;
     private _strategy;
     private _customDragSignal;
     private _injectStyles;
@@ -74,7 +74,7 @@ declare class DragIn extends EmbeddingPlugin implements DragInStrategy {
     releaseInput(event: DragEvent | TouchEvent | MouseEvent): void;
 }
 
-declare interface DragInOptions {
+declare interface DragInSettings {
     dragInOverlapX?: number;
     dragInOverlapY?: number;
     fingerSize?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "5.7.0-debug.1",
+  "version": "5.7.0",
   "description": "This is a small library which can be used to communicate with the Roomle Configurator",
   "type": "module",
   "main": "./roomle-embedding-lib.umd.js",
@@ -29,7 +29,7 @@
     "npm": "8.3.1"
   },
   "devDependencies": {
-    "@roomle/web-sdk": "2.89.0-alpha.2"
+    "@roomle/web-sdk": "2.89.0"
   },
   "repository": {
     "type": "git",

package/roomle-embedding-lib.es.js

@@ -290,7 +290,7 @@ class A {
       typeof t == "string" && t === "dragIn" ? this.pluginsLoaded.push(
         new Promise((o, a) => {
           try {
-            import("./drag-in-3CJWP_Px.mjs").then((i) => i.l).then(
+            import("./drag-in-Do47zdKL.mjs").then((i) => i.l).then(
               ({ DragIn: i }) => {
                 const l = new i(
                   this.ui,
@@ -345,12 +345,12 @@ const T = () => {
       ), console.warn("{ mute: true, value: () => void }"), n = t);
     }
   });
-}, v = () => window.innerHeight * 0.01 + "px", L = (r) => {
+}, v = () => window.innerHeight * 0.01 + "px", b = (r) => {
   r && setTimeout(
     () => r.style.setProperty(I, v()),
     0
   );
-}, b = "rml-styles", Z = 450, I = "--rml-full-height", u = {
+}, L = "rml-styles", Z = 450, I = "--rml-full-height", u = {
   CONTAINER: "rml-container",
   FILL: "rml-fill",
   POSITION: "rml-pos",
@@ -372,9 +372,9 @@ class ee extends A {
       );
     if (w.has(n))
       throw new Error("There is already an instance on this DOM element");
-    if (!!!document.getElementById(b)) {
+    if (!!!document.getElementById(L)) {
       const g = t.zIndex || 9999999, h = document.createElement("style");
-      h.type = "text/css", h.id = b;
+      h.type = "text/css", h.id = L;
       const f = "transition:all ease-in-out " + Z + "ms;", m = ["-webkit-", "-o-"].reduce(
         (P, D) => P += D + f,
         ""
@@ -414,16 +414,17 @@ class ee extends A {
       message: f,
       args: m
     }) => {
-      if (f === _.REGISTER_CUSTOM_VIEW_DONE) {
-        o();
-        return;
+      switch (f) {
+        case _.REGISTER_CUSTOM_VIEW_DONE:
+          o();
+          break;
+        case _.RETURN_METHODS:
+          t.handleSetup(m[0]), i();
+          break;
+        default:
+          if (t.isSetupDone)
+            return t.executeMessage({ message: f, args: m });
       }
-      if (f === _.RETURN_METHODS) {
-        t.handleSetup(m[0]), i();
-        return;
-      }
-      if (t.isSetupDone)
-        return t.executeMessage({ message: f, args: m });
     }, g = new M(
       "custom-view-" + e,
       window,
@@ -522,10 +523,10 @@ class ee extends A {
     return this._initData.useLocalRoomle && (n = location.href.replace("embedding.html", "")), location.href.includes("roomle.gitlab.io") && (n = location.href.replace("embedding.html", "index.html")), this._initData.overrideServerUrl && (n = this._initData.overrideServerUrl), e.src = n, e.classList.add(u.CONTAINER), e.classList.add(u.FILL), e;
   }
   _onResize() {
-    L(this._iframe);
+    b(this._iframe);
   }
   _onUseFullPage() {
-    this._iframe.classList.add(u.POSITION), document.documentElement.classList.add(u.OVERFLOW_HIDDEN), window.document.body.classList.add(u.OVERFLOW_HIDDEN), R() && (L(this._iframe), this._iframe.classList.add(u.ANDROID_HEIGHT));
+    this._iframe.classList.add(u.POSITION), document.documentElement.classList.add(u.OVERFLOW_HIDDEN), window.document.body.classList.add(u.OVERFLOW_HIDDEN), R() && (b(this._iframe), this._iframe.classList.add(u.ANDROID_HEIGHT));
   }
   _onBackToWebsite() {
     this._iframe.classList.remove(u.POSITION), this._iframe.classList.remove(u.ANDROID_HEIGHT), document.documentElement.classList.remove(u.OVERFLOW_HIDDEN), window.document.body.classList.remove(u.OVERFLOW_HIDDEN);