@roomle/embedding-lib 5.26.0-alpha.2 → 5.26.0-alpha.4

package/packages/web-sdk/packages/planner-core/src/webgl/planner-scene-manager.d.ts

@@ -48,7 +48,7 @@ export default class PlannerSceneManager extends ConfiguratorSceneManager implem
     private _configurableItemGuard;
     private _planCompletelyLoadedGuard;
     private _dragStartBounds;
-    currentSelection: SelectionPayload;
+    currentSelection: SelectionPayload | null;
     private _paperBackground;
     private _cameraState;
     private _planElementHighlighter;
@@ -122,7 +122,7 @@ export default class PlannerSceneManager extends ConfiguratorSceneManager implem
     highlightPlanElementById(runtimeId: number | null): void;
     destroy(): void;
     planObjectConfigurationLoaded(plan: Plan, element: PlanElement, success: boolean): void;
-    planObjectConfigurationChanged(plan: Plan, element: PlanElementViewModel): Promise<void>;
+    planObjectConfigurationChanged(_plan: Plan, element: PlanElementViewModel): Promise<void>;
     addMesh(_planElement: PlanElement, _material: any, _vertices: Float32Array, _indices: Int32Array, _uvCoords: Float32Array, _normals: Float32Array): void;
     updateCameraOnDrawWalls(): void;
     getBounds(): Box3;

package/packages/web-sdk/packages/typings/kernel.d.ts

