@roomle/embedding-lib 4.44.0 → 5.1.0-debug.1

package/.releaserc.json

@@ -1,9 +1,9 @@
 {
-  "tagFormat": "embedding-v${version}",
+  "tagFormat": "embedding-lib-v${version}",
   "repositoryUrl": "git@github.com:roomle-dev/roomle-ui.git",
   "branches": [
     {
-      "name": "fix/semantic-release-build",
+      "name": "cd/test",
       "channel": "debug",
       "prerelease": "debug"
     },
@@ -40,17 +40,14 @@
       {
         "preset": "conventionalcommits",
         "writerOpts": {
-          "commitsSort": [
-            "subject",
-            "scope"
-          ]
+          "commitsSort": ["subject", "scope"]
         }
       }
     ],
     [
       "@semantic-release/changelog",
       {
-        "changelogFile": "docs/md/web/ui/EMBEDDING-CHANGELOG.md"
+        "changelogFile": "docs/md/web/embedding/CHANGELOG.md"
       }
     ],
     [

package/README.md

@@ -1,14 +1,13 @@
-# Roomle Rubens Configurator Embedding Lib
+# Roomle Rubens Embedding Lib
 
-The official npm package to embed the [Roomle](https://www.roomle.com/en) Rubens Configurator in your website.
+The official npm package to embed [Roomle](https://www.roomle.com/en) Rubens in your website.
 
-For release notes, see the [CHANGELOG](https://docs.roomle.com/web/ui/CHANGELOG.html).
+For release notes, see the [CHANGELOG](https://docs.roomle.com/rubens/changelogs/changelog).
 
 ## Getting started
-You can find an extensive guide on how to get started on [docs.roomle.com](https://docs.roomle.com/web/embedding/).
 
-## API documentation
-Use our [API documentation](https://docs.roomle.com/web/embedding/api/classes/roomle_configurator_api.default.html) to get further information on how to use the classes provided by the Rubens Configuratior Embedding.
+You can find an extensive guide on how to get started on [docs.roomle.com](https://docs.roomle.com/rubens/rubens-products/rubens-3d-viewer-and-ar/getting-started).
 
 ## Bugs & Issues
+
 If you encounter issues please report them using our [Servicedesk](https://roomle.atlassian.net/servicedesk/customer/portals).

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

@@ -0,0 +1,6 @@
+## [5.1.0-debug.1](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.0.1-debug.1...embedding-lib-v5.1.0-debug.1) (2024-08-07)
+
+
+### Features
+
+* implement feature of drag in ([151d665](https://github.com/roomle-dev/roomle-ui/commit/151d665c35da6b79cbd6b49635dfdf8e3d9c4742))

package/drag-in-C2fEQF9W.mjs

@@ -0,0 +1,7 @@
+var X=Object.defineProperty,Y=(i,t,e)=>t in i?X(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,a=(i,t,e)=>Y(i,typeof t!="symbol"?t+"":t,e);class O{constructor(t=16){a(this,"_computedStyleCache",new Map),a(this,"_maxLifetime",16),a(this,"_cacheCleanInterval",null),this._maxLifetime=t}get(t){const e=this._computedStyleCache.get(t),n=Date.now();if(e&&n-e.updated<this._maxLifetime)return e.style;const r=getComputedStyle(t);return this._computedStyleCache.set(t,{style:r,updated:n}),this._cacheCleanInterval||(this._cacheCleanInterval=setInterval(()=>this._cleanUpCache,Math.max(this._maxLifetime*1e3,5e3))),r}_cleanUpCache(){const t=Date.now();for(const[e,{updated:n}]of this._computedStyleCache.entries())t-n>=this._maxLifetime&&this._computedStyleCache.delete(e);this._computedStyleCache.size===0&&this._cacheCleanInterval&&(clearInterval(this._cacheCleanInterval),this._cacheCleanInterval=null)}}let y;const g=i=>(y||(y=new O),y.get(i)),b=(i,t,e)=>{const n=parseFloat(i),r=window.devicePixelRatio||1;if(t==="px")return n;if(t==="%"){const o=e===document.documentElement?window.innerWidth:e.offsetWidth;return n/100*o}if(t==="rem"){const o=parseFloat(g(document.documentElement).fontSize);return n*o}if(t==="em"){const o=parseFloat(g(e).fontSize);return n*o}if(t==="vh"||t==="vw"||t==="vmin"||t==="vmax"){const o={vh:window.innerHeight,vw:window.innerWidth,vmin:Math.min(window.innerWidth,window.innerHeight),vmax:Math.max(window.innerWidth,window.innerHeight)};return n/100*o[t]}const s={cm:37.7952755906,mm:3.77952755906,in:96};return t in s?n*s[t]*r:0},E=(i,t,e={x:0,y:0})=>{const n=i.getBoundingClientRect(),r=g(i).transform;let s=0,o=0;if(r!=="none"){const d=/translate\(\s*([-+]?\d*\.?\d+|\d+)(px|%)?,?\s*([-+]?\d*\.?\d+|\d+)?(px|%)?\s*\)/,h=r.match(d);h&&(s=b(h[1],h[2],i),o=b(h[3],h[4],i))}const{clientX:l,clientY:u}=v(t,e),_=l-n.left-s+i.scrollLeft,c=u-n.top-o+i.scrollTop;return{x:_,y:c}},v=(i,t)=>{const{clientX:e,clientY:n}=window.TouchEvent&&i instanceof TouchEvent?P(i):i,r=e||t.x,s=n||t.y;return{clientX:r,clientY:s}},P=i=>{if(i.touches.length){let{clientX:e,clientY:n}=i.touches[0];if(i.touches.length>1){const r=i.touches[1],s=r.clientX,o=r.clientY;e=(e+s)/2,n=(n+o)/2}return{clientX:e,clientY:n}}const t=i.changedTouches[0];return{clientX:t.clientX,clientY:t.clientY}},N=500,M=10;class k{constructor(t,{onTouchDragStart:e},n={}){a(this,"_touchDragTimeOut"),a(this,"_onTouchDragStart"),a(this,"_payload",null),a(this,"_delay"),a(this,"_firstTouch",null),a(this,"_lastTouch",null),this._payload=t,this._onTouchDragStart=e,this._delay=n.delay||N}onTouchStart(t){var e;!t||!((e=t?.touches)!=null&&e.length)||this._touchDragTimeOut||(this._firstTouch=t.touches[t.touches.length-1],this._touchDragTimeOut=setTimeout(()=>{this._clearTimeout(),this._lastTouch||(this._lastTouch=t.touches[0]),this._checkXDistance(t)()},this._delay))}onTouchEnd(){this._resetTouches()}onTouchMove(t){var e;!t||!((e=t?.touches)!=null&&e.length)||(this._lastTouch=t.touches[0])}_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)<M,e&&(this._onTouchDragStart(this._payload,t),this._resetTouches())}}}const I="rml-drag-in-styles",F="rml-drag-in-drag-element",m="rml-drag-in-overlay",p="rml-drag-in-drag-ghost",x="rml-drag-in-fade-in",C="rml-drag-in-fade-out",D={DISPLAY_NONE:"rml-display-none"},$=.5,T="250ms",w="forwards",S=i=>i?!0:(console.warn("No instance set, cancel drag-in"),!1);class z{constructor(t){if(a(this,"_iframe"),a(this,"_currentDrag",{}),a(this,"_currentTouch",null),a(this,"_firefoxDragPosition",{x:0,y:0}),a(this,"_instance",null),a(this,"options",{}),a(this,"_firefoxFallback",r=>{if(!this._currentDrag.event)return;const s=r||window.event;this._firefoxDragPosition.x=s.pageX||0,this._firefoxDragPosition.y=s.pageY||0}),this._iframe=t,!document.getElementById(I)){const r=document.createElement("style");r.type="text/css",r.id=I,r.innerHTML=`
+        .${D.DISPLAY_NONE}{display:none}
+        .${m}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
+        .${p}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}
+        @keyframes ${x} {from{opacity: 0;}to {opacity: ${$};}}
+        @keyframes ${C} {from{opacity: ${$};}to {opacity: 0;}}
+      `,document.head.appendChild(r)}const e=this._iframe.parentNode;let n=e.querySelector("."+p);n||(n=document.createElement("div"),n.classList.add(p),n.innerText=" ",e.appendChild(n)),this._firefoxFallback=this._firefoxFallback.bind(this),document.addEventListener("dragover",this._firefoxFallback)}setInstance(t){this._instance=t}dragStart(t,e){const n=this._iframe.parentNode;if(g(n).position!=="relative"){console.warn("Parent of iframe should have position relative, otherwise drag-in can not detect the x/y coordinates correctly");return}this._iframe.style.pointerEvents="none";let r=n.querySelector("."+m);if(r||(r=document.createElement("div"),r.classList.add(m),n.appendChild(r)),r.classList.remove(D.DISPLAY_NONE),e instanceof DragEvent){e.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 _=n.querySelector("."+p);this._currentDrag.event=e;const c=e.target.cloneNode();c.style.position="fixed",c.style.pointerEvents="none",c.style.opacity="0",c.style.animation=`${x} ${T} ${w}`,c.id=F,c.style.zIndex="9999",document.body.appendChild(c),this._currentDrag.element=c;const d=e.target.getBoundingClientRect();this._currentDrag.offset||(this._currentDrag.offset={x:0,y:0});const{clientX:h,clientY:f}=v(e,this._firefoxDragPosition);this._currentDrag.offset.x=h-d.left,this._currentDrag.offset.y=f-d.top,c.style.top=f+"px",c.style.left=h+"px",e.dataTransfer&&e.dataTransfer.setDragImage&&e.dataTransfer.setDragImage(_,0,0)}const{x:s,y:o}=E(n,this._currentDrag.event||e,this._firefoxDragPosition),l=Math.max(1,s),u=Math.max(1,o);S(this._instance)&&this._instance.dragInObject(t,l,u)}dragUpdate(t){var e,n;const r=this._iframe.parentNode,{x:s,y:o}=E(r,t,this._firefoxDragPosition);if(s===0&&o===0)return;const l=Math.max(1,s),u=Math.max(1,o);if(this._currentDrag.element){const{clientX:_,clientY:c}=v(t,this._firefoxDragPosition),d=((e=this._currentDrag.offset)==null?void 0:e.x)||0,h=((n=this._currentDrag.offset)==null?void 0:n.y)||0;this._currentDrag.element.style.left=`${_-d}px`,this._currentDrag.element.style.top=`${c-h}px`;const f=(this.options.dragInOverlapX||0)+1,L=(this.options.dragInOverlapY||0)+1;l>f&&u>L?this._currentDrag.element.style.animation=`${C} ${T} ${w}`:this._currentDrag.element.style.animation=`${x} ${T} ${w}`}l===1&&u===1||S(this._instance)&&this._instance.updateDrag(l,u)}dragEnd(){this._iframe.style.pointerEvents="all";const t=this._iframe.parentNode;S(this._instance)&&this._instance.dragInObjectEnd(),this._currentDrag.element&&document.body.removeChild(this._currentDrag.element),this._currentDrag={},this._firefoxDragPosition={x:0,y:0};const e=t.querySelector("."+m);e&&e.classList.add(D.DISPLAY_NONE)}touchStart(t,e){e.preventDefault();const n=(r,s)=>{this.dragStart(t,s)};this._currentTouch=new k(void 0,{onTouchDragStart:n}),this._currentTouch.onTouchStart(e)}touchMove(t){this._currentTouch&&this._currentTouch.onTouchMove(t),this._currentDrag.event&&this.dragUpdate(t)}touchEnd(){this._currentTouch&&this._currentTouch.onTouchEnd(),this._currentTouch=null,this.dragEnd()}dispose(){document.removeEventListener("dragover",this._firefoxFallback)}}export{z as DragIn};

package/drag-in-CAakt8yw.mjs

@@ -0,0 +1,250 @@
+var M = Object.defineProperty;
+var X = (i, t, e) => t in i ? M(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var a = (i, t, e) => X(i, typeof t != "symbol" ? t + "" : t, e);
+class b {
+  constructor(t = 16) {
+    a(this, "_computedStyleCache", /* @__PURE__ */ new Map());
+    a(this, "_maxLifetime", 16);
+    a(this, "_cacheCleanInterval", null);
+    this._maxLifetime = t;
+  }
+  get(t) {
+    const e = this._computedStyleCache.get(t), n = Date.now();
+    if (e && n - e.updated < this._maxLifetime)
+      return e.style;
+    const s = getComputedStyle(t);
+    return this._computedStyleCache.set(t, { style: s, updated: n }), this._cacheCleanInterval || (this._cacheCleanInterval = setInterval(
+      () => this._cleanUpCache,
+      Math.max(this._maxLifetime * 1e3, 5e3)
+    )), s;
+  }
+  _cleanUpCache() {
+    const t = Date.now();
+    for (const [e, { updated: n }] of this._computedStyleCache.entries())
+      t - n >= this._maxLifetime && this._computedStyleCache.delete(e);
+    this._computedStyleCache.size === 0 && this._cacheCleanInterval && (clearInterval(this._cacheCleanInterval), this._cacheCleanInterval = null);
+  }
+}
+let T;
+const y = (i) => (T || (T = new b()), T.get(i)), A = (i, t, e) => {
+  const n = parseFloat(i), s = window.devicePixelRatio || 1;
+  if (t === "px")
+    return n;
+  if (t === "%") {
+    const o = e === document.documentElement ? window.innerWidth : e.offsetWidth;
+    return n / 100 * o;
+  }
+  if (t === "rem") {
+    const o = parseFloat(
+      y(document.documentElement).fontSize
+    );
+    return n * o;
+  }
+  if (t === "em") {
+    const o = parseFloat(
+      y(e).fontSize
+    );
+    return n * o;
+  }
+  if (t === "vh" || t === "vw" || t === "vmin" || t === "vmax") {
+    const o = {
+      vh: window.innerHeight,
+      vw: window.innerWidth,
+      vmin: Math.min(window.innerWidth, window.innerHeight),
+      vmax: Math.max(window.innerWidth, window.innerHeight)
+    };
+    return n / 100 * o[t];
+  }
+  const r = {
+    cm: 37.7952755906,
+    mm: 3.77952755906,
+    in: 96
+  };
+  return t in r ? n * r[t] * s : 0;
+}, N = (i, t, e = { x: 0, y: 0 }) => {
+  const n = i.getBoundingClientRect(), r = y(i).transform;
+  let o = 0, h = 0;
+  if (r !== "none") {
+    const c = /translate\(\s*([-+]?\d*\.?\d+|\d+)(px|%)?,?\s*([-+]?\d*\.?\d+|\d+)?(px|%)?\s*\)/, l = r.match(c);
+    l && (o = A(l[1], l[2], i), h = A(l[3], l[4], i));
+  }
+  const { clientX: u, clientY: d } = E(t, e), f = u - n.left - o + i.scrollLeft, _ = d - n.top - h + i.scrollTop;
+  return { x: f, y: _ };
+}, E = (i, t) => {
+  const { clientX: e, clientY: n } = window.TouchEvent && i instanceof TouchEvent ? R(i) : i, s = e || t.x, r = n || t.y;
+  return { clientX: s, clientY: r };
+}, R = (i) => {
+  if (i.touches.length) {
+    let { clientX: e, clientY: n } = i.touches[0];
+    if (i.touches.length > 1) {
+      const s = i.touches[1], r = s.clientX, o = s.clientY;
+      e = (e + r) / 2, n = (n + o) / 2;
+    }
+    return { clientX: e, clientY: n };
+  }
+  const t = i.changedTouches[0];
+  return { clientX: t.clientX, clientY: t.clientY };
+}, v = 500, P = 10;
+class $ {
+  constructor(t, { onTouchDragStart: e }, n = {}) {
+    a(this, "_touchDragTimeOut");
+    a(this, "_onTouchDragStart");
+    a(this, "_payload", null);
+    a(this, "_delay");
+    a(this, "_firstTouch", null);
+    a(this, "_lastTouch", null);
+    this._payload = t, this._onTouchDragStart = e, this._delay = n.delay || v;
+  }
+  onTouchStart(t) {
+    var e;
+    !t || !((e = t == null ? void 0 : t.touches) != null && e.length) || this._touchDragTimeOut || (this._firstTouch = t.touches[t.touches.length - 1], this._touchDragTimeOut = setTimeout(() => {
+      this._clearTimeout(), this._lastTouch || (this._lastTouch = t.touches[0]), this._checkXDistance(t)();
+    }, this._delay));
+  }
+  onTouchEnd() {
+    this._resetTouches();
+  }
+  onTouchMove(t) {
+    var e;
+    !t || !((e = t == null ? void 0 : t.touches) != null && e.length) || (this._lastTouch = t.touches[0]);
+  }
+  _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
+      ) < P, e && (this._onTouchDragStart(this._payload, t), this._resetTouches());
+    };
+  }
+}
+const L = "rml-drag-in-styles", G = "rml-drag-in-drag-element", m = "rml-drag-in-overlay", p = "rml-drag-in-drag-ghost", D = "rml-drag-in-fade-in", O = "rml-drag-in-fade-out", x = {
+  DISPLAY_NONE: "rml-display-none"
+}, Y = 0.5, S = "250ms", I = "forwards", C = (i) => i ? !0 : (console.warn("No instance set, cancel drag-in"), !1);
+class U {
+  constructor(t) {
+    a(this, "_iframe");
+    a(this, "_currentDrag", {});
+    a(this, "_currentTouch", null);
+    a(this, "_firefoxDragPosition", { x: 0, y: 0 });
+    a(this, "_instance", null);
+    a(this, "options", {});
+    a(this, "_firefoxFallback", (t) => {
+      if (!this._currentDrag.event)
+        return;
+      const e = t || window.event;
+      this._firefoxDragPosition.x = e.pageX || 0, this._firefoxDragPosition.y = e.pageY || 0;
+    });
+    if (this._iframe = t, !!!document.getElementById(L)) {
+      const r = document.createElement("style");
+      r.type = "text/css", r.id = L, r.innerHTML = `
+        .${x.DISPLAY_NONE}{display:none}
+        .${m}{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
+        .${p}{position:absolute;top:0;left:0;width:1px;height:1px;z-index:999;pointer-events:none;background-color:transparent;}
+        @keyframes ${D} {from{opacity: 0;}to {opacity: ${Y};}}
+        @keyframes ${O} {from{opacity: ${Y};}to {opacity: 0;}}
+      `, document.head.appendChild(r);
+    }
+    const n = this._iframe.parentNode;
+    let s = n.querySelector(
+      "." + p
+    );
+    s || (s = document.createElement("div"), s.classList.add(p), s.innerText = " ", n.appendChild(s)), this._firefoxFallback = this._firefoxFallback.bind(this), document.addEventListener("dragover", this._firefoxFallback);
+  }
+  setInstance(t) {
+    this._instance = t;
+  }
+  dragStart(t, e) {
+    const n = this._iframe.parentNode;
+    if (y(n).position !== "relative") {
+      console.warn(
+        "Parent of iframe should have position relative, otherwise drag-in can not detect the x/y coordinates correctly"
+      );
+      return;
+    }
+    this._iframe.style.pointerEvents = "none";
+    let r = n.querySelector(
+      "." + m
+    );
+    if (r || (r = document.createElement("div"), r.classList.add(m), n.appendChild(r)), r.classList.remove(x.DISPLAY_NONE), e instanceof DragEvent) {
+      e.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 _ = n.querySelector(
+        "." + p
+      );
+      this._currentDrag.event = e;
+      const c = e.target.cloneNode();
+      c.style.position = "fixed", c.style.pointerEvents = "none", c.style.opacity = "0", c.style.animation = `${D} ${S} ${I}`, c.id = G, c.style.zIndex = "9999", document.body.appendChild(c), this._currentDrag.element = c;
+      const l = e.target.getBoundingClientRect();
+      this._currentDrag.offset || (this._currentDrag.offset = { x: 0, y: 0 });
+      const { clientX: g, clientY: w } = E(
+        e,
+        this._firefoxDragPosition
+      );
+      this._currentDrag.offset.x = g - l.left, this._currentDrag.offset.y = w - l.top, c.style.top = w + "px", c.style.left = g + "px", e.dataTransfer && e.dataTransfer.setDragImage && e.dataTransfer.setDragImage(_, 0, 0);
+    }
+    const { x: o, y: h } = N(
+      n,
+      this._currentDrag.event || e,
+      this._firefoxDragPosition
+    ), u = Math.max(1, o), d = Math.max(1, h);
+    C(this._instance) && this._instance.dragInObject(t, u, d);
+  }
+  dragUpdate(t) {
+    var h, u;
+    const e = this._iframe.parentNode, { x: n, y: s } = N(e, t, this._firefoxDragPosition);
+    if (n === 0 && s === 0)
+      return;
+    const r = Math.max(1, n), o = Math.max(1, s);
+    if (this._currentDrag.element) {
+      const { clientX: d, clientY: f } = E(
+        t,
+        this._firefoxDragPosition
+      ), _ = ((h = this._currentDrag.offset) == null ? void 0 : h.x) || 0, c = ((u = this._currentDrag.offset) == null ? void 0 : u.y) || 0;
+      this._currentDrag.element.style.left = `${d - _}px`, this._currentDrag.element.style.top = `${f - c}px`;
+      const l = (this.options.dragInOverlapX || 0) + 1, g = (this.options.dragInOverlapY || 0) + 1;
+      r > l && o > g ? this._currentDrag.element.style.animation = `${O} ${S} ${I}` : this._currentDrag.element.style.animation = `${D} ${S} ${I}`;
+    }
+    r === 1 && o === 1 || C(this._instance) && this._instance.updateDrag(r, o);
+  }
+  dragEnd() {
+    this._iframe.style.pointerEvents = "all";
+    const t = this._iframe.parentNode;
+    C(this._instance) && this._instance.dragInObjectEnd(), this._currentDrag.element && document.body.removeChild(this._currentDrag.element), this._currentDrag = {}, this._firefoxDragPosition = { x: 0, y: 0 };
+    const e = t.querySelector(
+      "." + m
+    );
+    e && e.classList.add(x.DISPLAY_NONE);
+  }
+  touchStart(t, e) {
+    e.preventDefault();
+    const n = (s, r) => {
+      this.dragStart(t, r);
+    };
+    this._currentTouch = new $(void 0, {
+      onTouchDragStart: n
+    }), this._currentTouch.onTouchStart(e);
+  }
+  touchMove(t) {
+    this._currentTouch && this._currentTouch.onTouchMove(t), this._currentDrag.event && this.dragUpdate(t);
+  }
+  touchEnd() {
+    this._currentTouch && this._currentTouch.onTouchEnd(), this._currentTouch = null, this.dragEnd();
+  }
+  dispose() {
+    document.removeEventListener("dragover", this._firefoxFallback);
+  }
+}
+export {
+  U as DragIn
+};

package/index.d.ts

@@ -0,0 +1,102 @@
+import { default as default_2 } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
+import { default as default_3 } from '@roomle/web-sdk/lib/definitions/configurator-core/src/services/configurator-ui-callback';
+import { default as default_4 } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
+import { default as default_5 } from '@roomle/web-sdk/lib/definitions/glb-viewer-core/src/roomle-glb-viewer';
+import { ExposedAnalyticsCallbacks } from '../../../src/configurator/embedding/exposed-analytics-callbacks';
+import { ExposedApi } from '../../../../src/configurator/embedding/exposed-api';
+import { ExposedApi as ExposedApi_2 } from '../../../src/configurator/embedding/exposed-api';
+import { GlobalCallback } from '@roomle/web-sdk/lib/definitions/common-core/src/services/global-callback';
+import { RapiId } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
+import { UiInitData } from '../../../src/configurator/embedding/types';
+
+declare interface AvailablePlugins {
+    dragIn?: DragIn;
+}
+
+declare class DragIn {
+    private _iframe;
+    private _currentDrag;
+    private _currentTouch;
+    private _firefoxDragPosition;
+    private _instance;
+    options: {
+        dragInOverlapX?: number;
+        dragInOverlapY?: number;
+    };
+    constructor(iframe: HTMLIFrameElement);
+    setInstance(instance: ExposedApi): void;
+    private _firefoxFallback;
+    dragStart(id: RapiId, event: DragEvent | TouchEvent): void;
+    dragUpdate(event: DragEvent | TouchEvent): void;
+    dragEnd(): void;
+    touchStart(id: RapiId, event: TouchEvent): void;
+    touchMove(event: TouchEvent): void;
+    touchEnd(): void;
+    dispose(): void;
+}
+
+declare type RoomleConfiguratorApi = RoomleEmbeddingApi<default_4, default_3>;
+
+declare class RoomleEmbeddingApi<SdkType, SdkCallbacks> implements RoomleEmbeddingApiKeys {
+    static createPlanner(configuratorId: string, container: HTMLElement, initData: UiInitData, plugins?: Array<keyof AvailablePlugins>): Promise<RoomlePlannerApi>;
+    /**
+     * Method to create a new instance of a Roomle Configurator
+     * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
+     * @param container DOM container in which the configurator should be placed
+     * @param initData settings with which the configurator should be started
+     */
+    static createConfigurator(configuratorId: string, container: HTMLElement, initData: UiInitData, plugins?: Array<keyof AvailablePlugins>): Promise<RoomleConfiguratorApi>;
+    /**
+     * Method to create a new instance of a Roomle Configurator
+     * @deprecated please use "createConfigurator"
+     * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
+     * @param container DOM container in which the configurator should be placed
+     * @param initData settings with which the configurator should be started
+     */
+    static create(configuratorId: string, container: HTMLElement, initData: UiInitData, plugins: Array<keyof AvailablePlugins>): Promise<RoomleConfiguratorApi>;
+    /**
+     * Method to create a new instance of a Roomle Viewer
+     * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
+     * @param container DOM container in which the configurator should be placed
+     * @param initData settings with which the configurator should be started
+     */
+    static createViewer(configuratorId: string, container: HTMLElement, initData: UiInitData, plugins?: Array<keyof AvailablePlugins>): Promise<RoomleViewerApi>;
+    private static _create;
+    ui: ExposedApi_2;
+    extended: SdkType;
+    analytics: {
+        callbacks: ExposedAnalyticsCallbacks;
+    };
+    global: {
+        callbacks: GlobalCallback;
+    };
+    plugins: AvailablePlugins;
+    private _waitForIframe;
+    private _container;
+    private _messageHandler;
+    private _configuratorSettings;
+    private _initData;
+    private _iframe;
+    pluginsLoaded: Array<Promise<void>>;
+    private constructor();
+    teardown(): void;
+    private _createIframe;
+    private _onResize;
+    private _onUseFullPage;
+    private _onBackToWebsite;
+    private _executeMessage;
+}
+export default RoomleEmbeddingApi;
+
+declare interface RoomleEmbeddingApiKeys {
+    extended: any;
+    ui: any;
+    analytics: any;
+    global: any;
+}
+
+declare type RoomlePlannerApi = RoomleEmbeddingApi<default_2, default_3>;
+
+declare type RoomleViewerApi = RoomleEmbeddingApi<default_5, default_3>;
+
+export { }

package/package.json

@@ -1,22 +1,36 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "4.44.0",
-  "main": "roomle-configurator-api.es.min.js",
-  "types": "types/index.d.ts",
-  "author": "Roomle Development",
-  "dependencies": {
-    "@roomle/web-sdk": "2.41.0-alpha.3"
-  },
-  "devDependencies": {
-    "@semantic-release/changelog": "^5.0.1",
-    "@semantic-release/exec": "^5.0.0",
-    "conventional-changelog-conventionalcommits": "^4.2.3",
-    "semantic-release": "^17.0.7"
+  "version": "5.1.0-debug.1",
+  "description": "This is a small library which can be used to communicate with the Roomle Configurator",
+  "type": "module",
+  "main": "./roomle-embedding-lib.umd.js",
+  "module": "./roomle-embedding-lib.es.js",
+  "browser": "./roomle-embedding-lib.es.js",
+  "types": "./index.d.ts",
+  "files": [
+    "./"
+  ],
+  "exports": {
+    ".": {
+      "import": "./roomle-embedding-lib.es.js",
+      "require": "./roomle-embedding-lib.umd.js",
+      "types": "./index.d.ts"
+    },
+    "./min": {
+      "import": "./roomle-embedding-lib.es.min.js",
+      "require": "./roomle-embedding-lib.umd.min.js"
+    }
   },
   "scripts": {
     "release": "semantic-release"
   },
-  "description": "This is a small library which can be used to communicate with the Roomle Configurator",
+  "volta": {
+    "node": "18.18.0",
+    "npm": "8.3.1"
+  },
+  "devDependencies": {
+    "@roomle/web-sdk": "2.83.0-alpha.2"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/roomle-build/npm-packages.git"