@roomle/embedding-lib 5.24.0 → 5.25.0-alpha.10

package/roomle-embedding-lib.es.js

@@ -1,192 +1,187 @@
-var F = Object.defineProperty;
-var B = (e, t, s) => t in e ? F(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var c = (e, t, s) => B(e, typeof t != "symbol" ? t + "" : t, s);
-class T {
-  constructor(t, s, o, r) {
-    c(this, "_side");
-    // for better debugging (who handles message? iframe or website?)
-    c(this, "_incomingMessageBus", null);
-    c(this, "_outgoingMessageBus", null);
-    c(this, "_execMessage", null);
-    this._side = t, this._incomingMessageBus = s, this._outgoingMessageBus = o, this._execMessage = r, this._incomingMessageBus && this._incomingMessageBus.addEventListener(
+class S {
+  _side;
+  // for better debugging (who handles message? iframe or website?)
+  _incomingMessageBus = null;
+  _outgoingMessageBus = null;
+  _execMessage = null;
+  constructor(e, t, r, n) {
+    this._side = e, this._incomingMessageBus = t, this._outgoingMessageBus = r, this._execMessage = n, this._incomingMessageBus && this._incomingMessageBus.addEventListener(
       "message",
       this._handleMessage.bind(this)
     );
   }
-  setOutgoingMessageBus(t) {
-    this._outgoingMessageBus = t;
+  setOutgoingMessageBus(e) {
+    this._outgoingMessageBus = e;
   }
-  setMessageExecution(t) {
-    this._execMessage = t;
+  setMessageExecution(e) {
+    this._execMessage = e;
   }
-  sendMessage(t, s = []) {
-    return new Promise((o, r) => {
+  sendMessage(e, t = []) {
+    return new Promise((r, n) => {
       if (this._incomingMessageBus === this._outgoingMessageBus)
-        return o(void 0);
-      const n = new MessageChannel();
-      n.port1.onmessage = (i) => {
-        if (!i || !i.data)
-          return n.port1.close(), n.port2.close(), r(
+        return r(void 0);
+      const i = new MessageChannel();
+      i.port1.onmessage = (o) => {
+        if (!o || !o.data)
+          return i.port1.close(), i.port2.close(), n(
             new Error(
               this._side + " received message but response can not be interpreted"
             )
           );
         let l;
         try {
-          l = JSON.parse(i.data);
-        } catch (d) {
-          return n.port1.close(), n.port2.close(), this._prepareError(d), r(d);
+          l = JSON.parse(o.data);
+        } catch (u) {
+          return i.port1.close(), i.port2.close(), this._prepareError(u), n(u);
         }
-        l.error ? r(l.error) : l.result !== void 0 ? o(l.result) : o(void 0), n.port1.close(), n.port2.close();
+        l.error ? n(l.error) : l.result !== void 0 ? r(l.result) : r(void 0), i.port1.close(), i.port2.close();
       };
       let a = "";
       try {
-        a = JSON.stringify({ message: t, args: s });
+        a = JSON.stringify({ message: e, args: t });
       } catch {
-        return r(
+        return n(
           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"));
+        return n(new Error(this._side + ": outgoing bus not set yet"));
       this._outgoingMessageBus.postMessage(a, "*", [
-        n.port2
+        i.port2
       ]);
     });
   }
-  _handleMessage(t) {
-    const s = t.ports && Array.isArray(t.ports) && t.ports.length > 0 ? t.ports[0] : null;
-    if (t.data && s)
+  _handleMessage(e) {
+    const t = e.ports && Array.isArray(e.ports) && e.ports.length > 0 ? e.ports[0] : null;
+    if (e.data && t)
       try {
-        const o = JSON.parse(t.data);
+        const r = JSON.parse(e.data);
         if (!this._execMessage)
-          return s.postMessage(
+          return t.postMessage(
             JSON.stringify({
               error: this._side + " is not ready to handle messages"
             })
           );
-        Array.isArray(o.args) || (o.args = [o.args]);
-        const r = this._execMessage(o, t);
-        if (r === void 0)
+        Array.isArray(r.args) || (r.args = [r.args]);
+        const n = this._execMessage(r, e);
+        if (n === void 0)
           return;
-        r.then(
-          (n = {}) => {
-            let a, i;
-            typeof n == "object" && n !== null && (a = n.error, i = n.result), a ? s.postMessage(
+        n.then(
+          (i = {}) => {
+            let a, o;
+            typeof i == "object" && i !== null && (a = i.error, o = i.result), a ? t.postMessage(
               JSON.stringify({ error: a })
-            ) : i !== void 0 ? s.postMessage(
+            ) : o !== void 0 ? t.postMessage(
+              JSON.stringify({ result: o })
+            ) : t.postMessage(
               JSON.stringify({ result: i })
-            ) : s.postMessage(
-              JSON.stringify({ result: n })
             );
           },
-          (n) => {
-            s.postMessage(
+          (i) => {
+            t.postMessage(
               JSON.stringify({
-                error: this._prepareError(n)
+                error: this._prepareError(i)
               })
             );
           }
         );
-      } catch (o) {
-        s.postMessage(
+      } catch (r) {
+        t.postMessage(
           JSON.stringify({
-            error: this._prepareError(o)
+            error: this._prepareError(r)
           })
         );
       }
   }
-  _prepareError(t) {
-    if (typeof t == "string") {
-      const s = this._side + ": " + t;
-      return console.error(s), s;
+  _prepareError(e) {
+    if (typeof e == "string") {
+      const t = this._side + ": " + e;
+      return console.error(t), t;
     }
-    return t.message = this._side + ": " + t.message, console.error(t), t.message;
+    return e.message = this._side + ": " + e.message, console.error(e), e.message;
   }
 }
-const p = ".", E = {
+const f = ".", _ = {
   REQUEST_BOOT: "requestBoot",
   SETUP: "setup",
   WEBSITE_READY: "websiteReady"
-}, _ = {
+}, m = {
   GET_METHODS: "getMethods",
   RETURN_METHODS: "returnMethods",
   REGISTER_CUSTOM_VIEW: "registerCustomView",
   REGISTER_CUSTOM_VIEW_DONE: "registerCustomViewDone"
-}, U = async (e, t) => {
-  if (typeof e != "string")
+}, C = async (s, e) => {
+  if (typeof s != "string")
     throw new Error(
-      'Configurator ID is not a string type: "' + typeof e + '"'
+      'Configurator ID is not a string type: "' + typeof s + '"'
     );
-  const s = t.customApiUrl ? t.customApiUrl : "https://api.roomle.com/v2", o = t.overrideTenant || 9, r = s + "/configurators/" + e, n = "roomle_portal_v2", a = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;" + n), i = () => {
-    const h = {
-      apiKey: n,
-      currentTenant: o,
+  const t = e.customApiUrl ? e.customApiUrl : "https://api.roomle.com/v2", r = e.overrideTenant || 9, n = t + "/configurators/" + s, i = "roomle_portal_v2", a = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;" + i), o = () => {
+    const g = {
+      apiKey: i,
+      currentTenant: r,
       locale: "en",
       language: "en",
       device: 1,
       token: a,
       platform: "web"
     };
-    return new Headers(h);
-  }, l = new Request(r, {
+    return new Headers(g);
+  }, l = new Request(n, {
     method: "GET",
-    headers: i(),
+    headers: o(),
     mode: "cors",
     cache: "default"
-  }), d = await fetch(l), { configurator: g } = await d.json();
-  return g;
-}, W = () => {
+  }), u = await fetch(l), { configurator: d } = await u.json();
+  return d;
+}, D = () => {
   try {
     return window.self !== window.top;
   } catch {
     return !0;
   }
-}, x = ["127.0.0.1", "localhost", "0.0.0.0"], k = () => {
-  const e = W();
-  let t = window.location.href;
-  if (e) {
+}, F = ["127.0.0.1", "localhost", "0.0.0.0"], B = () => {
+  const s = D();
+  let e = window.location.href;
+  if (s) {
     if (!document.referrer)
       return null;
-    t = document.referrer;
+    e = document.referrer;
   }
-  const { hostname: s } = new URL(t);
-  return s;
-}, G = (e) => !!(x.includes(e) || e.endsWith("roomle.com") || e.endsWith("gitlab.io") || e.endsWith("gitlab.com")), A = [
+  const { hostname: t } = new URL(e);
+  return t;
+}, U = (s) => !!(F.includes(s) || s.endsWith("roomle.com") || s.endsWith("gitlab.io") || s.endsWith("gitlab.com")), T = [
   "language",
   "browserLanguage",
   "userLanguage",
   "systemLanguage"
-], V = (e = null) => {
-  const t = window.navigator;
-  if (e)
-    return e.substr(0, 2);
-  if (Array.isArray(t.languages) && t.languages.length > 0)
-    return t.languages[0].substr(0, 2);
-  for (let s = 0, o = A.length; s < o; s++) {
-    const r = t[A[s]];
-    if (r)
-      return r.substr(0, 2);
+], W = (s = null) => {
+  const e = window.navigator;
+  if (s)
+    return s.substr(0, 2);
+  if (Array.isArray(e.languages) && e.languages.length > 0)
+    return e.languages[0].substr(0, 2);
+  for (let t = 0, r = T.length; t < r; t++) {
+    const n = e[T[t]];
+    if (n)
+      return n.substr(0, 2);
   }
   return "en";
-}, J = (e, t) => {
-  const s = JSON.parse(JSON.stringify(e));
-  return R(s, t);
-}, R = (e, t) => {
-  for (const s in t)
+}, x = (s, e) => {
+  const t = JSON.parse(JSON.stringify(s));
+  return O(t, e);
+}, O = (s, e) => {
+  for (const t in e)
     try {
-      t[s].constructor === Object ? e[s] = R(e[s], t[s]) : e[s] = t[s];
+      e[t].constructor === Object ? s[t] = O(s[t], e[t]) : s[t] = e[t];
     } catch {
-      e[s] = t[s];
+      s[t] = e[t];
     }
-  return e;
+  return s;
 };
-var v = /* @__PURE__ */ ((e) => (e.BOTTOM_BAR = "bottom_bar", e.PARTLIST_BOUNDS = "partlist_bounds", e.INTERACTION_NOTES = "interaction_notes", e.PARAMETER_GROUPS = "parameter_groups", e))(v || {});
-const $ = (e) => JSON.parse(JSON.stringify(e));
-var z = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 };
-const Y = {
+var b = /* @__PURE__ */ ((s) => (s.BOTTOM_BAR = "bottom_bar", s.PARTLIST_BOUNDS = "partlist_bounds", s.INTERACTION_NOTES = "interaction_notes", s.PARAMETER_GROUPS = "parameter_groups", s))(b || {});
+const k = (s) => JSON.parse(JSON.stringify(s)), G = {
   mobileLandscape: !0,
   floorMaterialRootTag: "materials_root",
   buttons: {
@@ -197,7 +192,7 @@ const Y = {
     partlist_print: !0
   },
   elements: {
-    [v.INTERACTION_NOTES]: !0
+    [b.INTERACTION_NOTES]: !0
   },
   helpcenter: {
     roomdesigner: !0,
@@ -213,241 +208,199 @@ const Y = {
   },
   rotationSnapDegrees: 10,
   interactionsCollapsed: !1
-}, q = "(idle)", K = (e) => (O(e), e != null && e.customApiUrl && (e.customApiUrl = decodeURIComponent(e.customApiUrl)), e.shareUrl && (e.deeplink = e.shareUrl.replace(
-  Z,
-  j
-)), e), O = (e) => {
-  if (!e)
+}, J = "(idle)", V = (s) => (E(s), s?.customApiUrl && (s.customApiUrl = decodeURIComponent(s.customApiUrl)), s.shareUrl && (s.deeplink = s.shareUrl.replace(
+  Y,
+  q
+)), s), E = (s) => {
+  if (!s)
     return;
-  const t = Object.keys(e);
-  for (const s of t) {
-    const o = e[s];
-    if (!Array.isArray(o) && typeof o == "object" && o !== null && O(o), Array.isArray(o))
-      for (const r of o)
-        O(r);
-    (o === "true" || o === "false") && (e[s] = o === "true");
+  const e = Object.keys(s);
+  for (const t of e) {
+    const r = s[t];
+    if (!Array.isArray(r) && typeof r == "object" && r !== null && E(r), Array.isArray(r))
+      for (const n of r)
+        E(n);
+    (r === "true" || r === "false") && (s[t] = r === "true");
   }
-}, Q = (e, t) => {
-  t.configuratorId = e.id;
-  const s = e.settings || {};
-  return !t.overrideTenant && e.tenant && (t.overrideTenant = e.tenant), J(s, t);
-}, X = () => {
-  const e = $(Y);
-  e.locale || (e.locale = V()), e.id === q && delete e.id;
-  const t = k();
-  return t && G(t) && (e.configuratorId = "demoConfigurator"), e.customApiUrl = z.VITE_RAPI_URL, e.emails = !1, e;
-}, Z = "<CONF_ID>", j = "#CONFIGURATIONID#", ee = (e) => {
-  e.featureFlags || (e.featureFlags = {}), typeof e.featureFlags.realPartList != "boolean" && (e.featureFlags.realPartList = !0), typeof e.featureFlags.globalCallbacks != "boolean" && (e.featureFlags.globalCallbacks = !0), typeof e.featureFlags.mocAr != "boolean" && (e.featureFlags.mocAr = !1);
+}, $ = (s, e) => {
+  e.configuratorId = s.id;
+  const t = s.settings || {};
+  return !e.overrideTenant && s.tenant && (e.overrideTenant = s.tenant), x(t, e);
+}, z = () => {
+  const s = k(G);
+  s.locale || (s.locale = W()), s.id === J && delete s.id;
+  const e = B();
+  return e && U(e) && (s.configuratorId = "demoConfigurator"), s.customApiUrl = void 0, s.emails = !1, s;
+}, Y = "<CONF_ID>", q = "#CONFIGURATIONID#", K = (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);
 }, y = () => /(android)/i.test(navigator.userAgent);
-class M {
-  constructor() {
-    c(this, "_messageHandler", null);
-    c(this, "isSetupDone", !1);
-    c(this, "viewName", "main");
-    c(this, "plugins", {});
-    c(this, "pluginsLoaded", []);
-    c(this, "ui", {
-      callbacks: null
-    });
-    c(this, "extended", {
-      callbacks: null
-    });
-    c(this, "configurator", {
-      callbacks: null
-    });
-    c(this, "analytics", {
-      callbacks: {}
-    });
-    c(this, "rapi", {
-      callbacks: {}
-    });
-    c(this, "global", {
-      callbacks: {}
-    });
-  }
-  setMessageHandler(t) {
-    this._messageHandler = t;
+class A {
+  _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(t) {
-    const { methods: s, callbacks: o } = t;
-    s.forEach((r) => {
-      const n = r.split(p), a = n[0], i = n[1];
-      this[a] || (this[a] = {}), this[a][i] = (function() {
+  handleSetup(e) {
+    const { methods: t, callbacks: r } = e;
+    t.forEach((n) => {
+      const i = n.split(f), a = i[0], o = i[1];
+      this[a] || (this[a] = {}), this[a][o] = (function() {
         if (!this._messageHandler) {
           console.error("MessageHandler not set");
           return;
         }
-        return this._messageHandler.sendMessage(r, [...arguments]);
+        return this._messageHandler.sendMessage(n, [...arguments]);
       }).bind(this);
-    }), o.forEach((r) => {
-      const n = r.split(p), a = n[0], i = n[1], l = n[2];
-      this[a] || (this[a] = {}), this[a][i] || (this[a][i] = {}), this[a][i][l] = () => {
+    }), r.forEach((n) => {
+      const i = n.split(f), a = i[0], o = i[1], l = i[2];
+      this[a] || (this[a] = {}), this[a][o] || (this[a][o] = {}), this[a][o][l] = () => {
       };
     }), this.isSetupDone = !0;
   }
-  executeMessage({ message: t, args: s }) {
-    const o = t.split(p), r = o[0], n = o[1], a = o.length === 3 ? o[2] : null;
-    if (a && this[r][n][a]) {
-      const i = this[r][n][a](
-        ...s
+  executeMessage({ message: e, args: t }) {
+    const r = e.split(f), n = r[0], i = r[1], a = r.length === 3 ? r[2] : null;
+    if (a && this[n][i][a]) {
+      const o = this[n][i][a](
+        ...t
       );
-      return i instanceof Promise ? i.then((l) => ({ result: l })) : i !== void 0 ? Promise.resolve({ result: i }) : Promise.resolve({ result: null });
+      return o instanceof Promise ? o.then((l) => ({ result: l })) : o !== void 0 ? Promise.resolve({ result: o }) : Promise.resolve({ result: null });
     }
-    return Promise.reject('Message "' + t + '" is unkown');
+    return Promise.reject('Message "' + e + '" is unkown');
   }
-  setupPlugins(t, s, o = "website") {
-    for (const r of t)
-      typeof r == "string" && r === "dragIn" ? this.pluginsLoaded.push(
-        new Promise((n, a) => {
+  setupPlugins(e, t, r = "website") {
+    for (const n of e)
+      typeof n == "string" && n === "dragIn" ? this.pluginsLoaded.push(
+        new Promise((i, a) => {
           try {
-            import("./drag-in-D5QSQ86J.mjs").then((i) => i.l).then(
-              ({ DragIn: i }) => {
-                const l = new i(
+            import("./drag-in-DuufO5eB.mjs").then((o) => o.l).then(
+              ({ DragIn: o }) => {
+                const l = new o(
                   this.ui,
-                  s,
-                  o,
+                  t,
+                  r,
                   this.viewName
                 );
                 l.init().then(() => {
-                  this.plugins.dragIn = l, n();
+                  this.plugins.dragIn = l, i();
                 }, a);
               }
             );
-          } catch (i) {
-            a(i);
+          } catch (o) {
+            a(o);
           }
         })
-      ) : r.name && r.loader && this.pluginsLoaded.push(
-        new Promise((n, a) => {
+      ) : n.name && n.loader && this.pluginsLoaded.push(
+        new Promise((i, a) => {
           try {
-            r.loader().then((i) => {
-              const l = new i(
+            n.loader().then((o) => {
+              const l = new o(
                 this.ui,
-                s,
-                o,
+                t,
+                r,
                 this.viewName
               );
               l.init().then(() => {
-                this.plugins[r.name] = l, n();
+                this.plugins[n.name] = l, i();
               }, a);
             });
-          } catch (i) {
-            a(i);
+          } catch (o) {
+            a(o);
           }
         })
       );
   }
 }
-const I = () => {
-  let e, t;
-  return { promise: new Promise((o, r) => {
-    e = o, t = r;
-  }), resolve: e, reject: t };
-}, N = (e, t, s) => {
-  let o = null;
-  Object.defineProperty(e, t, {
+const M = () => {
+  let s, e;
+  return { promise: new Promise((r, n) => {
+    s = r, e = n;
+  }), resolve: s, reject: e };
+}, R = (s, e, t) => {
+  let r = null;
+  Object.defineProperty(s, e, {
     get() {
-      return o || s;
+      return r || t;
     },
-    set(r) {
-      r != null && r.mute ? o = r.value : (console.warn(
+    set(n) {
+      n?.mute ? r = n.value : (console.warn(
         "You override Roomle defined behaviour. To disalbe this warning pass in an object with the following properties"
-      ), console.warn("{ mute: true, value: () => void }"), o = r);
+      ), console.warn("{ mute: true, value: () => void }"), r = n);
     }
   });
-}, H = () => window.innerHeight * 0.01 + "px", L = (e) => {
-  e && setTimeout(
-    () => e.style.setProperty(S, H()),
+}, L = () => window.innerHeight * 0.01 + "px", I = (s) => {
+  s && setTimeout(
+    () => s.style.setProperty(w, L()),
     0
   );
-}, b = "rml-styles", se = 450, S = "--rml-full-height", u = {
+}, N = "rml-styles", Q = 450, w = "--rml-full-height", c = {
   CONTAINER: "rml-container",
   FILL: "rml-fill",
   POSITION: "rml-pos",
   TRANSITION: "rml-transition",
   ANDROID_HEIGHT: "rml-android-height",
   OVERFLOW_HIDDEN: "rml-overflow-hidden"
-}, w = /* @__PURE__ */ new Map();
-class re extends M {
-  constructor(s, o, r, n, a) {
-    super();
-    c(this, "_waitForIframe");
-    c(this, "_container");
-    c(this, "_configuratorSettings");
-    c(this, "_initData", {});
-    c(this, "_iframe");
-    if (!s || typeof s.id != "string")
-      throw new Error(
-        "Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person"
-      );
-    if (w.has(o))
-      throw new Error("There is already an instance on this DOM element");
-    if (!!!document.getElementById(b)) {
-      const g = r.zIndex || 9999999, h = document.createElement("style");
-      h.type = "text/css", h.id = b;
-      const m = "transition:all ease-in-out " + se + "ms;", f = ["-webkit-", "-o-"].reduce(
-        (C, D) => C += D + m,
-        ""
-      ) + m, P = H();
-      h.innerHTML = `
-        .${u.CONTAINER}{${S}:${P};}
-        .${u.POSITION}{position:fixed;top:0;left:0;z-index:${g};opacity:0}
-        .${u.TRANSITION}{${f}}
-        .${u.FILL}{width:100%;height:100%;opacity:1}
-        .${u.ANDROID_HEIGHT}{height:calc(var(${S},1vh)*100)}
-        .${u.OVERFLOW_HIDDEN}{overflow:hidden}
-      `, document.head.appendChild(h);
-    }
-    this._executeMessage = this._executeMessage.bind(this);
-    const l = new T(
-      "website",
-      window,
-      null,
-      this._executeMessage
-    );
-    this.setMessageHandler(l), this._onResize = this._onResize.bind(this), y() && window.addEventListener("resize", this._onResize), this._container = o, this._initData = r, this._configuratorSettings = s;
-    const d = this._createIframe();
-    this._onUseFullPage = this._onUseFullPage.bind(this), this._onBackToWebsite = this._onBackToWebsite.bind(this), this._waitForIframe = a, this._container.appendChild(d), this._iframe = d, this.setupPlugins(n, this._iframe), w.set(o, !0);
-  }
-  static createPlanner(s, o, r, n = []) {
+}, p = /* @__PURE__ */ new Map();
+class X extends A {
+  static createPlanner(e, t, r, n = []) {
     return this._create(
-      s,
-      o,
+      e,
+      t,
       r,
       n
     );
   }
-  static async connect(s, o = []) {
-    const r = new M();
-    r.viewName = s;
-    const { resolve: n, promise: a } = I(), { resolve: i, promise: l } = I(), d = ({
-      message: m,
-      args: f
+  static async connect(e, t = []) {
+    const r = new A();
+    r.viewName = e;
+    const { resolve: n, promise: i } = M(), { resolve: a, promise: o } = M(), l = ({
+      message: g,
+      args: h
     }) => {
-      switch (m) {
-        case _.REGISTER_CUSTOM_VIEW_DONE:
+      switch (g) {
+        case m.REGISTER_CUSTOM_VIEW_DONE:
           n();
           break;
-        case _.RETURN_METHODS:
-          r.handleSetup(f[0]), i();
+        case m.RETURN_METHODS:
+          r.handleSetup(h[0]), a();
           break;
         default:
           if (r.isSetupDone)
-            return r.executeMessage({ message: m, args: f });
+            return r.executeMessage({ message: g, args: h });
       }
-    }, g = new T(
-      "custom-view-" + s,
+    }, u = new S(
+      "custom-view-" + e,
       window,
       window.parent,
-      d
+      l
     );
-    r.setMessageHandler(g);
-    const h = [s];
-    return g.sendMessage(
-      _.REGISTER_CUSTOM_VIEW,
-      h
-    ), await a, g.sendMessage(_.GET_METHODS, h), await l, r.setupPlugins(
-      o,
+    r.setMessageHandler(u);
+    const d = [e];
+    return u.sendMessage(
+      m.REGISTER_CUSTOM_VIEW,
+      d
+    ), await i, u.sendMessage(m.GET_METHODS, d), await o, r.setupPlugins(
+      t,
       document.body,
       "custom-view"
     ), await Promise.allSettled(r.pluginsLoaded), r;
@@ -458,10 +411,10 @@ class re extends M {
    * @param container DOM container in which the configurator should be placed
    * @param initData settings with which the configurator should be started
    */
-  static createConfigurator(s, o, r, n = []) {
+  static createConfigurator(e, t, r, n = []) {
     return this._create(
-      s,
-      o,
+      e,
+      t,
       r,
       n
     );
@@ -473,10 +426,10 @@ class re extends M {
    * @param container DOM container in which the configurator should be placed
    * @param initData settings with which the configurator should be started
    */
-  static create(s, o, r, n) {
+  static create(e, t, r, n) {
     return this._create(
-      s,
-      o,
+      e,
+      t,
       r,
       n
     );
@@ -487,68 +440,105 @@ class re extends M {
    * @param container DOM container in which the configurator should be placed
    * @param initData settings with which the configurator should be started
    */
-  static createViewer(s, o, r, n = []) {
+  static createViewer(e, t, r, n = []) {
     return this._create(
-      s,
-      o,
+      e,
+      t,
       r,
       n
     );
   }
-  static async _create(s, o, r, n) {
-    return new Promise(async (a, i) => {
+  static async _create(e, t, r, n) {
+    return new Promise(async (i, a) => {
       try {
-        const l = R(
-          X(),
-          K(r)
+        const o = O(
+          z(),
+          V(r)
         );
-        ee(l);
-        const d = await U(
-          s,
-          l
+        K(o);
+        const l = await C(
+          e,
+          o
         );
-        r = Q(d, l);
-        const g = new this(
-          d,
-          o,
+        r = $(l, o);
+        const u = new this(
+          l,
+          t,
           r,
           n,
-          a
+          i
         );
-        return await Promise.allSettled(g.pluginsLoaded), g;
-      } catch (l) {
-        return i(l);
+        return await Promise.allSettled(u.pluginsLoaded), u;
+      } catch (o) {
+        return a(o);
       }
     });
   }
+  _waitForIframe;
+  _container;
+  _configuratorSettings;
+  _initData = {};
+  _iframe;
+  constructor(e, t, r, n, i) {
+    if (super(), !e || typeof e.id != "string")
+      throw new Error(
+        "Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person"
+      );
+    if (p.has(t))
+      throw new Error("There is already an instance on this DOM element");
+    if (!!!document.getElementById(N)) {
+      const u = r.zIndex || 9999999, d = document.createElement("style");
+      d.type = "text/css", d.id = N;
+      const g = "transition:all ease-in-out " + Q + "ms;", h = ["-webkit-", "-o-"].reduce(
+        (H, P) => H += P + g,
+        ""
+      ) + g, v = L();
+      d.innerHTML = `
+        .${c.CONTAINER}{${w}:${v};}
+        .${c.POSITION}{position:fixed;top:0;left:0;z-index:${u};opacity:0}
+        .${c.TRANSITION}{${h}}
+        .${c.FILL}{width:100%;height:100%;opacity:1}
+        .${c.ANDROID_HEIGHT}{height:calc(var(${w},1vh)*100)}
+        .${c.OVERFLOW_HIDDEN}{overflow:hidden}
+      `, document.head.appendChild(d);
+    }
+    this._executeMessage = this._executeMessage.bind(this);
+    const o = new S(
+      "website",
+      window,
+      null,
+      this._executeMessage
+    );
+    this.setMessageHandler(o), this._onResize = this._onResize.bind(this), y() && window.addEventListener("resize", this._onResize), this._container = t, this._initData = r, this._configuratorSettings = e;
+    const l = this._createIframe();
+    this._onUseFullPage = this._onUseFullPage.bind(this), this._onBackToWebsite = this._onBackToWebsite.bind(this), this._waitForIframe = i, this._container.appendChild(l), this._iframe = l, this.setupPlugins(n, this._iframe), p.set(t, !0);
+  }
   teardown() {
-    this._container && w.delete(this._container);
-    const s = this._container.querySelector("iframe");
-    s && this._container.removeChild(s), window.removeEventListener("resize", this._onResize);
+    this._container && p.delete(this._container);
+    const e = this._container.querySelector("iframe");
+    e && this._container.removeChild(e), window.removeEventListener("resize", this._onResize);
   }
   _createIframe() {
-    var r;
-    const s = document.createElement("iframe");
-    let o = ((r = this._configuratorSettings) == null ? void 0 : r.url) || "https://www.roomle.com/t/cp/";
-    return this._initData.useLocalRoomle && (o = location.href.replace("embedding.html", "")), location.href.includes("roomle.gitlab.io") && (o = location.href.replace("embedding.html", "index.html")), this._initData.overrideServerUrl && (o = this._initData.overrideServerUrl), s.src = o, s.classList.add(u.CONTAINER), s.classList.add(u.FILL), s;
+    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(c.CONTAINER), e.classList.add(c.FILL), e;
   }
   _onResize() {
-    L(this._iframe);
+    I(this._iframe);
   }
   _onUseFullPage() {
-    this._iframe.classList.add(u.POSITION), document.documentElement.classList.add(u.OVERFLOW_HIDDEN), window.document.body.classList.add(u.OVERFLOW_HIDDEN), y() && (L(this._iframe), this._iframe.classList.add(u.ANDROID_HEIGHT));
+    this._iframe.classList.add(c.POSITION), document.documentElement.classList.add(c.OVERFLOW_HIDDEN), window.document.body.classList.add(c.OVERFLOW_HIDDEN), y() && (I(this._iframe), this._iframe.classList.add(c.ANDROID_HEIGHT));
   }
   _onBackToWebsite() {
-    this._iframe.classList.remove(u.POSITION), this._iframe.classList.remove(u.ANDROID_HEIGHT), document.documentElement.classList.remove(u.OVERFLOW_HIDDEN), window.document.body.classList.remove(u.OVERFLOW_HIDDEN);
+    this._iframe.classList.remove(c.POSITION), this._iframe.classList.remove(c.ANDROID_HEIGHT), document.documentElement.classList.remove(c.OVERFLOW_HIDDEN), window.document.body.classList.remove(c.OVERFLOW_HIDDEN);
   }
-  _executeMessage({ message: s, args: o }, r) {
-    var n;
-    if (r.source && r.source === ((n = this._iframe) == null ? void 0 : n.contentWindow))
-      return s === E.REQUEST_BOOT ? this._messageHandler ? (this._messageHandler.setOutgoingMessageBus(r.source), Promise.resolve({ result: this._initData })) : (console.error("MessageHandler not set"), Promise.resolve({ error: "MessageHandler not set" })) : s === E.SETUP ? (this.handleSetup(o[0]), N(
+  _executeMessage({ message: e, args: t }, r) {
+    if (r.source && r.source === this._iframe?.contentWindow)
+      return e === _.REQUEST_BOOT ? this._messageHandler ? (this._messageHandler.setOutgoingMessageBus(r.source), Promise.resolve({ result: this._initData })) : (console.error("MessageHandler not set"), Promise.resolve({ error: "MessageHandler not set" })) : e === _.SETUP ? (this.handleSetup(t[0]), R(
         this.ui.callbacks,
         "onUseFullPage",
         this._onUseFullPage
-      ), N(
+      ), R(
         this.ui.callbacks,
         "onBackToWebsite",
         this._onBackToWebsite
@@ -557,10 +547,10 @@ class re extends M {
           console.error("MessageHandler not set");
           return;
         }
-        this._messageHandler.sendMessage(E.WEBSITE_READY);
-      }, 0), Promise.resolve({ result: null })) : this.executeMessage({ message: s, args: o });
+        this._messageHandler.sendMessage(_.WEBSITE_READY);
+      }, 0), Promise.resolve({ result: null })) : this.executeMessage({ message: e, args: t });
   }
 }
 export {
-  re as default
+  X as default
 };