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

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

@@ -1,8 +1,71 @@
-## 6.5.0-alpha.2 (2026-03-13)
+## 6.5.0-alpha.3 (2026-03-18)
 
-* Merge branch 'master' into fix/hi-examples-use-server-proxy ([5d66de7](https://github.com/roomle-dev/roomle-ui/commit/5d66de7))
-* Merge pull request #2405 from roomle-dev/fix/hi-examples-use-server-proxy ([cc41244](https://github.com/roomle-dev/roomle-ui/commit/cc41244)), closes [#2405](https://github.com/roomle-dev/roomle-ui/issues/2405)
-* Merge pull request #2406 from roomle-dev/fix/mapping-data-on-level1 ([7d63c9d](https://github.com/roomle-dev/roomle-ui/commit/7d63c9d)), closes [#2406](https://github.com/roomle-dev/roomle-ui/issues/2406)
-* fix: formatting issues ([860c8da](https://github.com/roomle-dev/roomle-ui/commit/860c8da))
-* fix: set VITE_USE_SERVER for HI example builds on stages ([6003ec2](https://github.com/roomle-dev/roomle-ui/commit/6003ec2))
-* fix: skip pipe-delimited transform when enableTwoLevelCatalog is off ([cb33d55](https://github.com/roomle-dev/roomle-ui/commit/cb33d55))
+* Initial plan ([82067d7](https://github.com/roomle-dev/roomle-ui/commit/82067d7))
+* Merge branch 'master' into copilot/upgrade-web-sdk-to-strict-null-checks ([0a53891](https://github.com/roomle-dev/roomle-ui/commit/0a53891))
+* Merge branch 'master' into copilot/upgrade-web-sdk-to-strict-null-checks ([4d5ab99](https://github.com/roomle-dev/roomle-ui/commit/4d5ab99))
+* Merge branch 'master' into copilot/upgrade-web-sdk-to-strict-null-checks ([b288d9b](https://github.com/roomle-dev/roomle-ui/commit/b288d9b))
+* Merge branch 'master' into copilot/upgrade-web-sdk-to-strict-null-checks ([ca2799c](https://github.com/roomle-dev/roomle-ui/commit/ca2799c))
+* Merge branch 'master' into fix/set-only-selected-floor-color ([ae946c7](https://github.com/roomle-dev/roomle-ui/commit/ae946c7))
+* Merge pull request #2346 from roomle-dev/fix/drag-fade ([1426d41](https://github.com/roomle-dev/roomle-ui/commit/1426d41)), closes [#2346](https://github.com/roomle-dev/roomle-ui/issues/2346)
+* Merge pull request #2365 from roomle-dev/copilot/upgrade-web-sdk-to-strict-null-checks ([18e45eb](https://github.com/roomle-dev/roomle-ui/commit/18e45eb)), closes [#2365](https://github.com/roomle-dev/roomle-ui/issues/2365)
+* Merge pull request #2373 from roomle-dev/refactor/typed-event-dispatcher-map ([5d50308](https://github.com/roomle-dev/roomle-ui/commit/5d50308)), closes [#2373](https://github.com/roomle-dev/roomle-ui/issues/2373)
+* Merge pull request #2391 from roomle-dev/fix/set-only-selected-floor-color ([c59f3fe](https://github.com/roomle-dev/roomle-ui/commit/c59f3fe)), closes [#2391](https://github.com/roomle-dev/roomle-ui/issues/2391)
+* Merge pull request #2407 from roomle-dev/upgraded-by-ci/core-2.72.0-alpha.9 ([58cd87d](https://github.com/roomle-dev/roomle-ui/commit/58cd87d)), closes [#2407](https://github.com/roomle-dev/roomle-ui/issues/2407)
+* Merge pull request #2410 from roomle-dev/upgraded-by-ci/core-2.72.0-alpha.10 ([735c63a](https://github.com/roomle-dev/roomle-ui/commit/735c63a)), closes [#2410](https://github.com/roomle-dev/roomle-ui/issues/2410)
+* Merge pull request #2411 from roomle-dev/upgraded-by-ci/core-2.72.0-alpha.11 ([58ea7bf](https://github.com/roomle-dev/roomle-ui/commit/58ea7bf)), closes [#2411](https://github.com/roomle-dev/roomle-ui/issues/2411)
+* Merge pull request #2414 from roomle-dev/upgraded-by-ci/core-2.72.0-alpha.12 ([ef98f78](https://github.com/roomle-dev/roomle-ui/commit/ef98f78)), closes [#2414](https://github.com/roomle-dev/roomle-ui/issues/2414)
+* feat: core api - childObjectLevel ([ed3cc0d](https://github.com/roomle-dev/roomle-ui/commit/ed3cc0d))
+* feat(core): upgrade to version 2.72.0-alpha.10 ([f890cee](https://github.com/roomle-dev/roomle-ui/commit/f890cee))
+* feat(core): upgrade to version 2.72.0-alpha.11 ([c186968](https://github.com/roomle-dev/roomle-ui/commit/c186968))
+* feat(core): upgrade to version 2.72.0-alpha.12 ([75998c7](https://github.com/roomle-dev/roomle-ui/commit/75998c7))
+* feat(core): upgrade to version 2.72.0-alpha.9 ([77da101](https://github.com/roomle-dev/roomle-ui/commit/77da101))
+* chore: add docs ([2e7ba8b](https://github.com/roomle-dev/roomle-ui/commit/2e7ba8b))
+* chore: add long press for mobile ([b9345c5](https://github.com/roomle-dev/roomle-ui/commit/b9345c5))
+* chore: code review ([71c8ecd](https://github.com/roomle-dev/roomle-ui/commit/71c8ecd))
+* chore: fadein out on grid view ([50bb0d6](https://github.com/roomle-dev/roomle-ui/commit/50bb0d6))
+* chore: fix for mobile drag in HI ([a12120c](https://github.com/roomle-dev/roomle-ui/commit/a12120c))
+* chore: fix imports ([dc14e57](https://github.com/roomle-dev/roomle-ui/commit/dc14e57))
+* chore: fix native browser drag ghost flying around ([1c447d2](https://github.com/roomle-dev/roomle-ui/commit/1c447d2))
+* chore: format ([9c544e9](https://github.com/roomle-dev/roomle-ui/commit/9c544e9))
+* chore: lint ([a52f181](https://github.com/roomle-dev/roomle-ui/commit/a52f181))
+* chore: lint ([f604576](https://github.com/roomle-dev/roomle-ui/commit/f604576))
+* chore: merge master ([edf059b](https://github.com/roomle-dev/roomle-ui/commit/edf059b))
+* chore: merge master into strict-null-checks branch ([f152002](https://github.com/roomle-dev/roomle-ui/commit/f152002))
+* chore: start Phase 3 strict null checks migration for common-core ([aa975a0](https://github.com/roomle-dev/roomle-ui/commit/aa975a0))
+* chore: strictNullChecks Phase 3a — DI, utils, services, input ([ab55f13](https://github.com/roomle-dev/roomle-ui/commit/ab55f13))
+* chore: trigger CI ([3dcc2a6](https://github.com/roomle-dev/roomle-ui/commit/3dcc2a6))
+* chore: working drag-in fade out ([04c0f22](https://github.com/roomle-dev/roomle-ui/commit/04c0f22))
+* fix(web-sdk): address PR feedback and CI regressions ([a62e799](https://github.com/roomle-dev/roomle-ui/commit/a62e799))
+* fix: address remaining review comments on PR #2365 ([279c7b6](https://github.com/roomle-dev/roomle-ui/commit/279c7b6)), closes [#2365](https://github.com/roomle-dev/roomle-ui/issues/2365)
+* fix: address review comments on PR #2373 ([9a9827b](https://github.com/roomle-dev/roomle-ui/commit/9a9827b)), closes [#2373](https://github.com/roomle-dev/roomle-ui/issues/2373)
+* fix: address review feedback — revert problematic fallbacks, fix null handling ([f6d7bb6](https://github.com/roomle-dev/roomle-ui/commit/f6d7bb6))
+* fix: better positioning of spawned in elements ([bd7ebf9](https://github.com/roomle-dev/roomle-ui/commit/bd7ebf9))
+* fix: correct cast from KeyboardEvent to MouseEvent in _onMouseDown ([2b4ca5c](https://github.com/roomle-dev/roomle-ui/commit/2b4ca5c))
+* fix: do not add new undo step ([0e8d78c](https://github.com/roomle-dev/roomle-ui/commit/0e8d78c))
+* fix: from custom overlay dragging working again ([7f37a35](https://github.com/roomle-dev/roomle-ui/commit/7f37a35))
+* fix: harden DI lookup and light cache access ([843eee9](https://github.com/roomle-dev/roomle-ui/commit/843eee9))
+* fix: mobile external catalog dragging ([4f20d23](https://github.com/roomle-dev/roomle-ui/commit/4f20d23))
+* fix: only set color of the selected floor in planner ([b92ef5b](https://github.com/roomle-dev/roomle-ui/commit/b92ef5b))
+* fix: resolve strictNullChecks errors in cameracontrol directory ([1038f20](https://github.com/roomle-dev/roomle-ui/commit/1038f20))
+* fix: resolve strictNullChecks errors in cameracontrol directory ([a0011c1](https://github.com/roomle-dev/roomle-ui/commit/a0011c1))
+* fix: resolve strictNullChecks errors in common-core ([c7991bf](https://github.com/roomle-dev/roomle-ui/commit/c7991bf))
+* fix: resolve strictNullChecks errors in common-core/utils ([3e68331](https://github.com/roomle-dev/roomle-ui/commit/3e68331))
+* fix: resolve strictNullChecks errors in common-utils.ts ([f8e204d](https://github.com/roomle-dev/roomle-ui/commit/f8e204d))
+* fix: resolve strictNullChecks errors in init-data.ts ([dbf9164](https://github.com/roomle-dev/roomle-ui/commit/dbf9164))
+* fix: resolve strictNullChecks errors in input-manager.ts ([a1ccf79](https://github.com/roomle-dev/roomle-ui/commit/a1ccf79))
+* fix: resolve strictNullChecks errors in services/ files ([1e4356a](https://github.com/roomle-dev/roomle-ui/commit/1e4356a))
+* fix: resolve strictNullChecks errors in single-promise-factory.ts ([b98f80f](https://github.com/roomle-dev/roomle-ui/commit/b98f80f))
+* fix: resolve strictNullChecks errors in threejs-utils.ts ([e131748](https://github.com/roomle-dev/roomle-ui/commit/e131748))
+* fix: revert Main.lookup to not throw on null (test regression) ([05793dc](https://github.com/roomle-dev/roomle-ui/commit/05793dc))
+* style: format merge resolution ([1253cf0](https://github.com/roomle-dev/roomle-ui/commit/1253cf0))
+* refactor: add typed CameraEventMap for CameraControl ([b49f7ce](https://github.com/roomle-dev/roomle-ui/commit/b49f7ce))
+* refactor: extract factory functions and remove redundant type annotations ([bc09eac](https://github.com/roomle-dev/roomle-ui/commit/bc09eac))
+* refactor: move ghost image creation into composable ([ffa9803](https://github.com/roomle-dev/roomle-ui/commit/ffa9803))
+* refactor: remove unnecessary jsdoc and use pointerEvent factory in tests ([4e4630a](https://github.com/roomle-dev/roomle-ui/commit/4e4630a))
+* refactor: simplify EventDispatcher generics and add code guidelines ([a5833a0](https://github.com/roomle-dev/roomle-ui/commit/a5833a0))
+* refactor: typed EventMap for EventDispatcher and InputEvent ([eef56b3](https://github.com/roomle-dev/roomle-ui/commit/eef56b3))
+* refactor: use typed inputListener helper and rename factories to createPointerEvent/createKeyboardEv ([769ccb5](https://github.com/roomle-dev/roomle-ui/commit/769ccb5))
+* refactor: working from-website dragin on mobile ([92545de](https://github.com/roomle-dev/roomle-ui/commit/92545de))
+* test: update playwright tests, because of HI properties ([49bb60f](https://github.com/roomle-dev/roomle-ui/commit/49bb60f))
+* docs: add Symbol guideline for opaque identifiers and follow-up for refactoring ([066a0cb](https://github.com/roomle-dev/roomle-ui/commit/066a0cb))
+* docs: update TypeScript guidelines — prefer union types, no enums in new code ([6fc4a54](https://github.com/roomle-dev/roomle-ui/commit/6fc4a54))

package/drag-ghost-B7UAYefM.mjs

@@ -0,0 +1 @@
+import{c as t,d as e,e as n,f as s,g as i,h as o,i as a,j as d,k as m}from"./embedding-plugins-DLVs7ER4.mjs";const h=(t,e,n=0,s=0)=>{const i=e.x+e.width+n,o=e.x-n,a=e.y+e.height+s,d=e.y-s,{x:m,y:h}=t;return m>=o&&m<=i&&h>=d&&h<=a},r=(t,e,n,s=0,i=0)=>{if(n&&(n.hiddenIn||n.visibleIn))return n.visibleIn?h({x:t,y:e},n.visibleIn,s,i):!!n.hiddenIn&&!h({x:t,y:e},n.hiddenIn,-s,-i)};class l{_dragGhostAnimationFrameId=null;_dragGhostRemoveAnimationFrameId=null;_dragGhostElement=null;constructor(t=null){this._dragGhostElement=t}updateDragGhost(h,l,g){this._dragGhostRemoveAnimationFrameId&&(cancelAnimationFrame(this._dragGhostRemoveAnimationFrameId),this._dragGhostRemoveAnimationFrameId=null),!g.ghost?.external&&g.ghost&&(this._dragGhostAnimationFrameId||(this._dragGhostAnimationFrameId=requestAnimationFrame(()=>{(()=>{if(!document.getElementById(e)){const t=document.createElement("style");t.type="text/css",t.id=e,t.innerHTML=`\n    ${n}\n    ${s}\n  `,document.head.appendChild(t)}})();const c={x:h,y:l};!g.ghost&&this._dragGhostElement&&(g.ghost={}),g.ghost&&!g.ghost.element&&this._dragGhostElement&&(g.ghost.element=this._dragGhostElement),(({x:e,y:n},s)=>{let d=document.getElementById(t);if(!d){if(d=document.createElement("div"),s.ghost?.element)d.appendChild(s.ghost.element);else{const t=document.createElement("img");t.src=s.ghost?.url||i,t.width=s.ghost?.width||o,t.height=s.ghost?.height||a,d.appendChild(t)}d.id=t,d.style.position="fixed",d.style.top="0",d.style.left="0",d.style.willChange="transform",d.style.transform="translate3d(0, 0, 0)",d.style.zIndex="9999",d.style.opacity="0.5",r(e,n,s.ghost||{},s.settings?.dragInOverlapX,s.settings?.dragInOverlapY)||(d.style.display="none"),d.style.pointerEvents="none",document.body.appendChild(d)}})(c,g),(({x:e,y:n},s)=>{const i=document.getElementById(t);if(!i)return;let h=s.ghost?.width,l=s.ghost?.height;typeof h>"u"&&(h=i.getBoundingClientRect().width||o),typeof l>"u"&&(l=i.getBoundingClientRect().height||a);const g=e-h/2,c=n-l/2;i.style.transform=`translate3d(${g}px, ${c}px, 0)`,s.ghost&&(r(e,n,s.ghost,s.settings?.dragInOverlapX,s.settings?.dragInOverlapY)?i.style.animation!=d&&(i.style.animation=d):i.style.animation!=m&&(i.style.animation=m))})(c,g),this._dragGhostAnimationFrameId=null})))}removeDragGhost(){this._dragGhostAnimationFrameId&&(cancelAnimationFrame(this._dragGhostAnimationFrameId),this._dragGhostAnimationFrameId=null),this._dragGhostRemoveAnimationFrameId||(this._dragGhostRemoveAnimationFrameId=requestAnimationFrame(()=>{const e=document.getElementById(t);e&&document.body.removeChild(e),this._dragGhostRemoveAnimationFrameId=null}))}}export{l as E};

package/drag-ghost-DHrf_Evu.mjs

@@ -0,0 +1,81 @@
+import { c as r, d as o, e as f, f as u, g as y, h as A, i as G, j as g, k as _ } from "./embedding-plugins-DqMSzAJe.mjs";
+const c = (i, n, t = 0, e = 0) => {
+  const s = n.x + n.width + t, a = n.x - t, h = n.y + n.height + e, l = n.y - e, { x: d, y: m } = i;
+  return d >= a && d <= s && m >= l && m <= h;
+}, I = (i, n, t, e = 0, s = 0) => {
+  if (!(!t || !t.hiddenIn && !t.visibleIn))
+    return t.visibleIn ? c(
+      { x: i, y: n },
+      t.visibleIn,
+      e,
+      s
+    ) : t.hiddenIn ? !c(
+      { x: i, y: n },
+      t.hiddenIn,
+      -e,
+      -s
+    ) : !1;
+}, R = () => {
+  if (!!!document.getElementById(o)) {
+    const n = document.createElement("style");
+    n.type = "text/css", n.id = o, n.innerHTML = `
+    ${f}
+    ${u}
+  `, document.head.appendChild(n);
+  }
+}, F = ({ x: i, y: n }, t) => {
+  let e = document.getElementById(r);
+  if (!e) {
+    if (e = document.createElement("div"), t.ghost?.element)
+      e.appendChild(t.ghost.element);
+    else {
+      const s = document.createElement("img");
+      s.src = t.ghost?.url || y, s.width = t.ghost?.width || A, s.height = t.ghost?.height || G, e.appendChild(s);
+    }
+    e.id = r, e.style.position = "fixed", e.style.top = "0", e.style.left = "0", e.style.willChange = "transform", e.style.transform = "translate3d(0, 0, 0)", e.style.zIndex = "9999", e.style.opacity = "0.5", I(
+      i,
+      n,
+      t.ghost || {},
+      t.settings?.dragInOverlapX,
+      t.settings?.dragInOverlapY
+    ) || (e.style.display = "none"), e.style.pointerEvents = "none", document.body.appendChild(e);
+  }
+}, E = ({ x: i, y: n }, t) => {
+  const e = document.getElementById(r);
+  if (!e)
+    return;
+  let s = t.ghost?.width, a = t.ghost?.height;
+  typeof s > "u" && (s = e.getBoundingClientRect().width || A), typeof a > "u" && (a = e.getBoundingClientRect().height || G);
+  const h = i - s / 2, l = n - a / 2;
+  e.style.transform = `translate3d(${h}px, ${l}px, 0)`, t.ghost && (I(
+    i,
+    n,
+    t.ghost,
+    t.settings?.dragInOverlapX,
+    t.settings?.dragInOverlapY
+  ) ? e.style.animation != g && (e.style.animation = g) : e.style.animation != _ && (e.style.animation = _));
+};
+class L {
+  _dragGhostAnimationFrameId = null;
+  _dragGhostRemoveAnimationFrameId = null;
+  _dragGhostElement = null;
+  constructor(n = null) {
+    this._dragGhostElement = n;
+  }
+  updateDragGhost(n, t, e) {
+    this._dragGhostRemoveAnimationFrameId && (cancelAnimationFrame(this._dragGhostRemoveAnimationFrameId), this._dragGhostRemoveAnimationFrameId = null), !e.ghost?.external && e.ghost && (this._dragGhostAnimationFrameId || (this._dragGhostAnimationFrameId = requestAnimationFrame(() => {
+      R();
+      const s = { x: n, y: t };
+      !e.ghost && this._dragGhostElement && (e.ghost = {}), e.ghost && !e.ghost.element && this._dragGhostElement && (e.ghost.element = this._dragGhostElement), F(s, e), E(s, e), this._dragGhostAnimationFrameId = null;
+    })));
+  }
+  removeDragGhost() {
+    this._dragGhostAnimationFrameId && (cancelAnimationFrame(this._dragGhostAnimationFrameId), this._dragGhostAnimationFrameId = null), this._dragGhostRemoveAnimationFrameId || (this._dragGhostRemoveAnimationFrameId = requestAnimationFrame(() => {
+      const n = document.getElementById(r);
+      n && document.body.removeChild(n), this._dragGhostRemoveAnimationFrameId = null;
+    }));
+  }
+}
+export {
+  L as E
+};

package/embedding-plugins-DLVs7ER4.mjs

@@ -0,0 +1 @@
+const t="rml-drag-in-styles",e="rml-drag-in-drag-element",a="rml-drag-in-overlay",s="rml-drag-in-drag-ghost",r="rml-drag-in-fade-in",i="rml-drag-in-fade-out",n={DISPLAY_NONE:"rml-display-none"},o=.5,d="250ms",g="forwards",m=`@keyframes ${r} {from{opacity: 0;}to {opacity: 0.5;}}`,l=`@keyframes ${i} {from{opacity: 0.5;}to {opacity: 0;}}`,c=`${r} ${d} ${g}`,h=`${i} ${d} ${g}`,p="https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",u=112,_=112;class y{_mainDomElement;_instance;_mode="website";_viewName="main";constructor(t,e,a,s){this._instance=t,this._mainDomElement=e,this._mode=a,this._viewName=s}async init(){return Promise.resolve()}}class D extends y{options={};_customDragSignal=new AbortController;_injectStyles(){if(!document.getElementById(t)){const e=document.createElement("style");e.type="text/css",e.id=t,e.innerHTML=`\n        .${n.DISPLAY_NONE}{display:none}\n        .${a}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}\n        .${s}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}\n        ${m}\n        ${l}\n      `,document.head.appendChild(e)}}_initializeDragGhost(){const t=this._mainDomElement.parentNode;let e=t.querySelector("."+s);e||(e=document.createElement("div"),e.classList.add(s),e.innerText=" ",t.appendChild(e))}constructor(t,e,a,s){super(t,e,a,s),this._mainDomElement=e,this._injectStyles(),this._initializeDragGhost()}async init(){if(await super.init(),"website"===this._mode)try{const{DragInFromWebsiteStrategy:t}=await import("./from-website-nKwD78_u.mjs");this._strategy=new t(this._instance,this._mainDomElement,{settings:this.options,mode:"website"})}catch(t){throw t}else{if("custom-view"!==this._mode)throw new Error("Unsupported mode");try{const{DragInFromCustomViewStrategy:t}=await import("./from-custom-view-CaDOooe4.mjs");this._strategy=new t(this._instance,this._mainDomElement,this.options,this._viewName)}catch(t){throw t}}}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:s}){s&&this._strategy.beforeUpdateGhost(s);const r=this._customDragSignal.signal,i=t=>{this._strategy.releaseInput(t),this._strategy.isDragging&&e(t)};document.querySelectorAll('[data-rml-draggable="true"]').forEach(t=>{t.draggable=!1,t.style.touchAction="none"}),document.addEventListener("pointerdown",e=>{"true"===e.target.getAttribute("data-rml-draggable")&&(e.target.setPointerCapture&&e.target.setPointerCapture(e.pointerId),t(e))},{signal:r}),document.addEventListener("pointermove",t=>{a(t)},{signal:r}),document.addEventListener("pointerup",i,{signal:r}),document.addEventListener("pointercancel",i,{signal:r})}unregisterCustomDrag(){this._customDragSignal.abort(),this._customDragSignal=new AbortController}releaseInput(t){this._strategy.releaseInput(t)}}const w=Object.freeze(Object.defineProperty({__proto__:null,DragIn:D},Symbol.toStringTag,{value:"Module"}));export{D,a as R,o as T,n as a,s as b,e as c,t as d,m as e,l as f,p as g,u as h,_ as i,c as j,h as k,w as l};

package/{embedding-plugins-Cm7O1pKC.mjs → embedding-plugins-DqMSzAJe.mjs}

@@ -1,13 +1,13 @@
-const g = "rml-drag-in-styles", N = "rml-drag-in-drag-element", D = "rml-drag-in-overlay", i = "rml-drag-in-drag-ghost", c = "rml-drag-in-fade-in", l = "rml-drag-in-fade-out", y = {
+const _ = "rml-drag-in-styles", N = "rml-drag-in-drag-element", A = "rml-drag-in-overlay", n = "rml-drag-in-drag-ghost", d = "rml-drag-in-fade-in", g = "rml-drag-in-fade-out", D = {
   DISPLAY_NONE: "rml-display-none"
-}, m = 0.5, h = "250ms", u = "forwards", p = `@keyframes ${c} {from{opacity: 0;}to {opacity: ${m};}}`, S = `@keyframes ${l} {from{opacity: ${m};}to {opacity: 0;}}`, R = `${c} ${h} ${u}`, G = `${l} ${h} ${u}`, T = "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg", b = 112, f = 112;
+}, c = 0.5, l = "250ms", m = "forwards", y = `@keyframes ${d} {from{opacity: 0;}to {opacity: ${c};}}`, S = `@keyframes ${g} {from{opacity: ${c};}to {opacity: 0;}}`, R = `${d} ${l} ${m}`, G = `${g} ${l} ${m}`, T = "https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg", f = 112, b = 112;
 class I {
   _mainDomElement;
   _instance;
   _mode = "website";
   _viewName = "main";
-  constructor(t, e, s, o) {
-    this._instance = t, this._mainDomElement = e, this._mode = s, this._viewName = o;
+  constructor(t, e, r, a) {
+    this._instance = t, this._mainDomElement = e, this._mode = r, this._viewName = a;
   }
   async init() {
     return Promise.resolve();
@@ -17,13 +17,13 @@ class E extends I {
   options = {};
   _customDragSignal = new AbortController();
   _injectStyles() {
-    if (!!!document.getElementById(g)) {
+    if (!!!document.getElementById(_)) {
       const e = document.createElement("style");
-      e.type = "text/css", e.id = g, e.innerHTML = `
-        .${y.DISPLAY_NONE}{display:none}
-        .${D}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
-        .${i}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}
-        ${p}
+      e.type = "text/css", e.id = _, e.innerHTML = `
+        .${D.DISPLAY_NONE}{display:none}
+        .${A}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
+        .${n}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}
+        ${y}
         ${S}
       `, document.head.appendChild(e);
     }
@@ -31,17 +31,17 @@ class E extends I {
   _initializeDragGhost() {
     const t = this._mainDomElement.parentNode;
     let e = t.querySelector(
-      "." + i
+      "." + n
     );
-    e || (e = document.createElement("div"), e.classList.add(i), e.innerText = " ", t.appendChild(e));
+    e || (e = document.createElement("div"), e.classList.add(n), e.innerText = " ", t.appendChild(e));
   }
-  constructor(t, e, s, o) {
-    super(t, e, s, o), this._mainDomElement = e, this._injectStyles(), this._initializeDragGhost();
+  constructor(t, e, r, a) {
+    super(t, e, r, a), this._mainDomElement = e, this._injectStyles(), this._initializeDragGhost();
   }
   async init() {
     if (await super.init(), this._mode === "website")
       try {
-        const { DragInFromWebsiteStrategy: t } = await import("./from-website-CFTjWbqp.mjs");
+        const { DragInFromWebsiteStrategy: t } = await import("./from-website-Bvd5Pi0i.mjs");
         this._strategy = new t(
           this._instance,
           this._mainDomElement,
@@ -52,7 +52,7 @@ class E extends I {
       }
     else if (this._mode === "custom-view")
       try {
-        const { DragInFromCustomViewStrategy: t } = await import("./from-custom-view-5SS9UqAH.mjs");
+        const { DragInFromCustomViewStrategy: t } = await import("./from-custom-view-T67aFIDR.mjs");
         this._strategy = new t(
           this._instance,
           this._mainDomElement,
@@ -68,8 +68,8 @@ class E extends I {
   get isDragging() {
     return this._strategy.isDragging;
   }
-  dragStart(t, e, s = "rml_id") {
-    this._strategy.dragStart(t, e, s);
+  dragStart(t, e, r = "rml_id") {
+    this._strategy.dragStart(t, e, r);
   }
   dragUpdate(t) {
     this._strategy.dragUpdate(t);
@@ -77,8 +77,8 @@ class E extends I {
   dragEnd() {
     this._strategy.dragEnd();
   }
-  touchStart(t, e, s = "rml_id") {
-    this._strategy.touchStart(t, e, s);
+  touchStart(t, e, r = "rml_id") {
+    this._strategy.touchStart(t, e, r);
   }
   touchMove(t) {
     this._strategy.touchMove(t);
@@ -95,20 +95,20 @@ class E extends I {
   registerCustomDrag({
     customDragStart: t,
     customDragEnd: e,
-    customDragUpdate: s,
-    beforeUpdateGhost: o
+    customDragUpdate: r,
+    beforeUpdateGhost: a
   }) {
-    o && this._strategy.beforeUpdateGhost(o);
-    const r = this._customDragSignal.signal, _ = (a) => {
-      a.target.getAttribute("data-rml-draggable") === "true" && t(a);
-    }, n = (a) => {
-      this._strategy.releaseInput(a), this._strategy.isDragging && e(a);
-    }, d = (a) => {
-      s(a);
+    a && this._strategy.beforeUpdateGhost(a);
+    const o = this._customDragSignal.signal, p = (s) => {
+      s.target.getAttribute("data-rml-draggable") === "true" && (s.target.setPointerCapture && s.target.setPointerCapture(s.pointerId), t(s));
+    }, i = (s) => {
+      this._strategy.releaseInput(s), this._strategy.isDragging && e(s);
+    }, u = (s) => {
+      r(s);
     };
-    document.querySelectorAll('[data-rml-draggable="true"]').forEach((a) => {
-      a.draggable = !1;
-    }), document.addEventListener("mousedown", _, { signal: r }), document.addEventListener("mouseup", n, { signal: r }), document.addEventListener("mousemove", d, { signal: r }), document.addEventListener("mouseleave", n, { signal: r }), document.addEventListener("touchstart", _, { signal: r }), document.addEventListener("touchend", n, { signal: r }), document.addEventListener("touchmove", d, { signal: r });
+    document.querySelectorAll('[data-rml-draggable="true"]').forEach((s) => {
+      s.draggable = !1, s.style.touchAction = "none";
+    }), document.addEventListener("pointerdown", p, { signal: o }), document.addEventListener("pointermove", u, { signal: o }), document.addEventListener("pointerup", i, { signal: o }), document.addEventListener("pointercancel", i, { signal: o });
   }
   unregisterCustomDrag() {
     this._customDragSignal.abort(), this._customDragSignal = new AbortController();
@@ -117,23 +117,24 @@ class E extends I {
     this._strategy.releaseInput(t);
   }
 }
-const M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DragIn: E
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   E as D,
-  N as R,
-  g as a,
-  p as b,
-  S as c,
-  T as d,
-  b as e,
-  f,
-  R as g,
-  G as h,
-  D as i,
-  y as j,
-  i as k,
-  M as l
+  A as R,
+  c as T,
+  D as a,
+  n as b,
+  N as c,
+  _ as d,
+  y as e,
+  S as f,
+  T as g,
+  f as h,
+  b as i,
+  R as j,
+  G as k,
+  C as l
 };

package/embedding-plugins.js

@@ -1,13 +1,14 @@
-import { D as R, g as D, b as G, h as L, c as I, R as T, f as S, d as a, e as M, a as N } from "./embedding-plugins-Cm7O1pKC.mjs";
+import { D as R, j as D, e as G, k as T, f as L, c as I, i as S, g as a, h as M, d as N, T as O } from "./embedding-plugins-DqMSzAJe.mjs";
 export {
   R as DragIn,
   D as RML_DRAG_GHOST_FADE_IN,
   G as RML_DRAG_GHOST_FADE_IN_ANIMATION_CSS,
-  L as RML_DRAG_GHOST_FADE_OUT,
-  I as RML_DRAG_GHOST_FADE_OUT_ANIMATION_CSS,
-  T as RML_DRAG_IN_DRAG_ELEMENT_ID,
+  T as RML_DRAG_GHOST_FADE_OUT,
+  L as RML_DRAG_GHOST_FADE_OUT_ANIMATION_CSS,
+  I as RML_DRAG_IN_DRAG_ELEMENT_ID,
   S as RML_DRAG_IN_FALLBACK_GHOST_HEIGHT,
   a as RML_DRAG_IN_FALLBACK_GHOST_URL,
   M as RML_DRAG_IN_FALLBACK_GHOST_WIDTH,
-  N as RML_DRAG_IN_STYLES_ID
+  N as RML_DRAG_IN_STYLES_ID,
+  O as TARGET_OPACITY
 };

package/embedding-plugins.min.js

@@ -1 +1 @@
-import{D as _,g as A,b as a,h as s,c as R,R as D,f as G,d as L,e as I,a as T}from"./embedding-plugins-Dzhuj1By.mjs";export{_ as DragIn,A as RML_DRAG_GHOST_FADE_IN,a as RML_DRAG_GHOST_FADE_IN_ANIMATION_CSS,s as RML_DRAG_GHOST_FADE_OUT,R as RML_DRAG_GHOST_FADE_OUT_ANIMATION_CSS,D as RML_DRAG_IN_DRAG_ELEMENT_ID,G as RML_DRAG_IN_FALLBACK_GHOST_HEIGHT,L as RML_DRAG_IN_FALLBACK_GHOST_URL,I as RML_DRAG_IN_FALLBACK_GHOST_WIDTH,T as RML_DRAG_IN_STYLES_ID};
+import{D as _,j as A,e as s,k as a,f as R,c as D,i as G,g as T,h as L,d as I,T as S}from"./embedding-plugins-DLVs7ER4.mjs";export{_ as DragIn,A as RML_DRAG_GHOST_FADE_IN,s as RML_DRAG_GHOST_FADE_IN_ANIMATION_CSS,a as RML_DRAG_GHOST_FADE_OUT,R as RML_DRAG_GHOST_FADE_OUT_ANIMATION_CSS,D as RML_DRAG_IN_DRAG_ELEMENT_ID,G as RML_DRAG_IN_FALLBACK_GHOST_HEIGHT,T as RML_DRAG_IN_FALLBACK_GHOST_URL,L as RML_DRAG_IN_FALLBACK_GHOST_WIDTH,I as RML_DRAG_IN_STYLES_ID,S as TARGET_OPACITY};

package/from-custom-view-CaDOooe4.mjs

@@ -0,0 +1 @@
+import{i as t,e,b as s}from"./utils-BqTPLNLs.mjs";import{i,h as a,g as r}from"./embedding-plugins-DLVs7ER4.mjs";import{E as n}from"./drag-ghost-B7UAYefM.mjs";const h=(e,s=0)=>t(e)?{clientX:e.touches[s].clientX,clientY:e.touches[s].clientY}:{clientX:e.clientX,clientY:e.clientY},o=e=>!e||!t(e)||e.touches.length>0;class _{_touchDragTimeOut;_onTouchDragStart;_payload=null;_delay=500;_firstTouch=null;_lastTouch=null;_epsilon=10;constructor(t,{onTouchDragStart:e},s={}){this._payload=t,this._onTouchDragStart=e,this._delay="number"==typeof s.delay?s.delay:500,this._epsilon="number"==typeof s.epsilon?s.epsilon:10}onStart(e){o(e)&&(this._touchDragTimeOut||(this._firstTouch=h(e,t(e)?e.touches.length-1:0),this._touchDragTimeOut=setTimeout(()=>{this._clearTimeout(),this._lastTouch||(this._lastTouch=h(e)),this._checkXDistance(e)()},this._delay)))}onEnd(){this._resetTouches()}onMove(t){o(t)&&(this._lastTouch=h(t))}_clearTimeout(){this._touchDragTimeOut&&(clearTimeout(this._touchDragTimeOut),this._touchDragTimeOut=null)}_resetTouches(){this._clearTimeout(),this._lastTouch=null,this._firstTouch=null,this._payload=null}_checkXDistance(t){return()=>{if(!this._firstTouch||!this._lastTouch)return;let e=!1;e=Math.abs(this._firstTouch.clientX-this._lastTouch.clientX)<this._epsilon,e&&(this._onTouchDragStart(this._payload,t),this._resetTouches())}}}const l=t=>{t.preventDefault(),t.stopPropagation()};class g{_startX=0;_startY=0;_lastX=0;_lastY=0;_epsilon;_isWaiting=!1;_onCustomDragStart;constructor({onCustomDragStart:t},e={}){this._epsilon="number"==typeof e.epsilon?e.epsilon:15,this._onCustomDragStart=t}onMove(t){this._lastX=t.clientX,this._lastY=t.clientY,this._isWaiting&&((t,e)=>{const s=this._lastX-t,i=this._lastY-e;return Math.sqrt(s*s+i*i)})(this._startX,this._startY)>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",u=(e,s)=>{const i=t(e),a={delay:i?500:100,epsilon:i?10:15};if(!s)return a;if(!(i||e instanceof MouseEvent))return a;const{delayKey:r,epsilonKey:n}=i?{delayKey:"touchDragDelay",epsilonKey:"touchDragEpsilon"}:{delayKey:"customDragDelay",epsilonKey:"customDragEpsilon"};return"number"==typeof s[r]&&(a.delay=s.touchDragDelay),"number"==typeof s[n]&&(a.epsilon=s.touchDragEpsilon),a};class d{_options={};_instance;_mainDomElement;_viewName;_currentCustomDrag=null;_currentBb=null;_startTarget=null;_dragGhost=null;_onBeforeUpdateDrag=()=>({});isDragging=!1;_hasEnteredIframe=!1;_pendingDragIn=null;_canvasBb=null;_overlayBb=null;_dragGeneration=0;_interactionContainerBb=null;constructor(t,e,s,i){this._instance=t,this._options=s||{},this._viewName=i,this._mainDomElement=e,this._mainDomElement.parentElement?.addEventListener("dragleave",()=>{this._instance.cancelDragIn()})}beforeUpdateGhost(t){this._onBeforeUpdateDrag=t}async _dragStart(t,e,s="rml_id"){const i=++this._dragGeneration;if(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._startTarget){const t=this._startTarget.getBoundingClientRect(),e=this._startTarget.cloneNode(!0);e.style.width=`${t.width}px`,e.style.height=`${t.height}px`,this._dragGhost=new n(e)}else this._dragGhost=new n;var a;this._currentBb=await this._instance.getBoundingClientRect((a=this._viewName,`[data-rml-custom-view="${a}"]`)),this._canvasBb=await this._instance.getBoundingClientRect("canvas"),this._overlayBb=(await this._instance.getDrawerBoundingClientRect()).final,this._interactionContainerBb=await this._instance.getBoundingClientRect(".interaction-container"),i===this._dragGeneration&&(this._pendingDragIn={id:t,type:s},this._hasEnteredIframe=!1,this.isDragging=!0)}_dragUpdate(t){document.body.focus(),this._currentCustomDrag&&this._currentCustomDrag.onMove(t);const{clientX:n,clientY:h}=e(t);if(this._dragGhost){const{width:t,height:e}=this._mainDomElement.getBoundingClientRect();this._dragGhost.updateDragGhost(n,h,{ghost:{visibleIn:{x:0,y:0,width:t,height:e}}})}if(!this._currentBb||!this.isDragging)return;const o=this._currentBb.x+n,_=this._currentBb.y+h,l=s(o,_,this._canvasBb,this._overlayBb,this._interactionContainerBb);if(l&&!this._hasEnteredIframe&&this._pendingDragIn&&(this._instance.dragInObject(this._pendingDragIn.id,o,_,this._pendingDragIn.type),this._hasEnteredIframe=!0),!l&&this._hasEnteredIframe&&(this._instance.cancelDragIn(),this._hasEnteredIframe=!1),!this._hasEnteredIframe)return;const{url:g,width:c,height:u}=(t=>{let e="",s=a,n=i;if(!t)return{url:r,width:s,height:n};const h=t;if(h instanceof HTMLElement){const t=h.getBoundingClientRect(),i=h.getAttribute("data-rml-ghost-url"),a=h.getAttribute("data-rml-ghost-width"),o=h.getAttribute("data-rml-ghost-height");i?e=i:!i&&h instanceof HTMLImageElement&&h.src&&(e=h.src),e?(s=t.width,n=t.height):e=r,s=a?parseInt(a,10):s,n=o?parseInt(o,10):n}return{url:e||r,width:s,height:n}})(this._startTarget),d=this._options||{},m={ghost:{visibleIn:{x:this._currentBb.x-(d.dragInOverlapX||0),y:this._currentBb.y+(d.dragInOverlapY||0),width:this._currentBb.width+(d.dragInOverlapX||0),height:this._currentBb.height+(d.dragInOverlapY||0)},url:g,width:c,height:u},mode:"custom-view"},{x:p,y:D,options:T}=this._onBeforeUpdateDrag(o,_,m),y="number"==typeof p?p:o,b="number"==typeof D?D:_,f=T||m;this._instance.updateDrag(y,b,f)}_dragEnd(){this._currentCustomDrag&&this._currentCustomDrag.onEnd(),this._currentCustomDrag=null,this.isDragging=!1,this._currentBb=null,this._canvasBb=null,this._overlayBb=null,this._interactionContainerBb=null,this._resetStartTarget(),this._instance.enableEvents(),this._dragGhost&&(this._dragGhost.removeDragGhost(),this._dragGhost=null),this._hasEnteredIframe&&this._instance.dragInObjectEnd(),this._hasEnteredIframe=!1,this._pendingDragIn=null}dragStart(e,s,i){this._instance.disableEvents(),this._startTarget=s.target,this._currentCustomDrag=t(s)?new _(void 0,{onTouchDragStart:(t,s)=>{this._dragStart(e,s,i)}},{...u(s,this._options),delay:0}):new g({onCustomDragStart:t=>this._dragStart(e,t,i)},u(s,this._options)),this._currentCustomDrag.onStart(s)}dragEnd(){this._dragEnd()}dragUpdate(t){this._dragUpdate(t)}touchStart(t,e,s="rml_id"){this.dragStart(t,e,s)}touchMove(t){this.dragUpdate(t)}touchEnd(){this.dragEnd()}dispose(){}_resetStartTarget(){this._startTarget&&(this._startTarget.style.pointerEvents="",this._startTarget.style.userSelect="",this._startTarget.draggable="true"===this._startTarget.getAttribute(c),this._startTarget.removeAttribute(c),this._startTarget.removeEventListener("dragstart",l))}releaseInput(t){this._dragGeneration++,this._dragEnd()}}export{d as DragInFromCustomViewStrategy};

package/from-custom-view-T67aFIDR.mjs

@@ -0,0 +1,249 @@
+import { i as o, e as X, b as A } from "./utils-Dav4kGNW.mjs";
+import { i as Y, h as L, g as c } from "./embedding-plugins-DqMSzAJe.mjs";
+import { E } from "./drag-ghost-DHrf_Evu.mjs";
+const m = 500, f = 10, R = 100, I = 15, g = (i, t = 0) => o(i) ? {
+  clientX: i.touches[t].clientX,
+  clientY: i.touches[t].clientY
+} : {
+  clientX: i.clientX,
+  clientY: i.clientY
+}, b = (i) => i && o(i) ? i.touches.length > 0 : !0;
+class M {
+  _touchDragTimeOut;
+  _onTouchDragStart;
+  _payload = null;
+  _delay = m;
+  _firstTouch = null;
+  _lastTouch = null;
+  _epsilon = f;
+  constructor(t, { onTouchDragStart: s }, e = {}) {
+    this._payload = t, this._onTouchDragStart = s, this._delay = typeof e.delay == "number" ? e.delay : m, this._epsilon = typeof e.epsilon == "number" ? e.epsilon : f;
+  }
+  onStart(t) {
+    b(t) && (this._touchDragTimeOut || (this._firstTouch = g(
+      t,
+      o(t) ? t.touches.length - 1 : 0
+    ), this._touchDragTimeOut = setTimeout(() => {
+      this._clearTimeout(), this._lastTouch || (this._lastTouch = g(t)), this._checkXDistance(t)();
+    }, this._delay)));
+  }
+  onEnd() {
+    this._resetTouches();
+  }
+  onMove(t) {
+    b(t) && (this._lastTouch = g(t));
+  }
+  _clearTimeout() {
+    this._touchDragTimeOut && (clearTimeout(this._touchDragTimeOut), this._touchDragTimeOut = null);
+  }
+  _resetTouches() {
+    this._clearTimeout(), this._lastTouch = null, this._firstTouch = null, this._payload = null;
+  }
+  _checkXDistance(t) {
+    return () => {
+      if (!this._firstTouch || !this._lastTouch)
+        return;
+      let s = !1;
+      s = Math.abs(
+        this._firstTouch.clientX - this._lastTouch.clientX
+      ) < this._epsilon, s && (this._onTouchDragStart(this._payload, t), this._resetTouches());
+    };
+  }
+}
+const U = (i) => `[data-rml-custom-view="${i}"]`, u = (i) => {
+  i.preventDefault(), i.stopPropagation();
+}, x = (i, t, s, e) => {
+  const a = s - i, r = e - t;
+  return Math.sqrt(a * a + r * r);
+};
+class H {
+  _startX = 0;
+  _startY = 0;
+  _lastX = 0;
+  _lastY = 0;
+  _epsilon;
+  _isWaiting = !1;
+  _onCustomDragStart;
+  constructor({ onCustomDragStart: t }, s = {}) {
+    this._epsilon = typeof s.epsilon == "number" ? s.epsilon : I, this._onCustomDragStart = t;
+  }
+  onMove(t) {
+    this._lastX = t.clientX, this._lastY = t.clientY, this._isWaiting && x(
+      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 d = "data-rml-old-draggable", K = void 0, y = (i, t) => {
+  const s = o(i), e = {
+    delay: s ? m : R,
+    epsilon: s ? f : I
+  };
+  if (!t)
+    return e;
+  if (!s && !(i instanceof MouseEvent))
+    return console.warn(
+      "Unsupported event! It is not TouchEvent and also not MouseEvent"
+    ), e;
+  const {
+    delayKey: a,
+    epsilonKey: r
+  } = s ? { delayKey: "touchDragDelay", epsilonKey: "touchDragEpsilon" } : { delayKey: "customDragDelay", epsilonKey: "customDragEpsilon" };
+  return typeof t[a] == "number" && (e.delay = t.touchDragDelay), typeof t[r] == "number" && (e.epsilon = t.touchDragEpsilon), e;
+}, N = (i) => {
+  let t = "", s = L, e = Y;
+  if (!i)
+    return { url: c, width: s, height: e };
+  const a = i;
+  if (a instanceof HTMLElement) {
+    const r = a.getBoundingClientRect(), n = a.getAttribute("data-rml-ghost-url"), h = a.getAttribute("data-rml-ghost-width"), l = a.getAttribute("data-rml-ghost-height");
+    n ? t = n : !n && a instanceof HTMLImageElement && a.src && (t = a.src), t ? (s = r.width, e = r.height) : t = c, s = h ? parseInt(h, 10) : s, e = l ? parseInt(l, 10) : e;
+  }
+  return { url: t || c, width: s, height: e };
+};
+class P {
+  _options = {};
+  _instance;
+  _mainDomElement;
+  _viewName;
+  _currentCustomDrag = null;
+  _currentBb = null;
+  _startTarget = null;
+  _dragGhost = null;
+  _onBeforeUpdateDrag = () => ({});
+  isDragging = !1;
+  _hasEnteredIframe = !1;
+  _pendingDragIn = null;
+  _canvasBb = null;
+  _overlayBb = null;
+  _dragGeneration = 0;
+  _interactionContainerBb = null;
+  constructor(t, s, e, a) {
+    this._instance = t, this._options = e || {}, this._viewName = a, this._mainDomElement = s, this._mainDomElement.parentElement?.addEventListener("dragleave", () => {
+      this._instance.cancelDragIn();
+    });
+  }
+  beforeUpdateGhost(t) {
+    this._onBeforeUpdateDrag = t;
+  }
+  async _dragStart(t, s, e = "rml_id") {
+    const a = ++this._dragGeneration;
+    if (this._startTarget && (this._startTarget.style.pointerEvents = "none", this._startTarget.style.userSelect = "none", this._startTarget.setAttribute(
+      d,
+      this._startTarget.draggable.toString()
+    ), this._startTarget.draggable = !1, this._startTarget.removeEventListener("dragstart", u), this._startTarget.addEventListener("dragstart", u)), this._startTarget) {
+      const r = this._startTarget.getBoundingClientRect(), n = this._startTarget.cloneNode(!0);
+      n.style.width = `${r.width}px`, n.style.height = `${r.height}px`, this._dragGhost = new E(n);
+    } else
+      this._dragGhost = new E();
+    this._currentBb = await this._instance.getBoundingClientRect(
+      U(this._viewName)
+    ), this._canvasBb = await this._instance.getBoundingClientRect("canvas"), this._overlayBb = (await this._instance.getDrawerBoundingClientRect()).final, this._interactionContainerBb = await this._instance.getBoundingClientRect(
+      ".interaction-container"
+    ), a === this._dragGeneration && (this._pendingDragIn = { id: t, type: e }, this._hasEnteredIframe = !1, this.isDragging = !0);
+  }
+  _dragUpdate(t) {
+    document.body.focus(), this._currentCustomDrag && this._currentCustomDrag.onMove(t);
+    const { clientX: s, clientY: e } = X(t);
+    if (this._dragGhost) {
+      const { width: v, height: w } = this._mainDomElement.getBoundingClientRect();
+      this._dragGhost.updateDragGhost(s, e, {
+        ghost: { visibleIn: { x: 0, y: 0, width: v, height: w } }
+      });
+    }
+    if (!this._currentBb || !this.isDragging)
+      return;
+    const a = this._currentBb.x + s, r = this._currentBb.y + e, n = A(
+      a,
+      r,
+      this._canvasBb,
+      this._overlayBb,
+      this._interactionContainerBb
+    );
+    if (n && !this._hasEnteredIframe && this._pendingDragIn && (this._instance.dragInObject(
+      this._pendingDragIn.id,
+      a,
+      r,
+      this._pendingDragIn.type
+    ), this._hasEnteredIframe = !0), !n && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1), !this._hasEnteredIframe)
+      return;
+    const { url: h, width: l, height: C } = N(this._startTarget), _ = 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: h,
+        width: l,
+        height: C
+      },
+      mode: "custom-view"
+    }, {
+      x: p,
+      y: T,
+      options: B
+    } = this._onBeforeUpdateDrag(a, r, D), G = typeof p == "number" ? p : a, S = typeof T == "number" ? T : r, O = B || D;
+    this._instance.updateDrag(G, S, O);
+  }
+  _dragEnd() {
+    this._currentCustomDrag && this._currentCustomDrag.onEnd(), this._currentCustomDrag = null, this.isDragging = !1, this._currentBb = null, this._canvasBb = null, this._overlayBb = null, this._interactionContainerBb = null, this._resetStartTarget(), this._instance.enableEvents(), this._dragGhost && (this._dragGhost.removeDragGhost(), this._dragGhost = null), this._hasEnteredIframe && this._instance.dragInObjectEnd(), this._hasEnteredIframe = !1, this._pendingDragIn = null;
+  }
+  dragStart(t, s, e) {
+    this._instance.disableEvents(), this._startTarget = s.target;
+    const a = (r, n) => {
+      this._dragStart(t, n, e);
+    };
+    this._currentCustomDrag = o(s) ? new M(
+      K,
+      {
+        onTouchDragStart: a
+      },
+      // No long-press delay for custom-view — drag should start immediately on touch
+      { ...y(s, this._options), delay: 0 }
+    ) : new H(
+      {
+        onCustomDragStart: (r) => this._dragStart(t, r, e)
+      },
+      y(s, this._options)
+    ), this._currentCustomDrag.onStart(s);
+  }
+  dragEnd() {
+    this._dragEnd();
+  }
+  dragUpdate(t) {
+    this._dragUpdate(t);
+  }
+  touchStart(t, s, e = "rml_id") {
+    this.dragStart(t, s, e);
+  }
+  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(d) === "true", this._startTarget.removeAttribute(d), this._startTarget.removeEventListener("dragstart", u));
+  }
+  releaseInput(t) {
+    this._dragGeneration++, this._dragEnd();
+  }
+}
+export {
+  P as DragInFromCustomViewStrategy
+};