@@ -147,6 +147,7 @@ export interface UiPossibleChild extends RapiElement {
     isComponent: boolean;
     group: string;
     possible: boolean;
+    subTags: UiPossibleChild[];
 }
 export interface UiPossibleChildTag extends RapiTag {
     possibleChildren: UiPossibleChild[];

package/packages/web-sdk/packages/typings/rapi-types.d.ts

@@ -1,5 +1,6 @@
 import { Enumify } from '../common-core/src/types';
 import { InitDataDefinition } from '../common-core/src/utils/shims';
+import { UiPossibleChild } from './kernel';
 
 export type RapiId = string;
 export type AssetUrl = string;
@@ -19,7 +20,7 @@ export interface RoomleSortable {
 }
 export interface RapiJsonBox {
     meta?: RapiMeta;
-    [key: string]: RapiMeta | RapiJson | RapiJson[];
+    [key: string]: RapiMeta | RapiJson | RapiJson[] | undefined;
 }
 export interface RapiMeta {
     serverTime: string;
@@ -30,8 +31,8 @@ export interface RapiJson {
     id?: RapiId | number;
     isLocally?: boolean;
     __rapi_path__?: string;
-    [key: string]: any;
     links?: LinksCollection;
+    [key: string]: any;
 }
 export interface RapiPackage extends RapiJson {
     components: RapiComponent[];
@@ -82,7 +83,7 @@ export interface RapiMaterialShading {
     thicknessFactor?: number;
     attenuationColor?: RapiBaseColor;
     attenuationDistance?: number;
-    [key: string]: number | boolean | string | RapiBaseColor;
+    [key: string]: number | boolean | string | RapiBaseColor | undefined;
 }
 export interface RapiMaterial extends RapiJson {
     id: RapiId;
@@ -100,7 +101,7 @@ export interface RapiMaterial extends RapiJson {
     additionalInfos?: AdditionalInfo[];
     properties?: Record<string, string>;
     sort?: number;
-    [key: string]: string | RapiMaterialShading | AssetUrl | RapiId | number[] | AdditionalInfo[] | boolean | number | LinksCollection | RapiId[] | Record<string, string>;
+    [key: string]: string | RapiMaterialShading | AssetUrl | RapiId | number[] | AdditionalInfo[] | boolean | number | LinksCollection | RapiId[] | Record<string, string> | undefined;
 }
 export interface RapiMaterialGroup extends RapiJson {
     id: RapiId;
@@ -108,7 +109,7 @@ export interface RapiMaterialGroup extends RapiJson {
     materials: RapiMaterial[];
     legacyId?: RapiId;
     sort?: number;
-    [key: string]: string | RapiMaterial[] | RapiId | boolean | LinksCollection | number;
+    [key: string]: string | RapiMaterial[] | RapiId | boolean | LinksCollection | number | undefined;
 }
 export declare const enum RAPI_TEXTURE_TYPE {
     RGB = "RGB",// diffuse color texture
@@ -132,7 +133,7 @@ export interface RapiTexture extends RapiJson {
     mmWidth: number;
     tileable: boolean;
     material: RapiId;
-    [key: string]: string | number | boolean | AssetUrl | RapiId | LinksCollection;
+    [key: string]: string | number | boolean | AssetUrl | RapiId | LinksCollection | undefined;
 }
 export interface RapiCatalog extends RapiJson {
     id: RapiId;
@@ -165,7 +166,7 @@ export interface RapiCatalog extends RapiJson {
     allTags: RapiTag[];
     rootTags: RapiTag[];
     retailers: RapiRetailer[];
-    [key: string]: string | number | boolean | RapiRetailer | RapiTag | RapiMaterial | RapiComponent | RapiItem | RapiTenant;
+    [key: string]: string | number | boolean | RapiRetailer[] | RapiTag[] | RapiMaterial[] | RapiComponent[] | RapiItem[] | RapiId[] | RapiTenant | LinksCollection | undefined;
 }
 export interface RapiTenant extends RapiJson {
     name: string;
@@ -342,7 +343,7 @@ export interface RapiConfiguration extends RapiJson {
     depth: number;
     catalog?: RapiId;
     assets?: AssetItem;
-    [key: string]: string | number | boolean | AssetUrl | RapiId | LinksCollection | AssetItem;
+    [key: string]: string | number | boolean | AssetUrl | RapiId | LinksCollection | AssetItem | undefined;
 }
 export interface RapiConfigurationEnhanced extends RapiConfiguration {
     label: string;
@@ -357,7 +358,7 @@ export interface RapiElement extends RapiJson, RoomleSortable, Element {
     configuration?: ConfigurationString;
     externalIdentifier: string;
     tags: RapiId[];
-    [key: string]: string | number | boolean | AssetUrl | RapiId | RapiId[] | LinksCollection | AdditionalInfo[] | AssetItem;
+    [key: string]: string | number | boolean | AssetUrl | RapiId | RapiId[] | LinksCollection | AdditionalInfo[] | UiPossibleChild[] | AssetItem | undefined;
 }
 export declare const CATALOG_INFOS_TYPES: {
     readonly PARAMETER: "parameter";
@@ -457,7 +458,7 @@ export interface RapiTagGeneric extends RapiJson {
     catalog: RapiId;
     tags: RapiId[];
     parents: RapiId[];
-    [key: string]: string | number | boolean | AssetUrl | RapiId | RapiId[] | RapiElement[] | RapiMaterial[] | LinksCollection;
+    [key: string]: string | number | boolean | AssetUrl | RapiId | RapiId[] | RapiElement[] | RapiMaterial[] | LinksCollection | undefined;
 }
 export interface RapiTag extends RapiTagGeneric {
     id: RapiId;

package/roomle-embedding-lib.es.js

@@ -4,8 +4,8 @@ class S {
   _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(
+  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)
     );
@@ -17,37 +17,37 @@ class S {
     this._execMessage = e;
   }
   sendMessage(e, t = []) {
-    return new Promise((r, n) => {
+    return new Promise((r, o) => {
       if (this._incomingMessageBus === this._outgoingMessageBus)
         return r(void 0);
       const i = new MessageChannel();
-      i.port1.onmessage = (o) => {
-        if (!o || !o.data)
-          return i.port1.close(), i.port2.close(), n(
+      i.port1.onmessage = (n) => {
+        if (!n || !n.data)
+          return i.port1.close(), i.port2.close(), o(
             new Error(
               this._side + " received message but response can not be interpreted"
             )
           );
         let l;
         try {
-          l = JSON.parse(o.data);
+          l = JSON.parse(n.data);
         } catch (u) {
-          return i.port1.close(), i.port2.close(), this._prepareError(u), n(u);
+          return i.port1.close(), i.port2.close(), this._prepareError(u), o(u);
         }
-        l.error ? n(l.error) : l.result !== void 0 ? r(l.result) : r(void 0), i.port1.close(), i.port2.close();
+        l.error ? o(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: e, args: t });
       } catch {
-        return n(
+        return o(
           new Error(
             this._side + ": can not create command because it is not JSON.stringify able"
           )
         );
       }
       if (!this._outgoingMessageBus)
-        return n(new Error(this._side + ": outgoing bus not set yet"));
+        return o(new Error(this._side + ": outgoing bus not set yet"));
       this._outgoingMessageBus.postMessage(a, "*", [
         i.port2
       ]);
@@ -65,16 +65,16 @@ class S {
             })
           );
         Array.isArray(r.args) || (r.args = [r.args]);
-        const n = this._execMessage(r, e);
-        if (n === void 0)
+        const o = this._execMessage(r, e);
+        if (o === void 0)
           return;
-        n.then(
+        o.then(
           (i = {}) => {
-            let a, o;
-            typeof i == "object" && i !== null && (a = i.error, o = i.result), a ? t.postMessage(
+            let a, n;
+            typeof i == "object" && i !== null && (a = i.error, n = i.result), a ? t.postMessage(
               JSON.stringify({ error: a })
-            ) : o !== void 0 ? t.postMessage(
-              JSON.stringify({ result: o })
+            ) : n !== void 0 ? t.postMessage(
+              JSON.stringify({ result: n })
             ) : t.postMessage(
               JSON.stringify({ result: i })
             );
@@ -117,7 +117,7 @@ const f = ".", _ = {
     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, n = t + "/configurators/" + s, i = "roomle_portal_v2", a = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;" + i), o = () => {
+  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 g = {
       apiKey: i,
       currentTenant: r,
@@ -128,9 +128,9 @@ const f = ".", _ = {
       platform: "web"
     };
     return new Headers(g);
-  }, l = new Request(n, {
+  }, l = new Request(o, {
     method: "GET",
-    headers: o(),
+    headers: n(),
     mode: "cors",
     cache: "default"
   }), u = await fetch(l), { configurator: d } = await u.json();
@@ -163,9 +163,9 @@ const f = ".", _ = {
   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);
+    const o = e[T[t]];
+    if (o)
+      return o.substr(0, 2);
   }
   return "en";
 }, x = (s, e) => {
@@ -204,7 +204,8 @@ const k = (s) => JSON.parse(JSON.stringify(s)), G = {
   featureFlags: {
     mocAr: !0,
     wallAutoHeight: !1,
-    openCloseAnimation: !1
+    openCloseAnimation: !1,
+    enableTwoLevelCatalog: !1
   },
   rotationSnapDegrees: 10,
   interactionsCollapsed: !1
@@ -218,8 +219,8 @@ const k = (s) => JSON.parse(JSON.stringify(s)), G = {
   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);
+      for (const o of r)
+        E(o);
     (r === "true" || r === "false") && (s[t] = r === "true");
   }
 }, $ = (s, e) => {
@@ -263,39 +264,39 @@ class A {
   }
   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() {
+    t.forEach((o) => {
+      const i = o.split(f), a = i[0], n = i[1];
+      this[a] || (this[a] = {}), this[a][n] = (function() {
         if (!this._messageHandler) {
           console.error("MessageHandler not set");
           return;
         }
-        return this._messageHandler.sendMessage(n, [...arguments]);
+        return this._messageHandler.sendMessage(o, [...arguments]);
       }).bind(this);
-    }), 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] = () => {
+    }), 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] = () => {
       };
     }), this.isSetupDone = !0;
   }
   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](
+    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
       );
-      return o instanceof Promise ? o.then((l) => ({ result: l })) : o !== void 0 ? Promise.resolve({ result: o }) : Promise.resolve({ result: null });
+      return n instanceof Promise ? n.then((l) => ({ result: l })) : n !== void 0 ? Promise.resolve({ result: n }) : Promise.resolve({ result: null });
     }
     return Promise.reject('Message "' + e + '" is unkown');
   }
   setupPlugins(e, t, r = "website") {
-    for (const n of e)
-      typeof n == "string" && n === "dragIn" ? this.pluginsLoaded.push(
+    for (const o of e)
+      typeof o == "string" && o === "dragIn" ? this.pluginsLoaded.push(
         new Promise((i, a) => {
           try {
-            import("./drag-in-DuufO5eB.mjs").then((o) => o.l).then(
-              ({ DragIn: o }) => {
-                const l = new o(
+            import("./drag-in-BEjBh6zz.mjs").then((n) => n.l).then(
+              ({ DragIn: n }) => {
+                const l = new n(
                   this.ui,
                   t,
                   r,
@@ -306,26 +307,26 @@ class A {
                 }, a);
               }
             );
-          } catch (o) {
-            a(o);
+          } catch (n) {
+            a(n);
           }
         })
-      ) : n.name && n.loader && this.pluginsLoaded.push(
+      ) : o.name && o.loader && this.pluginsLoaded.push(
         new Promise((i, a) => {
           try {
-            n.loader().then((o) => {
-              const l = new o(
+            o.loader().then((n) => {
+              const l = new n(
                 this.ui,
                 t,
                 r,
                 this.viewName
               );
               l.init().then(() => {
-                this.plugins[n.name] = l, i();
+                this.plugins[o.name] = l, i();
               }, a);
             });
-          } catch (o) {
-            a(o);
+          } catch (n) {
+            a(n);
           }
         })
       );
@@ -333,8 +334,8 @@ class A {
 }
 const M = () => {
   let s, e;
-  return { promise: new Promise((r, n) => {
-    s = r, e = n;
+  return { promise: new Promise((r, o) => {
+    s = r, e = o;
   }), resolve: s, reject: e };
 }, R = (s, e, t) => {
   let r = null;
@@ -342,10 +343,10 @@ const M = () => {
     get() {
       return r || t;
     },
-    set(n) {
-      n?.mute ? r = n.value : (console.warn(
+    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 = n);
+      ), console.warn("{ mute: true, value: () => void }"), r = o);
     }
   });
 }, L = () => window.innerHeight * 0.01 + "px", I = (s) => {
@@ -362,24 +363,24 @@ const M = () => {
   OVERFLOW_HIDDEN: "rml-overflow-hidden"
 }, p = /* @__PURE__ */ new Map();
 class X extends A {
-  static createPlanner(e, t, r, n = []) {
+  static createPlanner(e, t, r, o = []) {
     return this._create(
       e,
       t,
       r,
-      n
+      o
     );
   }
   static async connect(e, t = []) {
     const r = new A();
     r.viewName = e;
-    const { resolve: n, promise: i } = M(), { resolve: a, promise: o } = M(), l = ({
+    const { resolve: o, promise: i } = M(), { resolve: a, promise: n } = M(), l = ({
       message: g,
       args: h
     }) => {
       switch (g) {
         case m.REGISTER_CUSTOM_VIEW_DONE:
-          n();
+          o();
           break;
         case m.RETURN_METHODS:
           r.handleSetup(h[0]), a();
@@ -399,7 +400,7 @@ class X extends A {
     return u.sendMessage(
       m.REGISTER_CUSTOM_VIEW,
       d
-    ), await i, u.sendMessage(m.GET_METHODS, d), await o, r.setupPlugins(
+    ), await i, u.sendMessage(m.GET_METHODS, d), await n, r.setupPlugins(
       t,
       document.body,
       "custom-view"
@@ -411,12 +412,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, n = []) {
+  static createConfigurator(e, t, r, o = []) {
     return this._create(
       e,
       t,
       r,
-      n
+      o
     );
   }
   /**
@@ -426,12 +427,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, n) {
+  static create(e, t, r, o) {
     return this._create(
       e,
       t,
       r,
-      n
+      o
     );
   }
   /**
@@ -440,37 +441,37 @@ 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, n = []) {
+  static createViewer(e, t, r, o = []) {
     return this._create(
       e,
       t,
       r,
-      n
+      o
     );
   }
-  static async _create(e, t, r, n) {
+  static async _create(e, t, r, o) {
     return new Promise(async (i, a) => {
       try {
-        const o = O(
+        const n = O(
           z(),
           V(r)
         );
-        K(o);
+        K(n);
         const l = await C(
           e,
-          o
+          n
         );
-        r = $(l, o);
+        r = $(l, n);
         const u = new this(
           l,
           t,
           r,
-          n,
+          o,
           i
         );
         return await Promise.allSettled(u.pluginsLoaded), u;
-      } catch (o) {
-        return a(o);
+      } catch (n) {
+        return a(n);
       }
     });
   }
@@ -479,7 +480,7 @@ class X extends A {
   _configuratorSettings;
   _initData = {};
   _iframe;
-  constructor(e, t, r, n, i) {
+  constructor(e, t, r, o, 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"
@@ -503,15 +504,15 @@ class X extends A {
       `, document.head.appendChild(d);
     }
     this._executeMessage = this._executeMessage.bind(this);
-    const o = new S(
+    const n = 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;
+    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(n, this._iframe), p.set(t, !0);
+    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);
   }
   teardown() {
     this._container && p.delete(this._container);

package/roomle-embedding-lib.es.min.js

@@ -1 +1 @@
-class e{_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 n="";try{n=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(n,"*",[i.port2])})}_handleMessage(e){const t=e.ports&&Array.isArray(e.ports)&&e.ports.length>0?e.ports[0]:null;if(e.data&&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 t=["127.0.0.1","localhost","0.0.0.0"],s=["language","browserLanguage","userLanguage","systemLanguage"],r=(e,t)=>{for(const s in t)try{t[s].constructor===Object?e[s]=r(e[s],t[s]):e[s]=t[s]}catch{e[s]=t[s]}return e};var i=(e=>(e.BOTTOM_BAR="bottom_bar",e.PARTLIST_BOUNDS="partlist_bounds",e.INTERACTION_NOTES="interaction_notes",e.PARAMETER_GROUPS="parameter_groups",e))(i||{});const n={mobileLandscape:!0,floorMaterialRootTag:"materials_root",buttons:{renderimage:!0,requestproduct:!0,requestplan:!0,load_product:!0,partlist_print:!0},elements:{[i.INTERACTION_NOTES]:!0},helpcenter:{roomdesigner:!0,configurator:!1,disable:!1},firstPersonView:!0,saveToIdb:!0,featureFlags:{mocAr:!0,wallAutoHeight:!1,openCloseAnimation:!1},rotationSnapDegrees:10,interactionsCollapsed:!1},a=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&&a(t),Array.isArray(t))for(const e of t)a(e);("true"===t||"false"===t)&&(e[s]="true"===t)}},o=()=>/(android)/i.test(navigator.userAgent);class l{_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("."),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("."),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("."),r=s[0],i=s[1],n=3===s.length?s[2]:null;if(n&&this[r][i][n]){const e=this[r][i][n](...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("./drag-in-DTA1FCDc.mjs").then(e=>e.l).then(({DragIn:i})=>{const n=new i(this.ui,t,s,this.viewName);n.init().then(()=>{this.plugins.dragIn=n,e()},r)})}catch(e){r(e)}})):r.name&&r.loader&&this.pluginsLoaded.push(new Promise((e,i)=>{try{r.loader().then(n=>{const a=new n(this.ui,t,s,this.viewName);a.init().then(()=>{this.plugins[r.name]=a,e()},i)})}catch(e){i(e)}}))}}const c=()=>{let e,t;return{promise:new Promise((s,r)=>{e=s,t=r}),resolve:e,reject:t}},u=(e,t,s)=>{let r=null;Object.defineProperty(e,t,{get:()=>r||s,set(e){r=e?.mute?e.value:e}})},g=()=>.01*window.innerHeight+"px",d=e=>{e&&setTimeout(()=>e.style.setProperty(m,g()),0)},h="rml-styles",m="--rml-full-height",p="rml-container",f="rml-fill",_="rml-pos",w="rml-android-height",y="rml-overflow-hidden",b=new Map;class M extends l{static createPlanner(e,t,s,r=[]){return this._create(e,t,s,r)}static async connect(t,s=[]){const r=new l;r.viewName=t;const{resolve:i,promise:n}=c(),{resolve:a,promise:o}=c(),u=new e("custom-view-"+t,window,window.parent,({message:e,args:t})=>{switch(e){case"registerCustomViewDone":i();break;case"returnMethods":r.handleSetup(t[0]),a();break;default:if(r.isSetupDone)return r.executeMessage({message:e,args:t})}});r.setMessageHandler(u);const g=[t];return u.sendMessage("registerCustomView",g),await n,u.sendMessage("getMethods",g),await o,r.setupPlugins(s,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 async _create(e,i,o,l){return new Promise(async(c,u)=>{try{const u=r((()=>{const e=(e=>JSON.parse(JSON.stringify(e)))(n);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,r=s.length;e<r;e++){const r=t[s[e]];if(r)return r.substr(0,2)}return"en"})()),"(idle)"===e.id&&delete e.id;const r=(()=>{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 r&&(e=>!!(t.includes(e)||e.endsWith("roomle.com")||e.endsWith("gitlab.io")||e.endsWith("gitlab.com")))(r)&&(e.configuratorId="demoConfigurator"),e.customApiUrl=void 0,e.emails=!1,e})(),(a(g=o),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(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,n="roomle_portal_v2",a="03-"+window.btoa((new Date).toISOString()+";anonymous;"+n),o=new Request(i,{method:"GET",headers:new Headers({apiKey:n,currentTenant:r,locale:"en",language:"en",device:1,token:a,platform:"web"}),mode:"cors",cache:"default"}),l=await fetch(o),{configurator:c}=await l.json();return c})(e,u);o=((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 r(s,t)})(s,t)})(d,u);const h=new this(d,i,o,l,c);return await Promise.allSettled(h.pluginsLoaded),h}catch(e){return u(e)}var g})}_waitForIframe;_container;_configuratorSettings;_initData={};_iframe;constructor(t,s,r,i,n){if(super(),!t||"string"!=typeof t.id)throw new Error("Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person");if(b.has(s))throw new Error("There is already an instance on this DOM element");if(!document.getElementById(h)){const e=r.zIndex||9999999,t=document.createElement("style");t.type="text/css",t.id=h;const s="transition:all ease-in-out 450ms;",i=["-webkit-","-o-"].reduce((e,t)=>e+(t+s),"")+s,n=g();t.innerHTML=`\n        .${p}{${m}:${n};}\n        .${_}{position:fixed;top:0;left:0;z-index:${e};opacity:0}\n        .rml-transition{${i}}\n        .${f}{width:100%;height:100%;opacity:1}\n        .${w}{height:calc(var(${m},1vh)*100)}\n        .${y}{overflow:hidden}\n      `,document.head.appendChild(t)}this._executeMessage=this._executeMessage.bind(this);const a=new e("website",window,null,this._executeMessage);this.setMessageHandler(a),this._onResize=this._onResize.bind(this),o()&&window.addEventListener("resize",this._onResize),this._container=s,this._initData=r,this._configuratorSettings=t;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(i,this._iframe),b.set(s,!0)}teardown(){this._container&&b.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(p),e.classList.add(f),e}_onResize(){d(this._iframe)}_onUseFullPage(){this._iframe.classList.add(_),document.documentElement.classList.add(y),window.document.body.classList.add(y),o()&&(d(this._iframe),this._iframe.classList.add(w))}_onBackToWebsite(){this._iframe.classList.remove(_),this._iframe.classList.remove(w),document.documentElement.classList.remove(y),window.document.body.classList.remove(y)}_executeMessage({message:e,args:t},s){if(s.source&&s.source===this._iframe?.contentWindow)return"requestBoot"===e?this._messageHandler?(this._messageHandler.setOutgoingMessageBus(s.source),Promise.resolve({result:this._initData})):Promise.resolve({error:"MessageHandler not set"}):"setup"===e?(this.handleSetup(t[0]),u(this.ui.callbacks,"onUseFullPage",this._onUseFullPage),u(this.ui.callbacks,"onBackToWebsite",this._onBackToWebsite),this._waitForIframe(this),setTimeout(()=>{this._messageHandler&&this._messageHandler.sendMessage("websiteReady")},0),Promise.resolve({result:null})):this.executeMessage({message:e,args:t})}}export{M as default};
+class e{_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 n="";try{n=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(n,"*",[i.port2])})}_handleMessage(e){const t=e.ports&&Array.isArray(e.ports)&&e.ports.length>0?e.ports[0]:null;if(e.data&&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 t=["127.0.0.1","localhost","0.0.0.0"],s=["language","browserLanguage","userLanguage","systemLanguage"],r=(e,t)=>{for(const s in t)try{t[s].constructor===Object?e[s]=r(e[s],t[s]):e[s]=t[s]}catch{e[s]=t[s]}return e};var i=(e=>(e.BOTTOM_BAR="bottom_bar",e.PARTLIST_BOUNDS="partlist_bounds",e.INTERACTION_NOTES="interaction_notes",e.PARAMETER_GROUPS="parameter_groups",e))(i||{});const n={mobileLandscape:!0,floorMaterialRootTag:"materials_root",buttons:{renderimage:!0,requestproduct:!0,requestplan:!0,load_product:!0,partlist_print:!0},elements:{[i.INTERACTION_NOTES]:!0},helpcenter:{roomdesigner:!0,configurator:!1,disable:!1},firstPersonView:!0,saveToIdb:!0,featureFlags:{mocAr:!0,wallAutoHeight:!1,openCloseAnimation:!1,enableTwoLevelCatalog:!1},rotationSnapDegrees:10,interactionsCollapsed:!1},a=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&&a(t),Array.isArray(t))for(const e of t)a(e);("true"===t||"false"===t)&&(e[s]="true"===t)}},o=()=>/(android)/i.test(navigator.userAgent);class l{_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("."),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("."),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("."),r=s[0],i=s[1],n=3===s.length?s[2]:null;if(n&&this[r][i][n]){const e=this[r][i][n](...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("./drag-in-BmoiEqfA.mjs").then(e=>e.l).then(({DragIn:i})=>{const n=new i(this.ui,t,s,this.viewName);n.init().then(()=>{this.plugins.dragIn=n,e()},r)})}catch(e){r(e)}})):r.name&&r.loader&&this.pluginsLoaded.push(new Promise((e,i)=>{try{r.loader().then(n=>{const a=new n(this.ui,t,s,this.viewName);a.init().then(()=>{this.plugins[r.name]=a,e()},i)})}catch(e){i(e)}}))}}const c=()=>{let e,t;return{promise:new Promise((s,r)=>{e=s,t=r}),resolve:e,reject:t}},u=(e,t,s)=>{let r=null;Object.defineProperty(e,t,{get:()=>r||s,set(e){r=e?.mute?e.value:e}})},g=()=>.01*window.innerHeight+"px",d=e=>{e&&setTimeout(()=>e.style.setProperty(m,g()),0)},h="rml-styles",m="--rml-full-height",p="rml-container",f="rml-fill",_="rml-pos",w="rml-android-height",y="rml-overflow-hidden",b=new Map;class M extends l{static createPlanner(e,t,s,r=[]){return this._create(e,t,s,r)}static async connect(t,s=[]){const r=new l;r.viewName=t;const{resolve:i,promise:n}=c(),{resolve:a,promise:o}=c(),u=new e("custom-view-"+t,window,window.parent,({message:e,args:t})=>{switch(e){case"registerCustomViewDone":i();break;case"returnMethods":r.handleSetup(t[0]),a();break;default:if(r.isSetupDone)return r.executeMessage({message:e,args:t})}});r.setMessageHandler(u);const g=[t];return u.sendMessage("registerCustomView",g),await n,u.sendMessage("getMethods",g),await o,r.setupPlugins(s,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 async _create(e,i,o,l){return new Promise(async(c,u)=>{try{const u=r((()=>{const e=(e=>JSON.parse(JSON.stringify(e)))(n);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,r=s.length;e<r;e++){const r=t[s[e]];if(r)return r.substr(0,2)}return"en"})()),"(idle)"===e.id&&delete e.id;const r=(()=>{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 r&&(e=>!!(t.includes(e)||e.endsWith("roomle.com")||e.endsWith("gitlab.io")||e.endsWith("gitlab.com")))(r)&&(e.configuratorId="demoConfigurator"),e.customApiUrl=void 0,e.emails=!1,e})(),(a(g=o),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(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,n="roomle_portal_v2",a="03-"+window.btoa((new Date).toISOString()+";anonymous;"+n),o=new Request(i,{method:"GET",headers:new Headers({apiKey:n,currentTenant:r,locale:"en",language:"en",device:1,token:a,platform:"web"}),mode:"cors",cache:"default"}),l=await fetch(o),{configurator:c}=await l.json();return c})(e,u);o=((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 r(s,t)})(s,t)})(d,u);const h=new this(d,i,o,l,c);return await Promise.allSettled(h.pluginsLoaded),h}catch(e){return u(e)}var g})}_waitForIframe;_container;_configuratorSettings;_initData={};_iframe;constructor(t,s,r,i,n){if(super(),!t||"string"!=typeof t.id)throw new Error("Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person");if(b.has(s))throw new Error("There is already an instance on this DOM element");if(!document.getElementById(h)){const e=r.zIndex||9999999,t=document.createElement("style");t.type="text/css",t.id=h;const s="transition:all ease-in-out 450ms;",i=["-webkit-","-o-"].reduce((e,t)=>e+(t+s),"")+s,n=g();t.innerHTML=`\n        .${p}{${m}:${n};}\n        .${_}{position:fixed;top:0;left:0;z-index:${e};opacity:0}\n        .rml-transition{${i}}\n        .${f}{width:100%;height:100%;opacity:1}\n        .${w}{height:calc(var(${m},1vh)*100)}\n        .${y}{overflow:hidden}\n      `,document.head.appendChild(t)}this._executeMessage=this._executeMessage.bind(this);const a=new e("website",window,null,this._executeMessage);this.setMessageHandler(a),this._onResize=this._onResize.bind(this),o()&&window.addEventListener("resize",this._onResize),this._container=s,this._initData=r,this._configuratorSettings=t;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(i,this._iframe),b.set(s,!0)}teardown(){this._container&&b.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(p),e.classList.add(f),e}_onResize(){d(this._iframe)}_onUseFullPage(){this._iframe.classList.add(_),document.documentElement.classList.add(y),window.document.body.classList.add(y),o()&&(d(this._iframe),this._iframe.classList.add(w))}_onBackToWebsite(){this._iframe.classList.remove(_),this._iframe.classList.remove(w),document.documentElement.classList.remove(y),window.document.body.classList.remove(y)}_executeMessage({message:e,args:t},s){if(s.source&&s.source===this._iframe?.contentWindow)return"requestBoot"===e?this._messageHandler?(this._messageHandler.setOutgoingMessageBus(s.source),Promise.resolve({result:this._initData})):Promise.resolve({error:"MessageHandler not set"}):"setup"===e?(this.handleSetup(t[0]),u(this.ui.callbacks,"onUseFullPage",this._onUseFullPage),u(this.ui.callbacks,"onBackToWebsite",this._onBackToWebsite),this._waitForIframe(this),setTimeout(()=>{this._messageHandler&&this._messageHandler.sendMessage("websiteReady")},0),Promise.resolve({result:null})):this.executeMessage({message:e,args:t})}}export{M as default};