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

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

package/from-website-Bvd5Pi0i.mjs

@@ -0,0 +1,134 @@
+import { g as C, e as E, a as b, i as v } from "./utils-Dav4kGNW.mjs";
+import { R as u, a as x, b as B } from "./embedding-plugins-DqMSzAJe.mjs";
+import { E as L } from "./drag-ghost-DHrf_Evu.mjs";
+class Y {
+  _options = {};
+  _instance;
+  _mainDomElement;
+  _currentDrag = {};
+  _firefoxDragPosition = { x: 0, y: 0 };
+  _onBeforeUpdateDrag = () => ({});
+  isDragging = !1;
+  _hasEnteredIframe = !1;
+  _pendingDragIn = null;
+  _canvasBb = null;
+  _overlayBb = null;
+  _interactionContainerBb = null;
+  _currentTouch = null;
+  _firefoxFallback = (e) => {
+    if (!this._currentDrag.event)
+      return;
+    e.preventDefault();
+    const t = e || window.event;
+    this._firefoxDragPosition.x = t.pageX || 0, this._firefoxDragPosition.y = t.pageY || 0;
+  };
+  constructor(e, t, s) {
+    this._instance = e, this._mainDomElement = t, this._options = s || {}, this._firefoxFallback = this._firefoxFallback.bind(this), document.addEventListener("dragover", this._firefoxFallback), this._mainDomElement.parentElement?.addEventListener("dragleave", () => {
+      this._instance.cancelDragIn();
+    });
+  }
+  beforeUpdateGhost(e) {
+    this._onBeforeUpdateDrag = e;
+  }
+  async dragStart(e, t, s = "rml_id") {
+    const o = this._mainDomElement.parentNode;
+    if (C(o).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 i = o.querySelector(
+      "." + u
+    );
+    i || (i = document.createElement("div"), i.classList.add(u), o.appendChild(i)), i.classList.remove(x.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 a = o.querySelector(
+      "." + B
+    );
+    this._currentDrag.event = t;
+    const r = t.target, h = r.cloneNode(!0), g = r.getBoundingClientRect();
+    h.style.width = `${g.width}px`, h.style.height = `${g.height}px`, this._currentDrag.ghost = new L(h), this._currentDrag.offset || (this._currentDrag.offset = { x: 0, y: 0 });
+    const { clientX: _, clientY: d } = E(
+      t,
+      this._firefoxDragPosition
+    );
+    this._currentDrag.offset.x = _ - g.left, this._currentDrag.offset.y = d - g.top, t instanceof DragEvent && t.dataTransfer && t.dataTransfer.setDragImage && t.dataTransfer.setDragImage(a, 0, 0), b(o, this._currentDrag.event || t, this._firefoxDragPosition), this._pendingDragIn = { id: e, type: s }, this._hasEnteredIframe = !1, this.isDragging = !0, this._interactionContainerBb = (await this._instance.getDrawerBoundingClientRect()).final;
+  }
+  dragUpdate(e) {
+    const t = this._mainDomElement.parentNode, { x: s, y: o } = b(t, e, this._firefoxDragPosition);
+    if (s === 0 && o === 0)
+      return;
+    const f = Math.max(1, s), i = Math.max(1, o);
+    if (f === 1 && i === 1)
+      return;
+    const n = this._mainDomElement.getBoundingClientRect(), { clientX: a, clientY: r } = E(
+      e,
+      this._firefoxDragPosition
+    ), h = a >= n.left && a <= n.right && r >= n.top && r <= n.bottom, g = () => {
+      if (!(a >= n.left && a <= n.right && r >= n.top && r <= n.bottom))
+        return !1;
+      if (this._interactionContainerBb) {
+        const m = {
+          left: this._interactionContainerBb.left + n.left,
+          top: this._interactionContainerBb.top + n.top,
+          right: this._interactionContainerBb.right + n.left,
+          bottom: this._interactionContainerBb.bottom + n.top
+        };
+        return !(a >= m.left && a <= m.right && r >= m.top && r <= m.bottom);
+      }
+      return !0;
+    };
+    if (h && this._pendingDragIn) {
+      const l = g();
+      l && !this._hasEnteredIframe ? (this._instance.dragInObject(
+        this._pendingDragIn.id,
+        f,
+        i,
+        this._pendingDragIn.type
+      ), this._hasEnteredIframe = !0) : !l && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1);
+    } else !h && this._hasEnteredIframe && (this._instance.cancelDragIn(), this._hasEnteredIframe = !1);
+    let _ = f, d = i;
+    if (v(e)) {
+      const l = this._options.settings?.fingerSize || 0;
+      _ = Math.max(2, f + l), d = Math.max(2, i - l);
+    }
+    const {
+      x: D,
+      y: p,
+      options: I
+    } = this._onBeforeUpdateDrag(_, d, {}), c = I || { settings: {}, ghost: {} };
+    if (c.ghost || (c.ghost = {}), c.ghost.visibleIn && c.ghost.hiddenIn || (c.ghost.hiddenIn = n), this._currentDrag.ghost && this._currentDrag.ghost.updateDragGhost(a, r, c), !this._hasEnteredIframe)
+      return;
+    const y = typeof D == "number" ? D : _, S = typeof p == "number" ? p : d;
+    this._instance.updateDrag(y, S, {});
+  }
+  dragEnd() {
+    this._mainDomElement.style.pointerEvents = "all";
+    const e = this._mainDomElement.parentNode;
+    this.isDragging = !1, this._hasEnteredIframe && this._instance.dragInObjectEnd(), this._currentDrag.ghost && (this._currentDrag.ghost.removeDragGhost(), this._currentDrag.ghost = null), this._currentDrag = {}, this._firefoxDragPosition = { x: 0, y: 0 }, this._hasEnteredIframe = !1, this._pendingDragIn = null, this._interactionContainerBb = null;
+    const t = e.querySelector(
+      "." + u
+    );
+    t && t.classList.add(x.DISPLAY_NONE);
+  }
+  touchStart(e, t, s = "rml_id") {
+    t.preventDefault(), this.dragStart(e, t, s);
+  }
+  touchMove(e) {
+    this._currentTouch && this._currentTouch.onMove(e), this._currentDrag.event && this.dragUpdate(e);
+  }
+  touchEnd() {
+    this.dragEnd();
+  }
+  dispose() {
+    document.removeEventListener("dragover", this._firefoxFallback);
+  }
+  releaseInput(e) {
+  }
+}
+export {
+  Y as DragInFromWebsiteStrategy
+};

package/from-website-nKwD78_u.mjs

@@ -0,0 +1 @@
+import{g as t,e,a as n,i}from"./utils-BqTPLNLs.mjs";import{R as r,a,b as s}from"./embedding-plugins-DLVs7ER4.mjs";import{E as o}from"./drag-ghost-B7UAYefM.mjs";class h{_options={};_instance;_mainDomElement;_currentDrag={};_firefoxDragPosition={x:0,y:0};_onBeforeUpdateDrag=()=>({});isDragging=!1;_hasEnteredIframe=!1;_pendingDragIn=null;_canvasBb=null;_overlayBb=null;_interactionContainerBb=null;_currentTouch=null;_firefoxFallback=t=>{if(!this._currentDrag.event)return;t.preventDefault();const e=t||window.event;this._firefoxDragPosition.x=e.pageX||0,this._firefoxDragPosition.y=e.pageY||0};constructor(t,e,n){this._instance=t,this._mainDomElement=e,this._options=n||{},this._firefoxFallback=this._firefoxFallback.bind(this),document.addEventListener("dragover",this._firefoxFallback),this._mainDomElement.parentElement?.addEventListener("dragleave",()=>{this._instance.cancelDragIn()})}beforeUpdateGhost(t){this._onBeforeUpdateDrag=t}async dragStart(i,h,g="rml_id"){const c=this._mainDomElement.parentNode;if("relative"!==t(c).position)return;this._mainDomElement.style.pointerEvents="none";let _=c.querySelector("."+r);_||(_=document.createElement("div"),_.classList.add(r),c.appendChild(_)),_.classList.remove(a.DISPLAY_NONE),h.target.getAttribute("draggable");const l=c.querySelector("."+s);this._currentDrag.event=h;const d=h.target,f=d.cloneNode(!0),m=d.getBoundingClientRect();f.style.width=`${m.width}px`,f.style.height=`${m.height}px`,this._currentDrag.ghost=new o(f),this._currentDrag.offset||(this._currentDrag.offset={x:0,y:0});const{clientX:u,clientY:D}=e(h,this._firefoxDragPosition);this._currentDrag.offset.x=u-m.left,this._currentDrag.offset.y=D-m.top,h instanceof DragEvent&&h.dataTransfer&&h.dataTransfer.setDragImage&&h.dataTransfer.setDragImage(l,0,0),n(c,this._currentDrag.event||h,this._firefoxDragPosition),this._pendingDragIn={id:i,type:g},this._hasEnteredIframe=!1,this.isDragging=!0,this._interactionContainerBb=(await this._instance.getDrawerBoundingClientRect()).final}dragUpdate(t){const r=this._mainDomElement.parentNode,{x:a,y:s}=n(r,t,this._firefoxDragPosition);if(0===a&&0===s)return;const o=Math.max(1,a),h=Math.max(1,s);if(1===o&&1===h)return;const g=this._mainDomElement.getBoundingClientRect(),{clientX:c,clientY:_}=e(t,this._firefoxDragPosition),l=c>=g.left&&c<=g.right&&_>=g.top&&_<=g.bottom,d=()=>{if(!(c>=g.left&&c<=g.right&&_>=g.top&&_<=g.bottom))return!1;if(this._interactionContainerBb){const t={left:this._interactionContainerBb.left+g.left,top:this._interactionContainerBb.top+g.top,right:this._interactionContainerBb.right+g.left,bottom:this._interactionContainerBb.bottom+g.top};return!(c>=t.left&&c<=t.right&&_>=t.top&&_<=t.bottom)}return!0};if(l&&this._pendingDragIn){const t=d();t&&!this._hasEnteredIframe?(this._instance.dragInObject(this._pendingDragIn.id,o,h,this._pendingDragIn.type),this._hasEnteredIframe=!0):!t&&this._hasEnteredIframe&&(this._instance.cancelDragIn(),this._hasEnteredIframe=!1)}else!l&&this._hasEnteredIframe&&(this._instance.cancelDragIn(),this._hasEnteredIframe=!1);let f=o,m=h;if(i(t)){const t=this._options.settings?.fingerSize||0;f=Math.max(2,o+t),m=Math.max(2,h-t)}const{x:u,y:D,options:p}=this._onBeforeUpdateDrag(f,m,{}),E=p||{settings:{},ghost:{}};if(E.ghost||(E.ghost={}),E.ghost.visibleIn&&E.ghost.hiddenIn||(E.ghost.hiddenIn=g),this._currentDrag.ghost&&this._currentDrag.ghost.updateDragGhost(c,_,E),!this._hasEnteredIframe)return;const b="number"==typeof u?u:f,I="number"==typeof D?D:m;this._instance.updateDrag(b,I,{})}dragEnd(){this._mainDomElement.style.pointerEvents="all";const t=this._mainDomElement.parentNode;this.isDragging=!1,this._hasEnteredIframe&&this._instance.dragInObjectEnd(),this._currentDrag.ghost&&(this._currentDrag.ghost.removeDragGhost(),this._currentDrag.ghost=null),this._currentDrag={},this._firefoxDragPosition={x:0,y:0},this._hasEnteredIframe=!1,this._pendingDragIn=null,this._interactionContainerBb=null;const e=t.querySelector("."+r);e&&e.classList.add(a.DISPLAY_NONE)}touchStart(t,e,n="rml_id"){e.preventDefault(),this.dragStart(t,e,n)}touchMove(t){this._currentTouch&&this._currentTouch.onMove(t),this._currentDrag.event&&this.dragUpdate(t)}touchEnd(){this.dragEnd()}dispose(){document.removeEventListener("dragover",this._firefoxFallback)}releaseInput(t){}}export{h as DragInFromWebsiteStrategy};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "6.5.0-alpha.2",
+  "version": "6.5.0",
   "description": "This is a small library which can be used to communicate with the Roomle Configurator. ES modules only (browser-compatible).",
   "type": "module",
   "main": "./roomle-embedding-lib.js",

package/packages/embedding-lib/src/embedding-plugins.d.ts

@@ -1,5 +1,5 @@
 import { DragInOptions } from './plugins/types';
-export { RML_DRAG_IN_STYLES_ID, RML_DRAG_GHOST_FADE_IN_ANIMATION_CSS, RML_DRAG_GHOST_FADE_OUT_ANIMATION_CSS, RML_DRAG_IN_DRAG_ELEMENT_ID, RML_DRAG_IN_FALLBACK_GHOST_URL, RML_DRAG_IN_FALLBACK_GHOST_WIDTH, RML_DRAG_IN_FALLBACK_GHOST_HEIGHT, RML_DRAG_GHOST_FADE_IN, RML_DRAG_GHOST_FADE_OUT, } from './plugins/constants';
+export { TARGET_OPACITY, RML_DRAG_IN_STYLES_ID, RML_DRAG_GHOST_FADE_IN_ANIMATION_CSS, RML_DRAG_GHOST_FADE_OUT_ANIMATION_CSS, RML_DRAG_IN_DRAG_ELEMENT_ID, RML_DRAG_IN_FALLBACK_GHOST_URL, RML_DRAG_IN_FALLBACK_GHOST_WIDTH, RML_DRAG_IN_FALLBACK_GHOST_HEIGHT, RML_DRAG_GHOST_FADE_IN, RML_DRAG_GHOST_FADE_OUT, } from './plugins/constants';
 export type { DragGhostOptions, DragInOptions } from './plugins/types';
 export type OnBeforeUpdateDragGhost = (x: number, y: number, options: DragInOptions) => {
     x?: number;

package/packages/embedding-lib/src/plugins/strategy/from-custom-view.d.ts

@@ -12,12 +12,14 @@ export declare class DragInFromCustomViewStrategy implements DragInStrategy {
     private _currentCustomDrag;
     private _currentBb;
     private _startTarget;
+    private _dragGhost;
     private _onBeforeUpdateDrag;
     isDragging: boolean;
     private _hasEnteredIframe;
     private _pendingDragIn;
     private _canvasBb;
     private _overlayBb;
+    private _dragGeneration;
     private _interactionContainerBb;
     constructor(instance: ExposedApi, mainDomElement: HTMLIFrameElement, options: DragInSettings, viewName: PossibleCustomViewsAndMain);
     beforeUpdateGhost(handler: OnBeforeUpdateDragGhost): void;

package/packages/embedding-lib/src/plugins/strategy/from-website.d.ts

@@ -8,7 +8,6 @@ export declare class DragInFromWebsiteStrategy implements DragInStrategy {
     private _instance;
     private _mainDomElement;
     private _currentDrag;
-    private _currentTouch;
     private _firefoxDragPosition;
     private _onBeforeUpdateDrag;
     isDragging: boolean;
@@ -17,6 +16,7 @@ export declare class DragInFromWebsiteStrategy implements DragInStrategy {
     private _canvasBb;
     private _overlayBb;
     private _interactionContainerBb;
+    private _currentTouch;
     private _firefoxFallback;
     constructor(instance: ExposedApi, mainDomElement: HTMLIFrameElement, options: DragInOptions);
     beforeUpdateGhost(handler: OnBeforeUpdateDragGhost): void;

package/roomle-embedding-lib.js

@@ -192,7 +192,7 @@ const G = (s) => JSON.parse(JSON.stringify(s)), J = {
   const s = G(J);
   s.locale || (s.locale = P(null, !0)), s.id === V && delete s.id;
   const e = U();
-  return e && k(e) && (s.configuratorId = "demoConfigurator"), s.customApiUrl = "https://rubens.alpha.roomle.com/api/v2", s.emails = !1, s;
+  return e && k(e) && (s.configuratorId = "demoConfigurator"), s.customApiUrl = void 0, s.emails = !1, s;
 }, Y = "<CONF_ID>", q = "#CONFIGURATIONID#", Q = (s) => {
   s.featureFlags || (s.featureFlags = {}), typeof s.featureFlags.realPartList != "boolean" && (s.featureFlags.realPartList = !0), typeof s.featureFlags.globalCallbacks != "boolean" && (s.featureFlags.globalCallbacks = !0), typeof s.featureFlags.mocAr != "boolean" && (s.featureFlags.mocAr = !1);
 }, M = () => /(android)/i.test(navigator.userAgent);
@@ -255,7 +255,7 @@ class T {
       typeof o == "string" && o === "dragIn" ? this.pluginsLoaded.push(
         new Promise((i, a) => {
           try {
-            import("./embedding-plugins-Cm7O1pKC.mjs").then((n) => n.l).then(({ DragIn: n }) => {
+            import("./embedding-plugins-DqMSzAJe.mjs").then((n) => n.l).then(({ DragIn: n }) => {
               const l = new n(this.ui, t, r, this.viewName);
               l.init().then(() => {
                 this.plugins.dragIn = l, i();

package/roomle-embedding-lib.min.js

@@ -1 +1 @@
-import{expose as e}from"./comlink-CmT64Qi3.mjs";import{g as t}from"./browser-BhHw2H1M.mjs";import{c as s}from"./utils-BqTPLNLs.mjs";class r{_side;_incomingMessageBus=null;_outgoingMessageBus=null;_execMessage=null;constructor(e,t,s,r){this._side=e,this._incomingMessageBus=t,this._outgoingMessageBus=s,this._execMessage=r,this._incomingMessageBus&&this._incomingMessageBus.addEventListener("message",this._handleMessage.bind(this))}setOutgoingMessageBus(e){this._outgoingMessageBus=e}setMessageExecution(e){this._execMessage=e}sendMessage(e,t=[]){return new Promise((s,r)=>{if(this._incomingMessageBus===this._outgoingMessageBus)return s(void 0);const i=new MessageChannel;i.port1.onmessage=e=>{if(!e||!e.data)return i.port1.close(),i.port2.close(),r(new Error(this._side+" received message but response can not be interpreted"));let t;try{t=JSON.parse(e.data)}catch(e){return i.port1.close(),i.port2.close(),this._prepareError(e),r(e)}t.error?r(t.error):void 0!==t.result?s(t.result):s(void 0),i.port1.close(),i.port2.close()};let a="";try{a=JSON.stringify({message:e,args:t})}catch{return r(new Error(this._side+": can not create command because it is not JSON.stringify able"))}if(!this._outgoingMessageBus)return r(new Error(this._side+": outgoing bus not set yet"));this._outgoingMessageBus.postMessage(a,"*",[i.port2])})}_handleMessage(e){const t=e.ports&&Array.isArray(e.ports)&&e.ports.length>0?e.ports[0]:null;if(e.data&&("string"==typeof e.data||"connect_hi"!==e.data.type)&&t)try{const s=JSON.parse(e.data);if(!this._execMessage)return t.postMessage(JSON.stringify({error:this._side+" is not ready to handle messages"}));Array.isArray(s.args)||(s.args=[s.args]);const r=this._execMessage(s,e);if(void 0===r)return;r.then((e={})=>{let s,r;"object"==typeof e&&null!==e&&(s=e.error,r=e.result),s?t.postMessage(JSON.stringify({error:s})):void 0!==r?t.postMessage(JSON.stringify({result:r})):t.postMessage(JSON.stringify({result:e}))},e=>{t.postMessage(JSON.stringify({error:this._prepareError(e)}))})}catch(e){t.postMessage(JSON.stringify({error:this._prepareError(e)}))}}_prepareError(e){return"string"==typeof e?this._side+": "+e:(e.message=this._side+": "+e.message,e.message)}}const i=["127.0.0.1","localhost","0.0.0.0"],a=(e,t)=>{for(const s in t)try{t[s].constructor===Object?e[s]=a(e[s],t[s]):e[s]=t[s]}catch{e[s]=t[s]}return e};var n=(e=>(e.BOTTOM_BAR="bottom_bar",e.PARTLIST_BOUNDS="partlist_bounds",e.INTERACTION_NOTES="interaction_notes",e.PARAMETER_GROUPS="parameter_groups",e))(n||{});const o={mobileLandscape:!0,floorMaterialRootTag:"materials_root",buttons:{renderimage:!0,requestproduct:!0,requestplan:!0,load_product:!0,partlist_print:!0},elements:{[n.INTERACTION_NOTES]:!0},helpcenter:{roomdesigner:!0,configurator:!1,disable:!1},firstPersonView:!0,saveToIdb:!0,featureFlags:{mocAr:!0,wallAutoHeight:!1,openCloseAnimation:!0,enableTwoLevelCatalog:!1,webGpu:!1,localExport3d:!1},rotationSnapDegrees:10,interactionsCollapsed:!1},l=e=>{if(!e)return;const t=Object.keys(e);for(const s of t){const t=e[s];if(!Array.isArray(t)&&"object"==typeof t&&null!==t&&l(t),Array.isArray(t))for(const e of t)l(e);("true"===t||"false"===t)&&(e[s]="true"===t)}},c=()=>/(android)/i.test(navigator.userAgent);class u{_messageHandler=null;isSetupDone=!1;viewName="main";plugins={};pluginsLoaded=[];ui={callbacks:null};extended={callbacks:null};configurator={callbacks:null};analytics={callbacks:{}};rapi={callbacks:{}};global={callbacks:{}};setMessageHandler(e){this._messageHandler=e}handleSetup(e){const{methods:t,callbacks:s}=e;t.forEach(e=>{const t=e.split(h),s=t[0],r=t[1];this[s]||(this[s]={}),this[s][r]=function(){if(this._messageHandler)return this._messageHandler.sendMessage(e,[...arguments])}.bind(this)}),s.forEach(e=>{const t=e.split(h),s=t[0],r=t[1],i=t[2];this[s]||(this[s]={}),this[s][r]||(this[s][r]={}),this[s][r][i]=()=>{}}),this.isSetupDone=!0}executeMessage({message:e,args:t}){const s=e.split(h),r=s[0],i=s[1],a=3===s.length?s[2]:null;if(a&&this[r][i][a]){const e=this[r][i][a](...t);return e instanceof Promise?e.then(e=>({result:e})):void 0!==e?Promise.resolve({result:e}):Promise.resolve({result:null})}return Promise.reject('Message "'+e+'" is unkown')}setupPlugins(e,t,s="website"){for(const r of e)"string"==typeof r&&"dragIn"===r?this.pluginsLoaded.push(new Promise((e,r)=>{try{import("./embedding-plugins-Dzhuj1By.mjs").then(e=>e.l).then(({DragIn:i})=>{const a=new i(this.ui,t,s,this.viewName);a.init().then(()=>{this.plugins.dragIn=a,e()},r)})}catch(e){r(e)}})):r.name&&r.loader&&this.pluginsLoaded.push(new Promise((e,i)=>{try{r.loader().then(a=>{const n=new a(this.ui,t,s,this.viewName);n.init().then(()=>{this.plugins[r.name]=n,e()},i)})}catch(e){i(e)}}))}}const d=()=>{let e,t;return{promise:new Promise((s,r)=>{e=s,t=r}),resolve:e,reject:t}},g={SDK:"extended",CONFIGURATOR_SDK:"configurator",CALLBACKS:"callbacks",UI:"ui",ANALYTICS:"analytics",GLOBAL:"global",RAPI:"rapi"},h=".",m=g.SDK+h+g.CALLBACKS,p={REQUEST_BOOT:"requestBoot",SETUP:"setup",WEBSITE_READY:"websiteReady"},_={GET_METHODS:"getMethods",RETURN_METHODS:"returnMethods",REGISTER_CUSTOM_VIEW:"registerCustomView",REGISTER_CUSTOM_VIEW_DONE:"registerCustomViewDone"},f=["constructor","callbacks"],w=e=>"_"!==e[0]&&!f.includes(e),E=(e,t,s=!1)=>{if(!e)return[];const r=Object.getOwnPropertyNames(e),i=s?g.CALLBACKS+h:"";return r.filter(w).map(e=>t+h+i+e)},S=async(e,t)=>{if("string"!=typeof e)throw new Error('Configurator ID is not a string type: "'+typeof e+'"');const s=t.customApiUrl?t.customApiUrl:"https://api.roomle.com/v2",r=t.overrideTenant||9,i=s+"/configurators/"+e,a="roomle_portal_v2",n="03-"+window.btoa((new Date).toISOString()+";anonymous;"+a),o=new Request(i,{method:"GET",headers:new Headers({apiKey:a,currentTenant:r,locale:"en",language:"en",device:1,token:n,platform:"web"}),mode:"cors",cache:"default"}),l=await fetch(o),{configurator:c}=await l.json();return c},M="data-rml-interaction-container",b=(e,t,s)=>{let r=null;Object.defineProperty(e,t,{get:()=>r||s,set(e){r=e?.mute?e.value:e}})},y=()=>.01*window.innerHeight+"px",T=e=>{e&&setTimeout(()=>e.style.setProperty(v,y()),0)},O="rml-styles",v="--rml-full-height",A="rml-container",N="rml-fill",R="rml-pos",I="rml-android-height",L="rml-overflow-hidden",C=new Map;class P extends u{static createPlanner(e,t,s,r=[]){return this._create(e,t,s,r)}static async connect(e,t=[]){const s=new u;s.viewName=e;const{resolve:i,promise:a}=d(),{resolve:n,promise:o}=d(),l=new r("custom-view-"+e,window,window.parent,({message:e,args:t})=>{switch(e){case _.REGISTER_CUSTOM_VIEW_DONE:i();break;case _.RETURN_METHODS:s.handleSetup(t[0]),n();break;default:if(s.isSetupDone)return s.executeMessage({message:e,args:t})}});s.setMessageHandler(l);const c=[e];return l.sendMessage(_.REGISTER_CUSTOM_VIEW,c),await a,l.sendMessage(_.GET_METHODS,c),await o,s.setupPlugins(t,document.body,"custom-view"),await Promise.allSettled(s.pluginsLoaded),s}static createConfigurator(e,t,s,r=[]){return this._create(e,t,s,r)}static create(e,t,s,r){return this._create(e,t,s,r)}static createViewer(e,t,s,r=[]){return this._create(e,t,s,r)}static hiMessageHandler=null;static setupHi(t){this.hiMessageHandler&&window.removeEventListener("message",this.hiMessageHandler),this.hiMessageHandler=r=>{if("connect_hi"===r.data.type&&r.data.port){const i=r.data.port;i.start?.(),e(s(t),i)}},window.addEventListener("message",this.hiMessageHandler)}static async _create(e,s,r,n){return new Promise(async(c,u)=>{try{const u=a((()=>{const e=(e=>JSON.parse(JSON.stringify(e)))(o);e.locale||(e.locale=t(null,!0)),"(idle)"===e.id&&delete e.id;const s=(()=>{const e=(()=>{try{return window.self!==window.top}catch{return!0}})();let t=window.location.href;if(e){if(!document.referrer)return null;t=document.referrer}const{hostname:s}=new URL(t);return s})();return s&&(e=>{const t=new RegExp(/^(10\.|172\.(1[6-9]|2\d|3[01])\.|192\.168\.)/);return!!(i.includes(e)||t.test(e)||e.endsWith("roomle.com")||e.endsWith("gitlab.io")||e.endsWith("gitlab.com"))})(s)&&(e.configuratorId="demoConfigurator"),e.customApiUrl="https://rubens.alpha.roomle.com/api/v2",e.emails=!1,e})(),(l(d=r),d?.customApiUrl&&(d.customApiUrl=decodeURIComponent(d.customApiUrl)),d.shareUrl&&(d.deeplink=d.shareUrl.replace("<CONF_ID>","#CONFIGURATIONID#")),d));(e=>{e.featureFlags||(e.featureFlags={}),"boolean"!=typeof e.featureFlags.realPartList&&(e.featureFlags.realPartList=!0),"boolean"!=typeof e.featureFlags.globalCallbacks&&(e.featureFlags.globalCallbacks=!0),"boolean"!=typeof e.featureFlags.mocAr&&(e.featureFlags.mocAr=!1)})(u);const g=await S(e,u);r=((e,t)=>{t.configuratorId=e.id;const s=e.settings||{};return!t.overrideTenant&&e.tenant&&(t.overrideTenant=e.tenant),((e,t)=>{const s=JSON.parse(JSON.stringify(e));return a(s,t)})(s,t)})(g,u);const h=new this(g,s,r,n,c);return await Promise.allSettled(h.pluginsLoaded),h}catch(e){return u(e)}var d})}_waitForIframe;_container;_configuratorSettings;_initData={};_iframe;constructor(e,t,s,i,a){if(super(),!e||"string"!=typeof e.id)throw new Error("Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person");if(C.has(t))throw new Error("There is already an instance on this DOM element");if(!document.getElementById(O)){const e=s.zIndex||9999999,t=document.createElement("style");t.type="text/css",t.id=O;const r="transition:all ease-in-out 450ms;",i=["-webkit-","-o-"].reduce((e,t)=>e+(t+r),"")+r,a=y();t.innerHTML=`\n        .${A}{${v}:${a};}\n        .${R}{position:fixed;top:0;left:0;z-index:${e};opacity:0}\n        .rml-transition{${i}}\n        .${N}{width:100%;height:100%;opacity:1}\n        .${I}{height:calc(var(${v},1vh)*100)}\n        .${L}{overflow:hidden}\n      `,document.head.appendChild(t)}this._executeMessage=this._executeMessage.bind(this);const n=new r("website",window,null,this._executeMessage);this.setMessageHandler(n),this._onResize=this._onResize.bind(this),c()&&window.addEventListener("resize",this._onResize),this._container=t,this._initData=s,this._configuratorSettings=e;const o=this._createIframe();this._onUseFullPage=this._onUseFullPage.bind(this),this._onBackToWebsite=this._onBackToWebsite.bind(this),this._waitForIframe=a,this._container.appendChild(o),this._iframe=o,this.setupPlugins(i,this._iframe),C.set(t,!0)}teardown(){this._container&&C.delete(this._container);const e=this._container.querySelector("iframe");e&&this._container.removeChild(e),window.removeEventListener("resize",this._onResize)}_createIframe(){const e=document.createElement("iframe");let t=this._configuratorSettings?.url||"https://www.roomle.com/t/cp/";return this._initData.useLocalRoomle&&(t=location.href.replace("embedding.html","")),location.href.includes("roomle.gitlab.io")&&(t=location.href.replace("embedding.html","index.html")),this._initData.overrideServerUrl&&(t=this._initData.overrideServerUrl),e.src=t,e.classList.add(A),e.classList.add(N),e}_onResize(){T(this._iframe)}_onUseFullPage(){this._iframe.classList.add(R),document.documentElement.classList.add(L),window.document.body.classList.add(L),c()&&(T(this._iframe),this._iframe.classList.add(I))}_onBackToWebsite(){this._iframe.classList.remove(R),this._iframe.classList.remove(I),document.documentElement.classList.remove(L),window.document.body.classList.remove(L)}_executeMessage({message:e,args:t},s){if(s.source&&s.source===this._iframe?.contentWindow)return e===p.REQUEST_BOOT?this._messageHandler?(this._messageHandler.setOutgoingMessageBus(s.source),Promise.resolve({result:this._initData})):Promise.resolve({error:"MessageHandler not set"}):e===p.SETUP?(this.handleSetup(t[0]),b(this.ui.callbacks,"onUseFullPage",this._onUseFullPage),b(this.ui.callbacks,"onBackToWebsite",this._onBackToWebsite),this._waitForIframe(this),setTimeout(()=>{this._messageHandler&&this._messageHandler.sendMessage(p.WEBSITE_READY)},0),Promise.resolve({result:null})):this.executeMessage({message:e,args:t})}}export{p as HANDSHAKE_MESSAGES,M as INTERACTION_CONTAINER_SELECTOR,g as NAMESPACE,h as NAMESPACE_SEPARATOR,m as SDK_CALLBACK,_ as WELL_KNOWN_MESSAGES,P as default,S as getConfiguratorSettings,E as getMethodNames,w as isExposable};
+import{expose as e}from"./comlink-CmT64Qi3.mjs";import{g as t}from"./browser-BhHw2H1M.mjs";import{c as s}from"./utils-BqTPLNLs.mjs";class r{_side;_incomingMessageBus=null;_outgoingMessageBus=null;_execMessage=null;constructor(e,t,s,r){this._side=e,this._incomingMessageBus=t,this._outgoingMessageBus=s,this._execMessage=r,this._incomingMessageBus&&this._incomingMessageBus.addEventListener("message",this._handleMessage.bind(this))}setOutgoingMessageBus(e){this._outgoingMessageBus=e}setMessageExecution(e){this._execMessage=e}sendMessage(e,t=[]){return new Promise((s,r)=>{if(this._incomingMessageBus===this._outgoingMessageBus)return s(void 0);const i=new MessageChannel;i.port1.onmessage=e=>{if(!e||!e.data)return i.port1.close(),i.port2.close(),r(new Error(this._side+" received message but response can not be interpreted"));let t;try{t=JSON.parse(e.data)}catch(e){return i.port1.close(),i.port2.close(),this._prepareError(e),r(e)}t.error?r(t.error):void 0!==t.result?s(t.result):s(void 0),i.port1.close(),i.port2.close()};let a="";try{a=JSON.stringify({message:e,args:t})}catch{return r(new Error(this._side+": can not create command because it is not JSON.stringify able"))}if(!this._outgoingMessageBus)return r(new Error(this._side+": outgoing bus not set yet"));this._outgoingMessageBus.postMessage(a,"*",[i.port2])})}_handleMessage(e){const t=e.ports&&Array.isArray(e.ports)&&e.ports.length>0?e.ports[0]:null;if(e.data&&("string"==typeof e.data||"connect_hi"!==e.data.type)&&t)try{const s=JSON.parse(e.data);if(!this._execMessage)return t.postMessage(JSON.stringify({error:this._side+" is not ready to handle messages"}));Array.isArray(s.args)||(s.args=[s.args]);const r=this._execMessage(s,e);if(void 0===r)return;r.then((e={})=>{let s,r;"object"==typeof e&&null!==e&&(s=e.error,r=e.result),s?t.postMessage(JSON.stringify({error:s})):void 0!==r?t.postMessage(JSON.stringify({result:r})):t.postMessage(JSON.stringify({result:e}))},e=>{t.postMessage(JSON.stringify({error:this._prepareError(e)}))})}catch(e){t.postMessage(JSON.stringify({error:this._prepareError(e)}))}}_prepareError(e){return"string"==typeof e?this._side+": "+e:(e.message=this._side+": "+e.message,e.message)}}const i=["127.0.0.1","localhost","0.0.0.0"],a=(e,t)=>{for(const s in t)try{t[s].constructor===Object?e[s]=a(e[s],t[s]):e[s]=t[s]}catch{e[s]=t[s]}return e};var n=(e=>(e.BOTTOM_BAR="bottom_bar",e.PARTLIST_BOUNDS="partlist_bounds",e.INTERACTION_NOTES="interaction_notes",e.PARAMETER_GROUPS="parameter_groups",e))(n||{});const o={mobileLandscape:!0,floorMaterialRootTag:"materials_root",buttons:{renderimage:!0,requestproduct:!0,requestplan:!0,load_product:!0,partlist_print:!0},elements:{[n.INTERACTION_NOTES]:!0},helpcenter:{roomdesigner:!0,configurator:!1,disable:!1},firstPersonView:!0,saveToIdb:!0,featureFlags:{mocAr:!0,wallAutoHeight:!1,openCloseAnimation:!0,enableTwoLevelCatalog:!1,webGpu:!1,localExport3d:!1},rotationSnapDegrees:10,interactionsCollapsed:!1},l=e=>{if(!e)return;const t=Object.keys(e);for(const s of t){const t=e[s];if(!Array.isArray(t)&&"object"==typeof t&&null!==t&&l(t),Array.isArray(t))for(const e of t)l(e);("true"===t||"false"===t)&&(e[s]="true"===t)}},c=()=>/(android)/i.test(navigator.userAgent);class u{_messageHandler=null;isSetupDone=!1;viewName="main";plugins={};pluginsLoaded=[];ui={callbacks:null};extended={callbacks:null};configurator={callbacks:null};analytics={callbacks:{}};rapi={callbacks:{}};global={callbacks:{}};setMessageHandler(e){this._messageHandler=e}handleSetup(e){const{methods:t,callbacks:s}=e;t.forEach(e=>{const t=e.split(h),s=t[0],r=t[1];this[s]||(this[s]={}),this[s][r]=function(){if(this._messageHandler)return this._messageHandler.sendMessage(e,[...arguments])}.bind(this)}),s.forEach(e=>{const t=e.split(h),s=t[0],r=t[1],i=t[2];this[s]||(this[s]={}),this[s][r]||(this[s][r]={}),this[s][r][i]=()=>{}}),this.isSetupDone=!0}executeMessage({message:e,args:t}){const s=e.split(h),r=s[0],i=s[1],a=3===s.length?s[2]:null;if(a&&this[r][i][a]){const e=this[r][i][a](...t);return e instanceof Promise?e.then(e=>({result:e})):void 0!==e?Promise.resolve({result:e}):Promise.resolve({result:null})}return Promise.reject('Message "'+e+'" is unkown')}setupPlugins(e,t,s="website"){for(const r of e)"string"==typeof r&&"dragIn"===r?this.pluginsLoaded.push(new Promise((e,r)=>{try{import("./embedding-plugins-DLVs7ER4.mjs").then(e=>e.l).then(({DragIn:i})=>{const a=new i(this.ui,t,s,this.viewName);a.init().then(()=>{this.plugins.dragIn=a,e()},r)})}catch(e){r(e)}})):r.name&&r.loader&&this.pluginsLoaded.push(new Promise((e,i)=>{try{r.loader().then(a=>{const n=new a(this.ui,t,s,this.viewName);n.init().then(()=>{this.plugins[r.name]=n,e()},i)})}catch(e){i(e)}}))}}const d=()=>{let e,t;return{promise:new Promise((s,r)=>{e=s,t=r}),resolve:e,reject:t}},g={SDK:"extended",CONFIGURATOR_SDK:"configurator",CALLBACKS:"callbacks",UI:"ui",ANALYTICS:"analytics",GLOBAL:"global",RAPI:"rapi"},h=".",m=g.SDK+h+g.CALLBACKS,p={REQUEST_BOOT:"requestBoot",SETUP:"setup",WEBSITE_READY:"websiteReady"},_={GET_METHODS:"getMethods",RETURN_METHODS:"returnMethods",REGISTER_CUSTOM_VIEW:"registerCustomView",REGISTER_CUSTOM_VIEW_DONE:"registerCustomViewDone"},f=["constructor","callbacks"],w=e=>"_"!==e[0]&&!f.includes(e),E=(e,t,s=!1)=>{if(!e)return[];const r=Object.getOwnPropertyNames(e),i=s?g.CALLBACKS+h:"";return r.filter(w).map(e=>t+h+i+e)},S=async(e,t)=>{if("string"!=typeof e)throw new Error('Configurator ID is not a string type: "'+typeof e+'"');const s=t.customApiUrl?t.customApiUrl:"https://api.roomle.com/v2",r=t.overrideTenant||9,i=s+"/configurators/"+e,a="roomle_portal_v2",n="03-"+window.btoa((new Date).toISOString()+";anonymous;"+a),o=new Request(i,{method:"GET",headers:new Headers({apiKey:a,currentTenant:r,locale:"en",language:"en",device:1,token:n,platform:"web"}),mode:"cors",cache:"default"}),l=await fetch(o),{configurator:c}=await l.json();return c},M="data-rml-interaction-container",b=(e,t,s)=>{let r=null;Object.defineProperty(e,t,{get:()=>r||s,set(e){r=e?.mute?e.value:e}})},y=()=>.01*window.innerHeight+"px",T=e=>{e&&setTimeout(()=>e.style.setProperty(v,y()),0)},O="rml-styles",v="--rml-full-height",A="rml-container",N="rml-fill",R="rml-pos",I="rml-android-height",L="rml-overflow-hidden",C=new Map;class P extends u{static createPlanner(e,t,s,r=[]){return this._create(e,t,s,r)}static async connect(e,t=[]){const s=new u;s.viewName=e;const{resolve:i,promise:a}=d(),{resolve:n,promise:o}=d(),l=new r("custom-view-"+e,window,window.parent,({message:e,args:t})=>{switch(e){case _.REGISTER_CUSTOM_VIEW_DONE:i();break;case _.RETURN_METHODS:s.handleSetup(t[0]),n();break;default:if(s.isSetupDone)return s.executeMessage({message:e,args:t})}});s.setMessageHandler(l);const c=[e];return l.sendMessage(_.REGISTER_CUSTOM_VIEW,c),await a,l.sendMessage(_.GET_METHODS,c),await o,s.setupPlugins(t,document.body,"custom-view"),await Promise.allSettled(s.pluginsLoaded),s}static createConfigurator(e,t,s,r=[]){return this._create(e,t,s,r)}static create(e,t,s,r){return this._create(e,t,s,r)}static createViewer(e,t,s,r=[]){return this._create(e,t,s,r)}static hiMessageHandler=null;static setupHi(t){this.hiMessageHandler&&window.removeEventListener("message",this.hiMessageHandler),this.hiMessageHandler=r=>{if("connect_hi"===r.data.type&&r.data.port){const i=r.data.port;i.start?.(),e(s(t),i)}},window.addEventListener("message",this.hiMessageHandler)}static async _create(e,s,r,n){return new Promise(async(c,u)=>{try{const u=a((()=>{const e=(e=>JSON.parse(JSON.stringify(e)))(o);e.locale||(e.locale=t(null,!0)),"(idle)"===e.id&&delete e.id;const s=(()=>{const e=(()=>{try{return window.self!==window.top}catch{return!0}})();let t=window.location.href;if(e){if(!document.referrer)return null;t=document.referrer}const{hostname:s}=new URL(t);return s})();return s&&(e=>{const t=new RegExp(/^(10\.|172\.(1[6-9]|2\d|3[01])\.|192\.168\.)/);return!!(i.includes(e)||t.test(e)||e.endsWith("roomle.com")||e.endsWith("gitlab.io")||e.endsWith("gitlab.com"))})(s)&&(e.configuratorId="demoConfigurator"),e.customApiUrl=void 0,e.emails=!1,e})(),(l(d=r),d?.customApiUrl&&(d.customApiUrl=decodeURIComponent(d.customApiUrl)),d.shareUrl&&(d.deeplink=d.shareUrl.replace("<CONF_ID>","#CONFIGURATIONID#")),d));(e=>{e.featureFlags||(e.featureFlags={}),"boolean"!=typeof e.featureFlags.realPartList&&(e.featureFlags.realPartList=!0),"boolean"!=typeof e.featureFlags.globalCallbacks&&(e.featureFlags.globalCallbacks=!0),"boolean"!=typeof e.featureFlags.mocAr&&(e.featureFlags.mocAr=!1)})(u);const g=await S(e,u);r=((e,t)=>{t.configuratorId=e.id;const s=e.settings||{};return!t.overrideTenant&&e.tenant&&(t.overrideTenant=e.tenant),((e,t)=>{const s=JSON.parse(JSON.stringify(e));return a(s,t)})(s,t)})(g,u);const h=new this(g,s,r,n,c);return await Promise.allSettled(h.pluginsLoaded),h}catch(e){return u(e)}var d})}_waitForIframe;_container;_configuratorSettings;_initData={};_iframe;constructor(e,t,s,i,a){if(super(),!e||"string"!=typeof e.id)throw new Error("Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person");if(C.has(t))throw new Error("There is already an instance on this DOM element");if(!document.getElementById(O)){const e=s.zIndex||9999999,t=document.createElement("style");t.type="text/css",t.id=O;const r="transition:all ease-in-out 450ms;",i=["-webkit-","-o-"].reduce((e,t)=>e+(t+r),"")+r,a=y();t.innerHTML=`\n        .${A}{${v}:${a};}\n        .${R}{position:fixed;top:0;left:0;z-index:${e};opacity:0}\n        .rml-transition{${i}}\n        .${N}{width:100%;height:100%;opacity:1}\n        .${I}{height:calc(var(${v},1vh)*100)}\n        .${L}{overflow:hidden}\n      `,document.head.appendChild(t)}this._executeMessage=this._executeMessage.bind(this);const n=new r("website",window,null,this._executeMessage);this.setMessageHandler(n),this._onResize=this._onResize.bind(this),c()&&window.addEventListener("resize",this._onResize),this._container=t,this._initData=s,this._configuratorSettings=e;const o=this._createIframe();this._onUseFullPage=this._onUseFullPage.bind(this),this._onBackToWebsite=this._onBackToWebsite.bind(this),this._waitForIframe=a,this._container.appendChild(o),this._iframe=o,this.setupPlugins(i,this._iframe),C.set(t,!0)}teardown(){this._container&&C.delete(this._container);const e=this._container.querySelector("iframe");e&&this._container.removeChild(e),window.removeEventListener("resize",this._onResize)}_createIframe(){const e=document.createElement("iframe");let t=this._configuratorSettings?.url||"https://www.roomle.com/t/cp/";return this._initData.useLocalRoomle&&(t=location.href.replace("embedding.html","")),location.href.includes("roomle.gitlab.io")&&(t=location.href.replace("embedding.html","index.html")),this._initData.overrideServerUrl&&(t=this._initData.overrideServerUrl),e.src=t,e.classList.add(A),e.classList.add(N),e}_onResize(){T(this._iframe)}_onUseFullPage(){this._iframe.classList.add(R),document.documentElement.classList.add(L),window.document.body.classList.add(L),c()&&(T(this._iframe),this._iframe.classList.add(I))}_onBackToWebsite(){this._iframe.classList.remove(R),this._iframe.classList.remove(I),document.documentElement.classList.remove(L),window.document.body.classList.remove(L)}_executeMessage({message:e,args:t},s){if(s.source&&s.source===this._iframe?.contentWindow)return e===p.REQUEST_BOOT?this._messageHandler?(this._messageHandler.setOutgoingMessageBus(s.source),Promise.resolve({result:this._initData})):Promise.resolve({error:"MessageHandler not set"}):e===p.SETUP?(this.handleSetup(t[0]),b(this.ui.callbacks,"onUseFullPage",this._onUseFullPage),b(this.ui.callbacks,"onBackToWebsite",this._onBackToWebsite),this._waitForIframe(this),setTimeout(()=>{this._messageHandler&&this._messageHandler.sendMessage(p.WEBSITE_READY)},0),Promise.resolve({result:null})):this.executeMessage({message:e,args:t})}}export{p as HANDSHAKE_MESSAGES,M as INTERACTION_CONTAINER_SELECTOR,g as NAMESPACE,h as NAMESPACE_SEPARATOR,m as SDK_CALLBACK,_ as WELL_KNOWN_MESSAGES,P as default,S as getConfiguratorSettings,E as getMethodNames,w as isExposable};

package/embedding-plugins-Dzhuj1By.mjs

@@ -1 +0,0 @@
-const t="rml-drag-in-styles",e="rml-drag-in-drag-element",s="rml-drag-in-overlay",a="rml-drag-in-drag-ghost",r="rml-drag-in-fade-in",i="rml-drag-in-fade-out",n={DISPLAY_NONE:"rml-display-none"},o="250ms",d="forwards",m=`@keyframes ${r} {from{opacity: 0;}to {opacity: 0.5;}}`,g=`@keyframes ${i} {from{opacity: 0.5;}to {opacity: 0;}}`,l=`${r} ${o} ${d}`,c=`${i} ${o} ${d}`,h="https://res.cloudinary.com/roomle/image/upload/v1729679975/fallback_afpyqr.jpg",u=112,p=112;class _{_mainDomElement;_instance;_mode="website";_viewName="main";constructor(t,e,s,a){this._instance=t,this._mainDomElement=e,this._mode=s,this._viewName=a}async init(){return Promise.resolve()}}class y extends _{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        .${s}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}\n        .${a}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}\n        ${m}\n        ${g}\n      `,document.head.appendChild(e)}}_initializeDragGhost(){const t=this._mainDomElement.parentNode;let e=t.querySelector("."+a);e||(e=document.createElement("div"),e.classList.add(a),e.innerText=" ",t.appendChild(e))}constructor(t,e,s,a){super(t,e,s,a),this._mainDomElement=e,this._injectStyles(),this._initializeDragGhost()}async init(){if(await super.init(),"website"===this._mode)try{const{DragInFromWebsiteStrategy:t}=await import("./from-website-ExTzmsnv.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-CfMGS1-t.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,s="rml_id"){this._strategy.dragStart(t,e,s)}dragUpdate(t){this._strategy.dragUpdate(t)}dragEnd(){this._strategy.dragEnd()}touchStart(t,e,s="rml_id"){this._strategy.touchStart(t,e,s)}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:s,beforeUpdateGhost:a}){a&&this._strategy.beforeUpdateGhost(a);const r=this._customDragSignal.signal,i=e=>{"true"===e.target.getAttribute("data-rml-draggable")&&t(e)},n=t=>{this._strategy.releaseInput(t),this._strategy.isDragging&&e(t)},o=t=>{s(t)};document.querySelectorAll('[data-rml-draggable="true"]').forEach(t=>{t.draggable=!1}),document.addEventListener("mousedown",i,{signal:r}),document.addEventListener("mouseup",n,{signal:r}),document.addEventListener("mousemove",o,{signal:r}),document.addEventListener("mouseleave",n,{signal:r}),document.addEventListener("touchstart",i,{signal:r}),document.addEventListener("touchend",n,{signal:r}),document.addEventListener("touchmove",o,{signal:r})}unregisterCustomDrag(){this._customDragSignal.abort(),this._customDragSignal=new AbortController}releaseInput(t){this._strategy.releaseInput(t)}}const D=Object.freeze(Object.defineProperty({__proto__:null,DragIn:y},Symbol.toStringTag,{value:"Module"}));export{y as D,e as R,t as a,m as b,g as c,h as d,u as e,p as f,l as g,c as h,s as i,n as j,a as k,D as l};