@roomle/embedding-lib 5.28.0-alpha.1 → 5.28.0-alpha.2

package/roomle-embedding-lib.es.js

@@ -1,125 +1,372 @@
-class S {
+class H {
   _side;
   // for better debugging (who handles message? iframe or website?)
   _incomingMessageBus = null;
   _outgoingMessageBus = null;
   _execMessage = null;
-  constructor(e, t, r, o) {
-    this._side = e, this._incomingMessageBus = t, this._outgoingMessageBus = r, this._execMessage = o, this._incomingMessageBus && this._incomingMessageBus.addEventListener(
+  constructor(t, s, r, n) {
+    this._side = t, this._incomingMessageBus = s, this._outgoingMessageBus = r, this._execMessage = n, this._incomingMessageBus && this._incomingMessageBus.addEventListener(
       "message",
       this._handleMessage.bind(this)
     );
   }
-  setOutgoingMessageBus(e) {
-    this._outgoingMessageBus = e;
+  setOutgoingMessageBus(t) {
+    this._outgoingMessageBus = t;
   }
-  setMessageExecution(e) {
-    this._execMessage = e;
+  setMessageExecution(t) {
+    this._execMessage = t;
   }
-  sendMessage(e, t = []) {
-    return new Promise((r, o) => {
+  sendMessage(t, s = []) {
+    return new Promise((r, n) => {
       if (this._incomingMessageBus === this._outgoingMessageBus)
         return r(void 0);
-      const i = new MessageChannel();
-      i.port1.onmessage = (n) => {
-        if (!n || !n.data)
-          return i.port1.close(), i.port2.close(), o(
+      const o = new MessageChannel();
+      o.port1.onmessage = (i) => {
+        if (!i || !i.data)
+          return o.port1.close(), o.port2.close(), n(
             new Error(
               this._side + " received message but response can not be interpreted"
             )
           );
-        let l;
+        let c;
         try {
-          l = JSON.parse(n.data);
-        } catch (u) {
-          return i.port1.close(), i.port2.close(), this._prepareError(u), o(u);
+          c = JSON.parse(i.data);
+        } catch (l) {
+          return o.port1.close(), o.port2.close(), this._prepareError(l), n(l);
         }
-        l.error ? o(l.error) : l.result !== void 0 ? r(l.result) : r(void 0), i.port1.close(), i.port2.close();
+        c.error ? n(c.error) : c.result !== void 0 ? r(c.result) : r(void 0), o.port1.close(), o.port2.close();
       };
       let a = "";
       try {
-        a = JSON.stringify({ message: e, args: t });
+        a = JSON.stringify({ message: t, args: s });
       } catch {
-        return o(
+        return n(
           new Error(
             this._side + ": can not create command because it is not JSON.stringify able"
           )
         );
       }
       if (!this._outgoingMessageBus)
-        return o(new Error(this._side + ": outgoing bus not set yet"));
+        return n(new Error(this._side + ": outgoing bus not set yet"));
       this._outgoingMessageBus.postMessage(a, "*", [
-        i.port2
+        o.port2
       ]);
     });
   }
-  _handleMessage(e) {
-    const t = e.ports && Array.isArray(e.ports) && e.ports.length > 0 ? e.ports[0] : null;
-    if (e.data && t)
+  _handleMessage(t) {
+    const s = t.ports && Array.isArray(t.ports) && t.ports.length > 0 ? t.ports[0] : null;
+    if (t.data && s)
       try {
-        const r = JSON.parse(e.data);
+        const r = JSON.parse(t.data);
         if (!this._execMessage)
-          return t.postMessage(
+          return s.postMessage(
             JSON.stringify({
               error: this._side + " is not ready to handle messages"
             })
           );
         Array.isArray(r.args) || (r.args = [r.args]);
-        const o = this._execMessage(r, e);
-        if (o === void 0)
+        const n = this._execMessage(r, t);
+        if (n === void 0)
           return;
-        o.then(
-          (i = {}) => {
-            let a, n;
-            typeof i == "object" && i !== null && (a = i.error, n = i.result), a ? t.postMessage(
+        n.then(
+          (o = {}) => {
+            let a, i;
+            typeof o == "object" && o !== null && (a = o.error, i = o.result), a ? s.postMessage(
               JSON.stringify({ error: a })
-            ) : n !== void 0 ? t.postMessage(
-              JSON.stringify({ result: n })
-            ) : t.postMessage(
+            ) : i !== void 0 ? s.postMessage(
               JSON.stringify({ result: i })
+            ) : s.postMessage(
+              JSON.stringify({ result: o })
             );
           },
-          (i) => {
-            t.postMessage(
+          (o) => {
+            s.postMessage(
               JSON.stringify({
-                error: this._prepareError(i)
+                error: this._prepareError(o)
               })
             );
           }
         );
       } catch (r) {
-        t.postMessage(
+        s.postMessage(
           JSON.stringify({
             error: this._prepareError(r)
           })
         );
       }
   }
-  _prepareError(e) {
-    if (typeof e == "string") {
-      const t = this._side + ": " + e;
-      return console.error(t), t;
+  _prepareError(t) {
+    if (typeof t == "string") {
+      const s = this._side + ": " + t;
+      return console.error(s), s;
     }
-    return e.message = this._side + ": " + e.message, console.error(e), e.message;
+    return t.message = this._side + ": " + t.message, console.error(t), t.message;
   }
 }
-const f = ".", _ = {
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const W = Symbol("Comlink.proxy"), X = Symbol("Comlink.endpoint"), j = Symbol("Comlink.releaseProxy"), M = Symbol("Comlink.finalizer"), w = Symbol("Comlink.thrown"), G = (e) => typeof e == "object" && e !== null || typeof e == "function", Z = {
+  canHandle: (e) => G(e) && e[W],
+  serialize(e) {
+    const { port1: t, port2: s } = new MessageChannel();
+    return L(e, t), [s, [s]];
+  },
+  deserialize(e) {
+    return e.start(), re(e);
+  }
+}, ee = {
+  canHandle: (e) => G(e) && w in e,
+  serialize({ value: e }) {
+    let t;
+    return e instanceof Error ? t = {
+      isError: !0,
+      value: {
+        message: e.message,
+        name: e.name,
+        stack: e.stack
+      }
+    } : t = { isError: !1, value: e }, [t, []];
+  },
+  deserialize(e) {
+    throw e.isError ? Object.assign(new Error(e.value.message), e.value) : e.value;
+  }
+}, z = /* @__PURE__ */ new Map([
+  ["proxy", Z],
+  ["throw", ee]
+]);
+function te(e, t) {
+  for (const s of e)
+    if (t === s || s === "*" || s instanceof RegExp && s.test(t))
+      return !0;
+  return !1;
+}
+function L(e, t = globalThis, s = ["*"]) {
+  t.addEventListener("message", function r(n) {
+    if (!n || !n.data)
+      return;
+    if (!te(s, n.origin)) {
+      console.warn(`Invalid origin '${n.origin}' for comlink proxy`);
+      return;
+    }
+    const { id: o, type: a, path: i } = Object.assign({ path: [] }, n.data), c = (n.data.argumentList || []).map(m);
+    let l;
+    try {
+      const u = i.slice(0, -1).reduce((d, h) => d[h], e), g = i.reduce((d, h) => d[h], e);
+      switch (a) {
+        case "GET":
+          l = g;
+          break;
+        case "SET":
+          u[i.slice(-1)[0]] = m(n.data.value), l = !0;
+          break;
+        case "APPLY":
+          l = g.apply(u, c);
+          break;
+        case "CONSTRUCT":
+          {
+            const d = new g(...c);
+            l = ce(d);
+          }
+          break;
+        case "ENDPOINT":
+          {
+            const { port1: d, port2: h } = new MessageChannel();
+            L(e, h), l = ae(d, [d]);
+          }
+          break;
+        case "RELEASE":
+          l = void 0;
+          break;
+        default:
+          return;
+      }
+    } catch (u) {
+      l = { value: u, [w]: 0 };
+    }
+    Promise.resolve(l).catch((u) => ({ value: u, [w]: 0 })).then((u) => {
+      const [g, d] = S(u);
+      t.postMessage(Object.assign(Object.assign({}, g), { id: o }), d), a === "RELEASE" && (t.removeEventListener("message", r), V(t), M in e && typeof e[M] == "function" && e[M]());
+    }).catch((u) => {
+      const [g, d] = S({
+        value: new TypeError("Unserializable return value"),
+        [w]: 0
+      });
+      t.postMessage(Object.assign(Object.assign({}, g), { id: o }), d);
+    });
+  }), t.start && t.start();
+}
+function se(e) {
+  return e.constructor.name === "MessagePort";
+}
+function V(e) {
+  se(e) && e.close();
+}
+function re(e, t) {
+  const s = /* @__PURE__ */ new Map();
+  return e.addEventListener("message", function(n) {
+    const { data: o } = n;
+    if (!o || !o.id)
+      return;
+    const a = s.get(o.id);
+    if (a)
+      try {
+        a(o);
+      } finally {
+        s.delete(o.id);
+      }
+  }), b(e, s, [], t);
+}
+function _(e) {
+  if (e)
+    throw new Error("Proxy has been released and is not useable");
+}
+function J(e) {
+  return p(e, /* @__PURE__ */ new Map(), {
+    type: "RELEASE"
+  }).then(() => {
+    V(e);
+  });
+}
+const y = /* @__PURE__ */ new WeakMap(), O = "FinalizationRegistry" in globalThis && new FinalizationRegistry((e) => {
+  const t = (y.get(e) || 0) - 1;
+  y.set(e, t), t === 0 && J(e);
+});
+function ne(e, t) {
+  const s = (y.get(t) || 0) + 1;
+  y.set(t, s), O && O.register(e, t, e);
+}
+function oe(e) {
+  O && O.unregister(e);
+}
+function b(e, t, s = [], r = function() {
+}) {
+  let n = !1;
+  const o = new Proxy(r, {
+    get(a, i) {
+      if (_(n), i === j)
+        return () => {
+          oe(o), J(e), t.clear(), n = !0;
+        };
+      if (i === "then") {
+        if (s.length === 0)
+          return { then: () => o };
+        const c = p(e, t, {
+          type: "GET",
+          path: s.map((l) => l.toString())
+        }).then(m);
+        return c.then.bind(c);
+      }
+      return b(e, t, [...s, i]);
+    },
+    set(a, i, c) {
+      _(n);
+      const [l, u] = S(c);
+      return p(e, t, {
+        type: "SET",
+        path: [...s, i].map((g) => g.toString()),
+        value: l
+      }, u).then(m);
+    },
+    apply(a, i, c) {
+      _(n);
+      const l = s[s.length - 1];
+      if (l === X)
+        return p(e, t, {
+          type: "ENDPOINT"
+        }).then(m);
+      if (l === "bind")
+        return b(e, t, s.slice(0, -1));
+      const [u, g] = C(c);
+      return p(e, t, {
+        type: "APPLY",
+        path: s.map((d) => d.toString()),
+        argumentList: u
+      }, g).then(m);
+    },
+    construct(a, i) {
+      _(n);
+      const [c, l] = C(i);
+      return p(e, t, {
+        type: "CONSTRUCT",
+        path: s.map((u) => u.toString()),
+        argumentList: c
+      }, l).then(m);
+    }
+  });
+  return ne(o, e), o;
+}
+function ie(e) {
+  return Array.prototype.concat.apply([], e);
+}
+function C(e) {
+  const t = e.map(S);
+  return [t.map((s) => s[0]), ie(t.map((s) => s[1]))];
+}
+const $ = /* @__PURE__ */ new WeakMap();
+function ae(e, t) {
+  return $.set(e, t), e;
+}
+function ce(e) {
+  return Object.assign(e, { [W]: !0 });
+}
+function S(e) {
+  for (const [t, s] of z)
+    if (s.canHandle(e)) {
+      const [r, n] = s.serialize(e);
+      return [
+        {
+          type: "HANDLER",
+          name: t,
+          value: r
+        },
+        n
+      ];
+    }
+  return [
+    {
+      type: "RAW",
+      value: e
+    },
+    $.get(e) || []
+  ];
+}
+function m(e) {
+  switch (e.type) {
+    case "HANDLER":
+      return z.get(e.name).deserialize(e.value);
+    case "RAW":
+      return e.value;
+  }
+}
+function p(e, t, s, r) {
+  return new Promise((n) => {
+    const o = le();
+    t.set(o, n), e.start && e.start(), e.postMessage(Object.assign({ id: o }, s), r);
+  });
+}
+function le() {
+  return new Array(4).fill(0).map(() => Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(16)).join("-");
+}
+const T = ".", A = {
   REQUEST_BOOT: "requestBoot",
   SETUP: "setup",
   WEBSITE_READY: "websiteReady"
-}, m = {
+}, E = {
   GET_METHODS: "getMethods",
   RETURN_METHODS: "returnMethods",
   REGISTER_CUSTOM_VIEW: "registerCustomView",
   REGISTER_CUSTOM_VIEW_DONE: "registerCustomViewDone"
-}, C = async (s, e) => {
-  if (typeof s != "string")
+}, ue = async (e, t) => {
+  if (typeof e != "string")
     throw new Error(
-      'Configurator ID is not a string type: "' + typeof s + '"'
+      'Configurator ID is not a string type: "' + typeof e + '"'
     );
-  const t = e.customApiUrl ? e.customApiUrl : "https://api.roomle.com/v2", r = e.overrideTenant || 9, o = t + "/configurators/" + s, i = "roomle_portal_v2", a = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;" + i), n = () => {
+  const s = t.customApiUrl ? t.customApiUrl : "https://api.roomle.com/v2", r = t.overrideTenant || 9, n = s + "/configurators/" + e, o = "roomle_portal_v2", a = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;" + o), i = () => {
     const g = {
-      apiKey: i,
+      apiKey: o,
       currentTenant: r,
       locale: "en",
       language: "en",
@@ -128,60 +375,60 @@ const f = ".", _ = {
       platform: "web"
     };
     return new Headers(g);
-  }, l = new Request(o, {
+  }, c = new Request(n, {
     method: "GET",
-    headers: n(),
+    headers: i(),
     mode: "cors",
     cache: "default"
-  }), u = await fetch(l), { configurator: d } = await u.json();
-  return d;
-}, D = () => {
+  }), l = await fetch(c), { configurator: u } = await l.json();
+  return u;
+}, ge = () => {
   try {
     return window.self !== window.top;
   } catch {
     return !0;
   }
-}, F = ["127.0.0.1", "localhost", "0.0.0.0"], B = () => {
-  const s = D();
-  let e = window.location.href;
-  if (s) {
+}, de = ["127.0.0.1", "localhost", "0.0.0.0"], fe = () => {
+  const e = ge();
+  let t = window.location.href;
+  if (e) {
     if (!document.referrer)
       return null;
-    e = document.referrer;
+    t = document.referrer;
   }
-  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 = [
+  const { hostname: s } = new URL(t);
+  return s;
+}, he = (e) => !!(de.includes(e) || e.endsWith("roomle.com") || e.endsWith("gitlab.io") || e.endsWith("gitlab.com")), v = [
   "language",
   "browserLanguage",
   "userLanguage",
   "systemLanguage"
-], 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 o = e[T[t]];
-    if (o)
-      return o.substr(0, 2);
+], me = (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, r = v.length; s < r; s++) {
+    const n = t[v[s]];
+    if (n)
+      return n.substr(0, 2);
   }
   return "en";
-}, x = (s, e) => {
-  const t = JSON.parse(JSON.stringify(s));
-  return O(t, e);
-}, O = (s, e) => {
-  for (const t in e)
+}, pe = (e, t) => {
+  const s = JSON.parse(JSON.stringify(e));
+  return P(s, t);
+}, P = (e, t) => {
+  for (const s in t)
     try {
-      e[t].constructor === Object ? s[t] = O(s[t], e[t]) : s[t] = e[t];
+      t[s].constructor === Object ? e[s] = P(e[s], t[s]) : e[s] = t[s];
     } catch {
-      s[t] = e[t];
+      e[s] = t[s];
     }
-  return s;
+  return e;
 };
-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 = {
+var Y = /* @__PURE__ */ ((e) => (e.BOTTOM_BAR = "bottom_bar", e.PARTLIST_BOUNDS = "partlist_bounds", e.INTERACTION_NOTES = "interaction_notes", e.PARAMETER_GROUPS = "parameter_groups", e))(Y || {});
+const _e = (e) => JSON.parse(JSON.stringify(e)), Ee = {
   mobileLandscape: !0,
   floorMaterialRootTag: "materials_root",
   buttons: {
@@ -192,7 +439,7 @@ const k = (s) => JSON.parse(JSON.stringify(s)), G = {
     partlist_print: !0
   },
   elements: {
-    [b.INTERACTION_NOTES]: !0
+    [Y.INTERACTION_NOTES]: !0
   },
   helpcenter: {
     roomdesigner: !0,
@@ -209,33 +456,33 @@ const k = (s) => JSON.parse(JSON.stringify(s)), G = {
   },
   rotationSnapDegrees: 10,
   interactionsCollapsed: !1
-}, 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)
+}, we = "(idle)", ye = (e) => (I(e), e?.customApiUrl && (e.customApiUrl = decodeURIComponent(e.customApiUrl)), e.shareUrl && (e.deeplink = e.shareUrl.replace(
+  Me,
+  Te
+)), e), I = (e) => {
+  if (!e)
     return;
-  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 o of r)
-        E(o);
-    (r === "true" || r === "false") && (s[t] = r === "true");
+  const t = Object.keys(e);
+  for (const s of t) {
+    const r = e[s];
+    if (!Array.isArray(r) && typeof r == "object" && r !== null && I(r), Array.isArray(r))
+      for (const n of r)
+        I(n);
+    (r === "true" || r === "false") && (e[s] = r === "true");
   }
-}, $ = (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 A {
+}, Oe = (e, t) => {
+  t.configuratorId = e.id;
+  const s = e.settings || {};
+  return !t.overrideTenant && e.tenant && (t.overrideTenant = e.tenant), pe(s, t);
+}, Se = () => {
+  const e = _e(Ee);
+  e.locale || (e.locale = me()), e.id === we && delete e.id;
+  const t = fe();
+  return t && he(t) && (e.configuratorId = "demoConfigurator"), e.customApiUrl = void 0, e.emails = !1, e;
+}, Me = "<CONF_ID>", Te = "#CONFIGURATIONID#", Ae = (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);
+}, D = () => /(android)/i.test(navigator.userAgent);
+class x {
   _messageHandler = null;
   isSetupDone = !1;
   viewName = "main";
@@ -259,149 +506,149 @@ class A {
   global = {
     callbacks: {}
   };
-  setMessageHandler(e) {
-    this._messageHandler = e;
+  setMessageHandler(t) {
+    this._messageHandler = t;
   }
-  handleSetup(e) {
-    const { methods: t, callbacks: r } = e;
-    t.forEach((o) => {
-      const i = o.split(f), a = i[0], n = i[1];
-      this[a] || (this[a] = {}), this[a][n] = (function() {
+  handleSetup(t) {
+    const { methods: s, callbacks: r } = t;
+    s.forEach((n) => {
+      const o = n.split(T), a = o[0], i = o[1];
+      this[a] || (this[a] = {}), this[a][i] = (function() {
         if (!this._messageHandler) {
           console.error("MessageHandler not set");
           return;
         }
-        return this._messageHandler.sendMessage(o, [...arguments]);
+        return this._messageHandler.sendMessage(n, [...arguments]);
       }).bind(this);
-    }), r.forEach((o) => {
-      const i = o.split(f), a = i[0], n = i[1], l = i[2];
-      this[a] || (this[a] = {}), this[a][n] || (this[a][n] = {}), this[a][n][l] = () => {
+    }), r.forEach((n) => {
+      const o = n.split(T), a = o[0], i = o[1], c = o[2];
+      this[a] || (this[a] = {}), this[a][i] || (this[a][i] = {}), this[a][i][c] = () => {
       };
     }), this.isSetupDone = !0;
   }
-  executeMessage({ message: e, args: t }) {
-    const r = e.split(f), o = r[0], i = r[1], a = r.length === 3 ? r[2] : null;
-    if (a && this[o][i][a]) {
-      const n = this[o][i][a](
-        ...t
+  executeMessage({ message: t, args: s }) {
+    const r = t.split(T), n = r[0], o = r[1], a = r.length === 3 ? r[2] : null;
+    if (a && this[n][o][a]) {
+      const i = this[n][o][a](
+        ...s
       );
-      return n instanceof Promise ? n.then((l) => ({ result: l })) : n !== void 0 ? Promise.resolve({ result: n }) : Promise.resolve({ result: null });
+      return i instanceof Promise ? i.then((c) => ({ result: c })) : i !== void 0 ? Promise.resolve({ result: i }) : Promise.resolve({ result: null });
     }
-    return Promise.reject('Message "' + e + '" is unkown');
+    return Promise.reject('Message "' + t + '" is unkown');
   }
-  setupPlugins(e, t, r = "website") {
-    for (const o of e)
-      typeof o == "string" && o === "dragIn" ? this.pluginsLoaded.push(
-        new Promise((i, a) => {
+  setupPlugins(t, s, r = "website") {
+    for (const n of t)
+      typeof n == "string" && n === "dragIn" ? this.pluginsLoaded.push(
+        new Promise((o, a) => {
           try {
-            import("./drag-in-BEjBh6zz.mjs").then((n) => n.l).then(
-              ({ DragIn: n }) => {
-                const l = new n(
+            import("./drag-in-BEjBh6zz.mjs").then((i) => i.l).then(
+              ({ DragIn: i }) => {
+                const c = new i(
                   this.ui,
-                  t,
+                  s,
                   r,
                   this.viewName
                 );
-                l.init().then(() => {
-                  this.plugins.dragIn = l, i();
+                c.init().then(() => {
+                  this.plugins.dragIn = c, o();
                 }, a);
               }
             );
-          } catch (n) {
-            a(n);
+          } catch (i) {
+            a(i);
           }
         })
-      ) : o.name && o.loader && this.pluginsLoaded.push(
-        new Promise((i, a) => {
+      ) : n.name && n.loader && this.pluginsLoaded.push(
+        new Promise((o, a) => {
           try {
-            o.loader().then((n) => {
-              const l = new n(
+            n.loader().then((i) => {
+              const c = new i(
                 this.ui,
-                t,
+                s,
                 r,
                 this.viewName
               );
-              l.init().then(() => {
-                this.plugins[o.name] = l, i();
+              c.init().then(() => {
+                this.plugins[n.name] = c, o();
               }, a);
             });
-          } catch (n) {
-            a(n);
+          } catch (i) {
+            a(i);
           }
         })
       );
   }
 }
-const M = () => {
-  let s, e;
-  return { promise: new Promise((r, o) => {
-    s = r, e = o;
-  }), resolve: s, reject: e };
-}, R = (s, e, t) => {
+const k = () => {
+  let e, t;
+  return { promise: new Promise((r, n) => {
+    e = r, t = n;
+  }), resolve: e, reject: t };
+}, F = (e, t, s) => {
   let r = null;
-  Object.defineProperty(s, e, {
+  Object.defineProperty(e, t, {
     get() {
-      return r || t;
+      return r || s;
     },
-    set(o) {
-      o?.mute ? r = o.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 }"), r = o);
+      ), console.warn("{ mute: true, value: () => void }"), r = n);
     }
   });
-}, L = () => window.innerHeight * 0.01 + "px", I = (s) => {
-  s && setTimeout(
-    () => s.style.setProperty(w, L()),
+}, q = () => window.innerHeight * 0.01 + "px", U = (e) => {
+  e && setTimeout(
+    () => e.style.setProperty(N, q()),
     0
   );
-}, N = "rml-styles", Q = 450, w = "--rml-full-height", c = {
+}, B = "rml-styles", Re = 450, N = "--rml-full-height", f = {
   CONTAINER: "rml-container",
   FILL: "rml-fill",
   POSITION: "rml-pos",
   TRANSITION: "rml-transition",
   ANDROID_HEIGHT: "rml-android-height",
   OVERFLOW_HIDDEN: "rml-overflow-hidden"
-}, p = /* @__PURE__ */ new Map();
-class X extends A {
-  static createPlanner(e, t, r, o = []) {
+}, R = /* @__PURE__ */ new Map();
+class be extends x {
+  static createPlanner(t, s, r, n = []) {
     return this._create(
-      e,
       t,
+      s,
       r,
-      o
+      n
     );
   }
-  static async connect(e, t = []) {
-    const r = new A();
-    r.viewName = e;
-    const { resolve: o, promise: i } = M(), { resolve: a, promise: n } = M(), l = ({
+  static async connect(t, s = []) {
+    const r = new x();
+    r.viewName = t;
+    const { resolve: n, promise: o } = k(), { resolve: a, promise: i } = k(), c = ({
       message: g,
-      args: h
+      args: d
     }) => {
       switch (g) {
-        case m.REGISTER_CUSTOM_VIEW_DONE:
-          o();
+        case E.REGISTER_CUSTOM_VIEW_DONE:
+          n();
           break;
-        case m.RETURN_METHODS:
-          r.handleSetup(h[0]), a();
+        case E.RETURN_METHODS:
+          r.handleSetup(d[0]), a();
           break;
         default:
           if (r.isSetupDone)
-            return r.executeMessage({ message: g, args: h });
+            return r.executeMessage({ message: g, args: d });
       }
-    }, u = new S(
-      "custom-view-" + e,
+    }, l = new H(
+      "custom-view-" + t,
       window,
       window.parent,
-      l
+      c
     );
-    r.setMessageHandler(u);
-    const d = [e];
-    return u.sendMessage(
-      m.REGISTER_CUSTOM_VIEW,
-      d
-    ), await i, u.sendMessage(m.GET_METHODS, d), await n, r.setupPlugins(
-      t,
+    r.setMessageHandler(l);
+    const u = [t];
+    return l.sendMessage(
+      E.REGISTER_CUSTOM_VIEW,
+      u
+    ), await o, l.sendMessage(E.GET_METHODS, u), await i, r.setupPlugins(
+      s,
       document.body,
       "custom-view"
     ), await Promise.allSettled(r.pluginsLoaded), r;
@@ -412,12 +659,12 @@ class X extends A {
    * @param container DOM container in which the configurator should be placed
    * @param initData settings with which the configurator should be started
    */
-  static createConfigurator(e, t, r, o = []) {
+  static createConfigurator(t, s, r, n = []) {
     return this._create(
-      e,
       t,
+      s,
       r,
-      o
+      n
     );
   }
   /**
@@ -427,12 +674,12 @@ class X extends A {
    * @param container DOM container in which the configurator should be placed
    * @param initData settings with which the configurator should be started
    */
-  static create(e, t, r, o) {
+  static create(t, s, r, n) {
     return this._create(
-      e,
       t,
+      s,
       r,
-      o
+      n
     );
   }
   /**
@@ -441,37 +688,45 @@ class X extends A {
    * @param container DOM container in which the configurator should be placed
    * @param initData settings with which the configurator should be started
    */
-  static createViewer(e, t, r, o = []) {
+  static createViewer(t, s, r, n = []) {
     return this._create(
-      e,
       t,
+      s,
       r,
-      o
+      n
     );
   }
-  static async _create(e, t, r, o) {
-    return new Promise(async (i, a) => {
+  static setupHi(t) {
+    window.addEventListener("message", (s) => {
+      if (s.data.type === "connect" && s.data.port) {
+        const r = s.data.port;
+        r.start?.(), L(t, r);
+      }
+    });
+  }
+  static async _create(t, s, r, n) {
+    return new Promise(async (o, a) => {
       try {
-        const n = O(
-          z(),
-          V(r)
-        );
-        K(n);
-        const l = await C(
-          e,
-          n
+        const i = P(
+          Se(),
+          ye(r)
         );
-        r = $(l, n);
-        const u = new this(
-          l,
+        Ae(i);
+        const c = await ue(
           t,
-          r,
-          o,
           i
         );
-        return await Promise.allSettled(u.pluginsLoaded), u;
-      } catch (n) {
-        return a(n);
+        r = Oe(c, i);
+        const l = new this(
+          c,
+          s,
+          r,
+          n,
+          o
+        );
+        return await Promise.allSettled(l.pluginsLoaded), l;
+      } catch (i) {
+        return a(i);
       }
     });
   }
@@ -480,66 +735,66 @@ class X extends A {
   _configuratorSettings;
   _initData = {};
   _iframe;
-  constructor(e, t, r, o, i) {
-    if (super(), !e || typeof e.id != "string")
+  constructor(t, s, r, n, o) {
+    if (super(), !t || typeof t.id != "string")
       throw new Error(
         "Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person"
       );
-    if (p.has(t))
+    if (R.has(s))
       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,
+    if (!!!document.getElementById(B)) {
+      const l = r.zIndex || 9999999, u = document.createElement("style");
+      u.type = "text/css", u.id = B;
+      const g = "transition:all ease-in-out " + Re + "ms;", d = ["-webkit-", "-o-"].reduce(
+        (K, Q) => K += Q + 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);
+      ) + g, h = q();
+      u.innerHTML = `
+        .${f.CONTAINER}{${N}:${h};}
+        .${f.POSITION}{position:fixed;top:0;left:0;z-index:${l};opacity:0}
+        .${f.TRANSITION}{${d}}
+        .${f.FILL}{width:100%;height:100%;opacity:1}
+        .${f.ANDROID_HEIGHT}{height:calc(var(${N},1vh)*100)}
+        .${f.OVERFLOW_HIDDEN}{overflow:hidden}
+      `, document.head.appendChild(u);
     }
     this._executeMessage = this._executeMessage.bind(this);
-    const n = new S(
+    const i = new H(
       "website",
       window,
       null,
       this._executeMessage
     );
-    this.setMessageHandler(n), 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(o, this._iframe), p.set(t, !0);
+    this.setMessageHandler(i), this._onResize = this._onResize.bind(this), D() && window.addEventListener("resize", this._onResize), this._container = s, this._initData = r, this._configuratorSettings = t;
+    const c = this._createIframe();
+    this._onUseFullPage = this._onUseFullPage.bind(this), this._onBackToWebsite = this._onBackToWebsite.bind(this), this._waitForIframe = o, this._container.appendChild(c), this._iframe = c, this.setupPlugins(n, this._iframe), R.set(s, !0);
   }
   teardown() {
-    this._container && p.delete(this._container);
-    const e = this._container.querySelector("iframe");
-    e && this._container.removeChild(e), window.removeEventListener("resize", this._onResize);
+    this._container && R.delete(this._container);
+    const t = this._container.querySelector("iframe");
+    t && this._container.removeChild(t), 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(c.CONTAINER), e.classList.add(c.FILL), e;
+    const t = document.createElement("iframe");
+    let s = this._configuratorSettings?.url || "https://www.roomle.com/t/cp/";
+    return this._initData.useLocalRoomle && (s = location.href.replace("embedding.html", "")), location.href.includes("roomle.gitlab.io") && (s = location.href.replace("embedding.html", "index.html")), this._initData.overrideServerUrl && (s = this._initData.overrideServerUrl), t.src = s, t.classList.add(f.CONTAINER), t.classList.add(f.FILL), t;
   }
   _onResize() {
-    I(this._iframe);
+    U(this._iframe);
   }
   _onUseFullPage() {
-    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));
+    this._iframe.classList.add(f.POSITION), document.documentElement.classList.add(f.OVERFLOW_HIDDEN), window.document.body.classList.add(f.OVERFLOW_HIDDEN), D() && (U(this._iframe), this._iframe.classList.add(f.ANDROID_HEIGHT));
   }
   _onBackToWebsite() {
-    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);
+    this._iframe.classList.remove(f.POSITION), this._iframe.classList.remove(f.ANDROID_HEIGHT), document.documentElement.classList.remove(f.OVERFLOW_HIDDEN), window.document.body.classList.remove(f.OVERFLOW_HIDDEN);
   }
-  _executeMessage({ message: e, args: t }, r) {
+  _executeMessage({ message: t, args: s }, 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(
+      return t === A.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" })) : t === A.SETUP ? (this.handleSetup(s[0]), F(
         this.ui.callbacks,
         "onUseFullPage",
         this._onUseFullPage
-      ), R(
+      ), F(
         this.ui.callbacks,
         "onBackToWebsite",
         this._onBackToWebsite
@@ -548,10 +803,10 @@ class X extends A {
           console.error("MessageHandler not set");
           return;
         }
-        this._messageHandler.sendMessage(_.WEBSITE_READY);
-      }, 0), Promise.resolve({ result: null })) : this.executeMessage({ message: e, args: t });
+        this._messageHandler.sendMessage(A.WEBSITE_READY);
+      }, 0), Promise.resolve({ result: null })) : this.executeMessage({ message: t, args: s });
   }
 }
 export {
-  X as default
+  be as default
 };