@roomle/embedding-lib 5.7.0-alpha.2 → 5.7.0-alpha.3

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

@@ -1,23 +1,40 @@
-## [5.7.0-alpha.2](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.7.0-alpha.1...embedding-lib-v5.7.0-alpha.2) (2024-11-13)
+## [5.7.0-alpha.3](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.7.0-alpha.2...embedding-lib-v5.7.0-alpha.3) (2024-11-14)
 
 
 ### Features
 
-* add more rotation indicator ([e177c26](https://github.com/roomle-dev/roomle-ui/commit/e177c26619aa2d5bcfa90c8f49e9aebb9abf2ae1))
-* 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))
-* 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))
-* **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))
+* add example for custom overlay ([cc9f748](https://github.com/roomle-dev/roomle-ui/commit/cc9f748722fd07354ac6e214a24bf8824caa98ae))
+* add onHideCustomView for embedding-callbacks ([afcd9d3](https://github.com/roomle-dev/roomle-ui/commit/afcd9d3746301145e22a4b380152dcc14acae391))
+* 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))
+* implement overlay: true ([0d2b66f](https://github.com/roomle-dev/roomle-ui/commit/0d2b66f41976c0a3b61b6e6caabd8b5f4d8dea7a))
+* make communication from child to parent possible ([6d432ab](https://github.com/roomle-dev/roomle-ui/commit/6d432ab6ce892bdee65e4e70ba57b69d78a7f7dc))
+* make custom views better extensible ([56d1e04](https://github.com/roomle-dev/roomle-ui/commit/56d1e046271745ba61728e02a8d6bbda2dd9400b))
+* make it more versatile for HOMAG cases ([705c6da](https://github.com/roomle-dev/roomle-ui/commit/705c6dab2b1982f351cbd1f60dabb6d91ea76197))
+* make it possible that a custom view can connect to us ([7a50358](https://github.com/roomle-dev/roomle-ui/commit/7a50358500e084bcf32635f72f70b4c4dbe354b5))
+* make things more stable ([432c571](https://github.com/roomle-dev/roomle-ui/commit/432c5713b1504e865d3152f888940b72d3767516))
+* move toggle out if we are on overlay ([c247abf](https://github.com/roomle-dev/roomle-ui/commit/c247abfc75b6fe2e0fc59a78ce6caed4b6135c9c))
+* new methods for exposed api ([264d34f](https://github.com/roomle-dev/roomle-ui/commit/264d34fae8e98b259bf4ef0e921622544ecd4bce))
+* 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.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
 
-* add missing new lines ([28d9df7](https://github.com/roomle-dev/roomle-ui/commit/28d9df79c4f617f67e1c27358e58dad972b97db3))
-* hide rotation if there is a construction element selected among the milti-selected objects ([fed131a](https://github.com/roomle-dev/roomle-ui/commit/fed131a02245b82d072fed6474e297495ef6ba2b))
-* 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))
-* 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))
-* 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))
+* do not collapse custom view on main embedding ([829c32e](https://github.com/roomle-dev/roomle-ui/commit/829c32e6ee757c6ea3c29932a4ccce49f4998ef6))
+* drag-touch tests ([cf9eb0a](https://github.com/roomle-dev/roomle-ui/commit/cf9eb0aabf9d3ca34cbc83d9318648f55179ce97))
+* failing tests ([635c6c1](https://github.com/roomle-dev/roomle-ui/commit/635c6c1a9a7cdaa1723f229d08b4b6be20c74ab7))
+* 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))
+* oxlint destroyed my code ([06a2882](https://github.com/roomle-dev/roomle-ui/commit/06a28824652eb8d972a8d820776ada4676b35787))
+* remove merge conflicts ([4a2ceae](https://github.com/roomle-dev/roomle-ui/commit/4a2ceae999db8245bc0e1f8ea4b4f506ea877b3e))
+* some stuff ([f4c0501](https://github.com/roomle-dev/roomle-ui/commit/f4c05015912d2fb077d325602b25acdf3164c2d8))
+* some stuff ([632deb9](https://github.com/roomle-dev/roomle-ui/commit/632deb920125dec7a8af4012ab51b84840811286))
+* 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))
+* ts errors ([faaf013](https://github.com/roomle-dev/roomle-ui/commit/faaf0138799af91f21af55a7994e3a4f22de1883))
+* use correct imports so that we do not import all of Vue ([46dc577](https://github.com/roomle-dev/roomle-ui/commit/46dc577592dd88947c07cbf600f2d4988584f5d2))
+* use ResizeObserver and switch back to GPU CSS ([65c3a53](https://github.com/roomle-dev/roomle-ui/commit/65c3a539ed7834d45b6a11eee3695768b5ce2cd1))

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-Do47zdKL.mjs

@@ -0,0 +1,141 @@
+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");
+    i(this, "_instance");
+    i(this, "_mode", "website");
+    i(this, "_viewName", "main");
+    this._instance = s, this._mainDomElement = t, this._mode = e, this._viewName = a;
+  }
+  async init() {
+    return Promise.resolve();
+  }
+}
+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, 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, _);
+    i(this, "options", {});
+    i(this, "_customDragSignal", new AbortController());
+    this._mainDomElement = e, this._injectStyles(), this._initializeDragGhost();
+  }
+  _injectStyles() {
+    if (!!!document.getElementById(m)) {
+      const e = document.createElement("style");
+      e.type = "text/css", e.id = m, e.innerHTML = `
+        .${L.DISPLAY_NONE}{display:none}
+        .${E}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
+        .${g}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}
+        ${N}
+        ${R}
+      `, document.head.appendChild(e);
+    }
+  }
+  _initializeDragGhost() {
+    const t = this._mainDomElement.parentNode;
+    let e = t.querySelector(
+      "." + g
+    );
+    e || (e = document.createElement("div"), e.classList.add(g), e.innerText = " ", t.appendChild(e));
+  }
+  async init() {
+    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() {
+    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: _
+  }) {
+    _ && this._strategy.beforeUpdateGhost(_);
+    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((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();
+  }
+  releaseInput(t) {
+    this._strategy.releaseInput(t);
+  }
+}
+const $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DragIn: G
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  f as R,
+  m as a,
+  N as b,
+  R as c,
+  w as d,
+  C as e,
+  v as f,
+  M as g,
+  O as h,
+  E as i,
+  L as j,
+  g as k,
+  $ as l
+};

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-DYkvyOw3.mjs

@@ -0,0 +1,163 @@
+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) => {
+  const a = s - e, n = r - t;
+  return Math.sqrt(a * a + n * n);
+};
+class U {
+  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 : T, this._onCustomDragStart = t;
+  }
+  onMove(t) {
+    this._lastX = t.clientX, this._lastY = t.clientY, this._isWaiting && w(
+      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 u = "data-rml-old-draggable", R = void 0, f = (e, t) => {
+  const s = b(e), r = {
+    delay: s ? B : I,
+    epsilon: s ? L : T
+  };
+  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;
+}, M = (e) => {
+  let t = "", s = Y, r = X;
+  if (!e)
+    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"), 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 };
+};
+class N {
+  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(
+      u,
+      this._startTarget.draggable.toString()
+    ), this._startTarget.draggable = !1, this._startTarget.removeEventListener("dragstart", l), this._startTarget.addEventListener("dragstart", l)), this._currentBb = await this._instance.getBoundingClientRect(
+      G(this._viewName)
+    );
+    const { clientX: a, clientY: n } = m(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 } = 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 - (_.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, 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();
+  }
+  dragStart(t, s, r) {
+    this._instance.disableEvents(), this._startTarget = s.target;
+    const a = (n, o) => {
+      this._dragStart(t, o, r);
+    };
+    this._currentCustomDrag = b(s) ? new v(
+      R,
+      {
+        onTouchDragStart: a
+      },
+      f(s, this._options)
+    ) : new U(
+      {
+        onCustomDragStart: (n) => this._dragStart(t, n, r)
+      },
+      f(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(u) === "true", this._startTarget.removeAttribute(u), this._startTarget.removeEventListener("dragstart", l));
+  }
+  releaseInput(t) {
+    this._currentCustomDrag && this._currentCustomDrag.onEnd(), this._resetStartTarget();
+  }
+}
+export {
+  N as DragInFromCustomViewStrategy
+};

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};