@roomle/embedding-lib 5.34.0-alpha.2 → 5.34.0-debug.2

package/roomle-embedding-lib.js

@@ -0,0 +1,587 @@
+import { expose as D } from "./comlink-BAiXCcU9.mjs";
+import { c as B } from "./utils-D--vltCL.mjs";
+class S {
+  _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(
+      "message",
+      this._handleMessage.bind(this)
+    );
+  }
+  setOutgoingMessageBus(e) {
+    this._outgoingMessageBus = e;
+  }
+  setMessageExecution(e) {
+    this._execMessage = e;
+  }
+  sendMessage(e, t = []) {
+    return new Promise((r, o) => {
+      if (this._incomingMessageBus === this._outgoingMessageBus)
+        return r(void 0);
+      const n = new MessageChannel();
+      n.port1.onmessage = (i) => {
+        if (!i || !i.data)
+          return n.port1.close(), n.port2.close(), o(
+            new Error(
+              this._side + " received message but response can not be interpreted"
+            )
+          );
+        let l;
+        try {
+          l = JSON.parse(i.data);
+        } catch (u) {
+          return n.port1.close(), n.port2.close(), this._prepareError(u), o(u);
+        }
+        l.error ? o(l.error) : l.result !== void 0 ? r(l.result) : r(void 0), n.port1.close(), n.port2.close();
+      };
+      let a = "";
+      try {
+        a = JSON.stringify({ message: e, args: t });
+      } catch {
+        return o(
+          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"));
+      this._outgoingMessageBus.postMessage(a, "*", [
+        n.port2
+      ]);
+    });
+  }
+  _handleMessage(e) {
+    const t = e.ports && Array.isArray(e.ports) && e.ports.length > 0 ? e.ports[0] : null;
+    if (e.data && (typeof e.data == "string" || e.data.type !== "connect_hi") && t)
+      try {
+        const r = JSON.parse(e.data);
+        if (!this._execMessage)
+          return t.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)
+          return;
+        o.then(
+          (n = {}) => {
+            let a, i;
+            typeof n == "object" && n !== null && (a = n.error, i = n.result), a ? t.postMessage(
+              JSON.stringify({ error: a })
+            ) : i !== void 0 ? t.postMessage(
+              JSON.stringify({ result: i })
+            ) : t.postMessage(
+              JSON.stringify({ result: n })
+            );
+          },
+          (n) => {
+            t.postMessage(
+              JSON.stringify({
+                error: this._prepareError(n)
+              })
+            );
+          }
+        );
+      } catch (r) {
+        t.postMessage(
+          JSON.stringify({
+            error: this._prepareError(r)
+          })
+        );
+      }
+  }
+  _prepareError(e) {
+    if (typeof e == "string") {
+      const t = this._side + ": " + e;
+      return console.error(t), t;
+    }
+    return e.message = this._side + ": " + e.message, console.error(e), e.message;
+  }
+}
+const F = () => {
+  try {
+    return window.self !== window.top;
+  } catch {
+    return !0;
+  }
+}, U = ["127.0.0.1", "localhost", "0.0.0.0"], x = () => {
+  const s = F();
+  let e = window.location.href;
+  if (s) {
+    if (!document.referrer)
+      return null;
+    e = document.referrer;
+  }
+  const { hostname: t } = new URL(e);
+  return t;
+}, W = (s) => !!(U.includes(s) || s.endsWith("roomle.com") || s.endsWith("gitlab.io") || s.endsWith("gitlab.com")), T = [
+  "language",
+  "browserLanguage",
+  "userLanguage",
+  "systemLanguage"
+], k = (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);
+  }
+  return "en";
+}, G = (s, e) => {
+  const t = JSON.parse(JSON.stringify(s));
+  return A(t, e);
+}, A = (s, e) => {
+  for (const t in e)
+    try {
+      e[t].constructor === Object ? s[t] = A(s[t], e[t]) : s[t] = e[t];
+    } catch {
+      s[t] = e[t];
+    }
+  return s;
+};
+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 J = (s) => JSON.parse(JSON.stringify(s)), K = {
+  mobileLandscape: !0,
+  floorMaterialRootTag: "materials_root",
+  buttons: {
+    renderimage: !0,
+    requestproduct: !0,
+    requestplan: !0,
+    load_product: !0,
+    partlist_print: !0
+  },
+  elements: {
+    [b.INTERACTION_NOTES]: !0
+  },
+  helpcenter: {
+    roomdesigner: !0,
+    configurator: !1,
+    disable: !1
+  },
+  firstPersonView: !0,
+  saveToIdb: !0,
+  featureFlags: {
+    mocAr: !0,
+    wallAutoHeight: !1,
+    openCloseAnimation: !0,
+    enableTwoLevelCatalog: !1,
+    webGpu: !1
+  },
+  rotationSnapDegrees: 10,
+  interactionsCollapsed: !1
+}, V = "(idle)", $ = (s) => (E(s), s?.customApiUrl && (s.customApiUrl = decodeURIComponent(s.customApiUrl)), s.shareUrl && (s.deeplink = s.shareUrl.replace(
+  q,
+  Q
+)), s), E = (s) => {
+  if (!s)
+    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");
+  }
+}, z = (s, e) => {
+  e.configuratorId = s.id;
+  const t = s.settings || {};
+  return !e.overrideTenant && s.tenant && (e.overrideTenant = s.tenant), G(t, e);
+}, Y = () => {
+  const s = J(K);
+  s.locale || (s.locale = k()), s.id === V && delete s.id;
+  const e = x();
+  return e && W(e) && (s.configuratorId = "demoConfigurator"), s.customApiUrl = void 0, s.emails = !1, s;
+}, q = "<CONF_ID>", Q = "#CONFIGURATIONID#", X = (s) => {
+  s.featureFlags || (s.featureFlags = {}), typeof s.featureFlags.realPartList != "boolean" && (s.featureFlags.realPartList = !0), typeof s.featureFlags.globalCallbacks != "boolean" && (s.featureFlags.globalCallbacks = !0), typeof s.featureFlags.mocAr != "boolean" && (s.featureFlags.mocAr = !1);
+}, M = () => /(android)/i.test(navigator.userAgent);
+class R {
+  _messageHandler = null;
+  isSetupDone = !1;
+  viewName = "main";
+  plugins = {};
+  pluginsLoaded = [];
+  ui = {
+    callbacks: null
+  };
+  extended = {
+    callbacks: null
+  };
+  configurator = {
+    callbacks: null
+  };
+  analytics = {
+    callbacks: {}
+  };
+  rapi = {
+    callbacks: {}
+  };
+  global = {
+    callbacks: {}
+  };
+  setMessageHandler(e) {
+    this._messageHandler = e;
+  }
+  handleSetup(e) {
+    const { methods: t, callbacks: r } = e;
+    t.forEach((o) => {
+      const n = o.split(h), a = n[0], i = n[1];
+      this[a] || (this[a] = {}), this[a][i] = (function() {
+        if (!this._messageHandler) {
+          console.error("MessageHandler not set");
+          return;
+        }
+        return this._messageHandler.sendMessage(o, [...arguments]);
+      }).bind(this);
+    }), r.forEach((o) => {
+      const n = o.split(h), a = n[0], i = n[1], l = n[2];
+      this[a] || (this[a] = {}), this[a][i] || (this[a][i] = {}), this[a][i][l] = () => {
+      };
+    }), this.isSetupDone = !0;
+  }
+  executeMessage({ message: e, args: t }) {
+    const r = e.split(h), o = r[0], n = r[1], a = r.length === 3 ? r[2] : null;
+    if (a && this[o][n][a]) {
+      const i = this[o][n][a](
+        ...t
+      );
+      return i instanceof Promise ? i.then((l) => ({ result: l })) : i !== void 0 ? Promise.resolve({ result: i }) : Promise.resolve({ result: null });
+    }
+    return Promise.reject('Message "' + e + '" is unkown');
+  }
+  setupPlugins(e, t, r = "website") {
+    for (const o of e)
+      typeof o == "string" && o === "dragIn" ? this.pluginsLoaded.push(
+        new Promise((n, a) => {
+          try {
+            import("./embedding-plugins-CjNos83d.mjs").then((i) => i.l).then(({ DragIn: i }) => {
+              const l = new i(this.ui, t, r, this.viewName);
+              l.init().then(() => {
+                this.plugins.dragIn = l, n();
+              }, a);
+            });
+          } catch (i) {
+            a(i);
+          }
+        })
+      ) : o.name && o.loader && this.pluginsLoaded.push(
+        new Promise((n, a) => {
+          try {
+            o.loader().then((i) => {
+              const l = new i(
+                this.ui,
+                t,
+                r,
+                this.viewName
+              );
+              l.init().then(() => {
+                this.plugins[o.name] = l, n();
+              }, a);
+            });
+          } catch (i) {
+            a(i);
+          }
+        })
+      );
+  }
+}
+const y = () => {
+  let s, e;
+  return { promise: new Promise((r, o) => {
+    s = r, e = o;
+  }), resolve: s, reject: e };
+}, w = {
+  SDK: "extended",
+  CONFIGURATOR_SDK: "configurator",
+  CALLBACKS: "callbacks",
+  UI: "ui",
+  ANALYTICS: "analytics",
+  GLOBAL: "global",
+  RAPI: "rapi"
+}, h = ".", oe = w.SDK + h + w.CALLBACKS, p = {
+  REQUEST_BOOT: "requestBoot",
+  SETUP: "setup",
+  WEBSITE_READY: "websiteReady"
+}, f = {
+  GET_METHODS: "getMethods",
+  RETURN_METHODS: "returnMethods",
+  REGISTER_CUSTOM_VIEW: "registerCustomView",
+  REGISTER_CUSTOM_VIEW_DONE: "registerCustomViewDone"
+}, Z = ["constructor", "callbacks"], j = (s) => s[0] !== "_" && !Z.includes(s), ne = (s, e, t = !1) => {
+  if (!s)
+    return [];
+  const r = Object.getOwnPropertyNames(s), o = t ? w.CALLBACKS + h : "";
+  return r.filter(j).map((n) => e + h + o + n);
+}, ee = async (s, e) => {
+  if (typeof s != "string")
+    throw new Error(
+      'Configurator ID is not a string type: "' + typeof s + '"'
+    );
+  const t = e.customApiUrl ? e.customApiUrl : "https://api.roomle.com/v2", r = e.overrideTenant || 9, o = t + "/configurators/" + s, n = "roomle_portal_v2", a = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;" + n), i = () => {
+    const g = {
+      apiKey: n,
+      currentTenant: r,
+      locale: "en",
+      language: "en",
+      device: 1,
+      token: a,
+      platform: "web"
+    };
+    return new Headers(g);
+  }, l = new Request(o, {
+    method: "GET",
+    headers: i(),
+    mode: "cors",
+    cache: "default"
+  }), u = await fetch(l), { configurator: d } = await u.json();
+  return d;
+}, ie = "data-rml-interaction-container", I = (s, e, t) => {
+  let r = null;
+  Object.defineProperty(s, e, {
+    get() {
+      return r || t;
+    },
+    set(o) {
+      o?.mute ? r = o.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);
+    }
+  });
+}, H = () => window.innerHeight * 0.01 + "px", N = (s) => {
+  s && setTimeout(
+    () => s.style.setProperty(O, H()),
+    0
+  );
+}, L = "rml-styles", se = 450, O = "--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"
+}, _ = /* @__PURE__ */ new Map();
+class ae extends R {
+  static createPlanner(e, t, r, o = []) {
+    return this._create(
+      e,
+      t,
+      r,
+      o
+    );
+  }
+  static async connect(e, t = []) {
+    const r = new R();
+    r.viewName = e;
+    const { resolve: o, promise: n } = y(), { resolve: a, promise: i } = y(), l = ({
+      message: g,
+      args: m
+    }) => {
+      switch (g) {
+        case f.REGISTER_CUSTOM_VIEW_DONE:
+          o();
+          break;
+        case f.RETURN_METHODS:
+          r.handleSetup(m[0]), a();
+          break;
+        default:
+          if (r.isSetupDone)
+            return r.executeMessage({ message: g, args: m });
+      }
+    }, u = new S(
+      "custom-view-" + e,
+      window,
+      window.parent,
+      l
+    );
+    r.setMessageHandler(u);
+    const d = [e];
+    return u.sendMessage(
+      f.REGISTER_CUSTOM_VIEW,
+      d
+    ), await n, u.sendMessage(f.GET_METHODS, d), await i, r.setupPlugins(
+      t,
+      document.body,
+      "custom-view"
+    ), await Promise.allSettled(r.pluginsLoaded), r;
+  }
+  /**
+   * 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(e, t, r, o = []) {
+    return this._create(
+      e,
+      t,
+      r,
+      o
+    );
+  }
+  /**
+   * 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(e, t, r, o) {
+    return this._create(
+      e,
+      t,
+      r,
+      o
+    );
+  }
+  /**
+   * 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(e, t, r, o = []) {
+    return this._create(
+      e,
+      t,
+      r,
+      o
+    );
+  }
+  static hiMessageHandler = null;
+  static setupHi(e) {
+    console.warn(
+      `[DEPRECATED] RoomleEmbeddingApi.setupHi() is deprecated and will be removed.
+Migration: import { setupHi } from '@roomle/embedding-lib/hi'; setupHi(callbacks);`
+    ), this.hiMessageHandler && window.removeEventListener("message", this.hiMessageHandler), this.hiMessageHandler = (t) => {
+      if (t.data.type === "connect_hi" && t.data.port) {
+        const r = t.data.port;
+        r.start?.(), D(B(e), r);
+      }
+    }, window.addEventListener("message", this.hiMessageHandler);
+  }
+  static async _create(e, t, r, o) {
+    return new Promise(async (n, a) => {
+      try {
+        const i = A(
+          Y(),
+          $(r)
+        );
+        X(i);
+        const l = await ee(
+          e,
+          i
+        );
+        r = z(l, i);
+        const u = new this(
+          l,
+          t,
+          r,
+          o,
+          n
+        );
+        return await Promise.allSettled(u.pluginsLoaded), u;
+      } catch (i) {
+        return a(i);
+      }
+    });
+  }
+  _waitForIframe;
+  _container;
+  _configuratorSettings;
+  _initData = {};
+  _iframe;
+  constructor(e, t, r, o, n) {
+    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 (_.has(t))
+      throw new Error("There is already an instance on this DOM element");
+    if (!!!document.getElementById(L)) {
+      const u = r.zIndex || 9999999, d = document.createElement("style");
+      d.type = "text/css", d.id = L;
+      const g = "transition:all ease-in-out " + se + "ms;", m = ["-webkit-", "-o-"].reduce(
+        (v, P) => v += P + g,
+        ""
+      ) + g, C = H();
+      d.innerHTML = `
+        .${c.CONTAINER}{${O}:${C};}
+        .${c.POSITION}{position:fixed;top:0;left:0;z-index:${u};opacity:0}
+        .${c.TRANSITION}{${m}}
+        .${c.FILL}{width:100%;height:100%;opacity:1}
+        .${c.ANDROID_HEIGHT}{height:calc(var(${O},1vh)*100)}
+        .${c.OVERFLOW_HIDDEN}{overflow:hidden}
+      `, document.head.appendChild(d);
+    }
+    this._executeMessage = this._executeMessage.bind(this);
+    const i = new S(
+      "website",
+      window,
+      null,
+      this._executeMessage
+    );
+    this.setMessageHandler(i), this._onResize = this._onResize.bind(this), M() && 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 = n, this._container.appendChild(l), this._iframe = l, this.setupPlugins(o, this._iframe), _.set(t, !0);
+  }
+  teardown() {
+    this._container && _.delete(this._container);
+    const e = this._container.querySelector("iframe");
+    e && this._container.removeChild(e), window.removeEventListener("resize", this._onResize);
+  }
+  _createIframe() {
+    const e = document.createElement("iframe");
+    let t = this._configuratorSettings?.url || "https://www.roomle.com/t/cp/";
+    return this._initData.useLocalRoomle && (t = location.href.replace("embedding.html", "")), location.href.includes("roomle.gitlab.io") && (t = location.href.replace("embedding.html", "index.html")), this._initData.overrideServerUrl && (t = this._initData.overrideServerUrl), e.src = t, e.classList.add(c.CONTAINER), e.classList.add(c.FILL), e;
+  }
+  _onResize() {
+    N(this._iframe);
+  }
+  _onUseFullPage() {
+    this._iframe.classList.add(c.POSITION), document.documentElement.classList.add(c.OVERFLOW_HIDDEN), window.document.body.classList.add(c.OVERFLOW_HIDDEN), M() && (N(this._iframe), this._iframe.classList.add(c.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);
+  }
+  _executeMessage({ message: e, args: t }, r) {
+    if (r.source && r.source === this._iframe?.contentWindow)
+      return e === p.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 === p.SETUP ? (this.handleSetup(t[0]), I(
+        this.ui.callbacks,
+        "onUseFullPage",
+        this._onUseFullPage
+      ), I(
+        this.ui.callbacks,
+        "onBackToWebsite",
+        this._onBackToWebsite
+      ), this._waitForIframe(this), setTimeout(() => {
+        if (!this._messageHandler) {
+          console.error("MessageHandler not set");
+          return;
+        }
+        this._messageHandler.sendMessage(p.WEBSITE_READY);
+      }, 0), Promise.resolve({ result: null })) : this.executeMessage({ message: e, args: t });
+  }
+}
+export {
+  p as HANDSHAKE_MESSAGES,
+  ie as INTERACTION_CONTAINER_SELECTOR,
+  w as NAMESPACE,
+  h as NAMESPACE_SEPARATOR,
+  oe as SDK_CALLBACK,
+  f as WELL_KNOWN_MESSAGES,
+  ae as default,
+  ee as getConfiguratorSettings,
+  ne as getMethodNames,
+  j as isExposable
+};

package/roomle-embedding-lib.min.js

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

package/touch-drag-BzREygxc.mjs

@@ -0,0 +1 @@
+import{i as t}from"./utils-uEcN1DUR.mjs";const s=500,i=10,e=100,h=15,o=(s,i=0)=>t(s)?{clientX:s.touches[i].clientX,clientY:s.touches[i].clientY}:{clientX:s.clientX,clientY:s.clientY},c=s=>!s||!t(s)||s.touches.length>0;class l{_touchDragTimeOut;_onTouchDragStart;_payload=null;_delay=500;_firstTouch=null;_lastTouch=null;_epsilon=10;constructor(t,{onTouchDragStart:s},i={}){this._payload=t,this._onTouchDragStart=s,this._delay="number"==typeof i.delay?i.delay:500,this._epsilon="number"==typeof i.epsilon?i.epsilon:10}onStart(s){c(s)&&(this._touchDragTimeOut||(this._firstTouch=o(s,t(s)?s.touches.length-1:0),this._touchDragTimeOut=setTimeout(()=>{this._clearTimeout(),this._lastTouch||(this._lastTouch=o(s)),this._checkXDistance(s)()},this._delay)))}onEnd(){this._resetTouches()}onMove(t){c(t)&&(this._lastTouch=o(t))}_clearTimeout(){this._touchDragTimeOut&&(clearTimeout(this._touchDragTimeOut),this._touchDragTimeOut=null)}_resetTouches(){this._clearTimeout(),this._lastTouch=null,this._firstTouch=null,this._payload=null}_checkXDistance(t){return()=>{if(!this._firstTouch||!this._lastTouch)return;let s=!1;s=Math.abs(this._firstTouch.clientX-this._lastTouch.clientX)<this._epsilon,s&&(this._onTouchDragStart(this._payload,t),this._resetTouches())}}}export{h as C,l as T,i as a,s as b,e as c};

package/touch-drag-DWISKgWm.mjs

@@ -0,0 +1,57 @@
+import { i as o } from "./utils-D--vltCL.mjs";
+const l = 500, u = 10, r = 100, _ = 15, c = (s, t = 0) => o(s) ? {
+  clientX: s.touches[t].clientX,
+  clientY: s.touches[t].clientY
+} : {
+  clientX: s.clientX,
+  clientY: s.clientY
+}, a = (s) => s && o(s) ? s.touches.length > 0 : !0;
+class n {
+  _touchDragTimeOut;
+  _onTouchDragStart;
+  _payload = null;
+  _delay = l;
+  _firstTouch = null;
+  _lastTouch = null;
+  _epsilon = u;
+  constructor(t, { onTouchDragStart: h }, i = {}) {
+    this._payload = t, this._onTouchDragStart = h, this._delay = typeof i.delay == "number" ? i.delay : l, this._epsilon = typeof i.epsilon == "number" ? i.epsilon : u;
+  }
+  onStart(t) {
+    a(t) && (this._touchDragTimeOut || (this._firstTouch = c(
+      t,
+      o(t) ? t.touches.length - 1 : 0
+    ), this._touchDragTimeOut = setTimeout(() => {
+      this._clearTimeout(), this._lastTouch || (this._lastTouch = c(t)), this._checkXDistance(t)();
+    }, this._delay)));
+  }
+  onEnd() {
+    this._resetTouches();
+  }
+  onMove(t) {
+    a(t) && (this._lastTouch = c(t));
+  }
+  _clearTimeout() {
+    this._touchDragTimeOut && (clearTimeout(this._touchDragTimeOut), this._touchDragTimeOut = null);
+  }
+  _resetTouches() {
+    this._clearTimeout(), this._lastTouch = null, this._firstTouch = null, this._payload = null;
+  }
+  _checkXDistance(t) {
+    return () => {
+      if (!this._firstTouch || !this._lastTouch)
+        return;
+      let h = !1;
+      h = Math.abs(
+        this._firstTouch.clientX - this._lastTouch.clientX
+      ) < this._epsilon, h && (this._onTouchDragStart(this._payload, t), this._resetTouches());
+    };
+  }
+}
+export {
+  _ as C,
+  n as T,
+  u as a,
+  l as b,
+  r as c
+};