@roomle/embedding-lib 5.30.0-alpha.1 → 5.30.0-alpha.3

package/packages/web-sdk/packages/homag-intelligence/src/homag-intelligence.d.ts

@@ -22,19 +22,17 @@ export type ExternalConfigurations = Map<string, ExternalConfiguration>;
 export declare class HomagIntelligence extends RmlPlugin {
     private _roomlePlanner;
     private _api;
-    private _masterData;
     private _glueLogic;
-    private _articles;
-    private _scriptLoaded;
-    private _hiLibraryLoaded;
     private _orders;
     constructor();
-    loadHiLibrary(libraryId: string, hiCallbacks: HiCallbacks): Promise<{
-        articles: any;
+    init(roomlePlanner: RoomlePlanner, hiOptions: HomagIntelligenceInitData, hiCallbacks: HiCallbacks): Promise<this>;
+    loadLibrary(libraryId: string): Promise<void>;
+    loadCatalog(libraryId: string, articles: any, catalogCallbacks: HiTagCatalogCallbacks): Promise<void>;
+    private _loadLibraryData;
+    _requestHiLibrary(libraryId: string, hiCallbacks: HiCallbacks): Promise<{
         masterData: MasterData;
-        calcScriptLoaded: boolean;
+        libraryExports: any;
     }>;
-    init(articles: any, catalogCallbacks: HiTagCatalogCallbacks, roomlePlanner: RoomlePlanner, hiOptions: HomagIntelligenceInitData, hiCallbacks: HiCallbacks): Promise<this>;
     private _loadMasterData;
     private _initCalcScript;
     getGlueLogic(): GlueLogic;

package/packages/web-sdk/packages/planner-core/src/external-object-api.d.ts

@@ -1,4 +1,4 @@
-import { PosContour } from '../../homag-intelligence/src/model/oc-scripts-domain.model';
+import { CheckResult, PosContour } from '../../homag-intelligence/src/model/oc-scripts-domain.model';
 
 export interface ExternalObjectUiSliderRange {
     min: number;
@@ -39,6 +39,12 @@ export interface ExternalObjectModuleIdMap {
     originalModuleId: string;
     newModuleId: string;
 }
+export declare const HI_CONTEXT_ACTION: {
+    readonly NONE: "none";
+    readonly ROOM: "room";
+    readonly ISOLATION: "isolation";
+};
+export type HiContextAction = typeof HI_CONTEXT_ACTION[keyof typeof HI_CONTEXT_ACTION];
 export interface ExternalObjectAPI {
     /**
      * With "configureExternalObjectApi" the default representation of the objects and UI and
@@ -48,11 +54,17 @@ export interface ExternalObjectAPI {
      */
     configureExternalObjectApi(configurationJson: string | ExternalObjectApiConfiguration): Promise<void>;
     /**
-     * "loadExternalObjectLibrary" loads the master data of a library.
+     * "loadExternalObjectLibrary" loads and external object library.
+     * The library data is requested via the HiCallbacks.
+     * @param libraryId The library Id.
+     */
+    loadExternalObjectLibrary(libraryId: string): void;
+    /**
+     * "loadExternalObjectMasterData" loads the master data of a library.
      * If master data has already been loaded for the library, it is completely replaced by the new master data.
      * @param libraryJson The library JSON as string or object.
      */
-    loadExternalObjectLibrary(libraryJson: string | object): void;
+    loadExternalObjectMasterData(masterDataJson: string | object): void;
     /**
      * "loadExternalObjectGroup" loads a group of modules and places them in the plan.
      * If the group has already been loaded, it is completely replaced by the new group.
@@ -79,6 +91,18 @@ export interface ExternalObjectAPI {
      * @param attributeValue The new value of the attribute (string or boolean).
      */
     updateExternalObjectGroupAttribute(rootModuleId: string, moduleId: string, attributeId: string, attributeValue: string | boolean): void;
+    /**
+     * "getExternalObjectAttributeOptions" returns the possible selection for attributes of all loaded libraries.
+     * @param module The module for which the attribute selection should be returned.
+     * @param attributeIds The IDs of the attributes. If not specified, the options for all attributes of the module are returned.
+     */
+    getExternalObjectAttributeOptions(moduleId: string, attributeIds?: string | string[]): Promise<Record<string, CheckResult> | undefined>;
+    /**
+     * Updates the additional info of a module.
+     * @param moduleId The root module for which the additional info should be updated.
+     * @param additionalInfo The new additional info for the module.
+     */
+    updateExternalObjectAdditionalInfo(rootModuleId: string, additionalInfo: string): void;
     /**
      * "renderImagesOfExternalObjectGroups" renders images of groups of modules.
      * @param groupJson The group JSON as string or object.
@@ -87,37 +111,43 @@ export interface ExternalObjectAPI {
         [key: string]: string;
     }>;
     /**
-     * "removeExternalObjectGroup" removes a group and all its modules from the plan.
-     * @param groupId The ID of the group of modules.
-     * @param wasMerged Should be set to true if the group has been merged with another group (this is required to generate correct undo/redo steps).
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
      */
     removeExternalObjectGroup(groupId: string, wasMerged: boolean): void;
     /**
-     * "removeExternalObjectRootModule" removes a root module from a group and splits the remaining group if the removed root module is located between other root modules.
-     * If the group consists of only one root module, the group is removed.
-     * @param groupId The ID of the root module.
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
      */
     removeExternalObjectRootModule(rootModuleId: string): void;
     /**
-     * "selectExternalObjectGroup" changes the selected object in the scene.
-     * The function selects a complete group of root modules and always switches to planning mode.
-     * If the group consists of only one root module, this is equivalent to selecting a single root module.
-     * @param groupId The ID of the group of modules.
+     * "removeExternalObject" removes a group or root module from the plan.
+     * If the removed root module is located between other root modules the remaining group is split up in multiple groups.
+     * @param groupOrRootModuleId The ID of the group or root module to be removed.
+     */
+    removeExternalObject(groupOrRootModuleId: string): void;
+    /**
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
      */
     selectExternalObjectGroup(groupId: string): Promise<void>;
     /**
-     * "selectExternalObjectRootModule" changes the selected object in the scene.
-     * The function selects a root module within a group and always switches to planning mode.
-     * @param rootModuleId The ID of the root module.
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
      */
     selectExternalObjectRootModule(rootModuleId: string): Promise<void>;
     /**
-     * "selectExternalObjectSubModule" changes the selected object in the scene.
-     * The function selects a sub module a root module and always switches to configuration mode.
-     * @param rootModuleId The ID of the root module.
-     * @param subModuleId The ID of the sub module.
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
      */
     selectExternalObjectSubModule(rootModuleId: string, subModuleId: string): Promise<void>;
+    /**
+     * "selectExternalObject" changes the selected object in the scene.
+     * The function selects either a complete group of root modules or a single root module or a single sub module.
+     * If the contextAction is set the function switches to the defined context.
+     * In isolation mode and shows only the group which belongs to the selected object.
+     * If the scene is already in isolation mode and a group is selected, the group in the object in the scene is replaced by the newly selected group.
+     * If a sub module is selected, the isolation mode is always activated.
+     * @param groupOrRootModuleId The ID of the group or root module that should be selected.
+     * @param subModuleId The optional ID of the sub module that should be selected.
+     * @param contextAction The context action defines whether the selection is done in room context or isolation context or no context change is done.
+    */
+    selectExternalObject(groupOrRootModuleId: string, subModuleId: string | null, contextAction: HiContextAction): Promise<void>;
     /**
      * "openOrCloseGeometryOfExternalObject" switches the geometry of the modules between closed and open representation.
      * The function can switch the geometry of the group or the singe root module with the ID "groupIdOrRootModuleId".

package/packages/web-sdk/packages/planner-core/src/roomle-planner.d.ts

@@ -21,7 +21,7 @@ import { default as PlanElementViewModel } from '../../common-core/src/view-mode
 import { default as WallPlanElementViewModel } from './view-model/wall-plan-element-view-model';
 import { default as ConfiguratorContext } from '../../common-core/src/webgl/configurator-context';
 import { default as IdbManager } from '../../common-core/src/services/idb-manager';
-import { ExternalObjectAPI, ExternalObjectApiConfiguration, ExternalObjectModuleIdMap, ExternalRoomInformation } from './external-object-api';
+import { ExternalObjectAPI, ExternalObjectApiConfiguration, ExternalObjectModuleIdMap, ExternalRoomInformation, HiContextAction } from './external-object-api';
 import { GlobalCallback } from '../../common-core/src/services/global-callback';
 import { ExternalGroupData, ExternalObject, ExtObjId } from '../../typings/external-objects';
 import { PluginName } from '../../configurator-core/src/utils/plugin-types';
@@ -29,10 +29,12 @@ import { Nullable } from '../../typings/helper';
 import { MaybePromise } from '../../common-core/src/utils/common-utils';
 import { HomagIntelligence } from '../../homag-intelligence/src/homag-intelligence';
 import { RoomleLightSource } from '../../common-core/src/light/light-source';
-import { HomagIntelligenceInitData } from '../../homag-intelligence/src/loader';
+import { AnimationKeyAndValue } from '../../configurator-core/src/utils/animation/animation-value-map';
+import { CheckResult } from '../../homag-intelligence/src/model/oc-scripts-domain.model';
 
 export type ID_TYPE = 'rml_id' | 'tc_id' | 'rml_serialized' | 'tc_serialized';
 export declare const EXT_OBJ_EXCEPTION = "Could not retrieve configuration for external object! Did you implement onGetConfigurationForExternalObject?";
+export declare const OPEN_CLOSE_ANIMATION_KEY = "openClose";
 export interface RoomlePlannerCallback {
     switchToConfigurator: () => Promise<Configurator>;
     switchToViewer: () => Promise<GlbViewer>;
@@ -433,26 +435,46 @@ export default class RoomlePlanner<P extends readonly PluginName[] = readonly []
     disableEvents(): void;
     downloadHomagIxExportPoC(): Promise<any>;
     configureExternalObjectApi(configurationJson: string | ExternalObjectApiConfiguration): Promise<void>;
-    loadExternalObjectLibrary(libraryJson: string | object): void;
+    loadExternalObjectLibrary(libraryId: string): Promise<void>;
+    loadExternalObjectMasterData(masterDataJson: string | object): void;
     loadExternalObjectGroup(groupData: ExternalGroupData, findFreeSpaceInPlan: boolean, correctArrangement?: boolean, mergedGroups?: string[], respondWithPositionInPlan?: boolean, moduleIdMap?: ExternalObjectModuleIdMap[]): Promise<void>;
     private _loadExternalObjectGroup;
     private _loadExternalObjectGroupInConfigurator;
     private _loadExternalObjectGroupInPlanner;
     private _updateExternalObjectRootModuleSelection;
     private _loadOrUpdateExternalObjectGroup;
-    updateExternalObjectGroupAttribute(rootModuleId: string, moduleId: string, attributeId: string, attributeValue: string | boolean): void;
+    updateExternalObjectGroupAttribute(rootModuleId: string, moduleId: string, attributeId: string, attributeValue: string | boolean): Promise<void>;
+    getExternalObjectAttributeOptions(moduleId: string, attributeIds?: string | string[]): Promise<Record<string, CheckResult> | undefined>;
+    updateExternalObjectAdditionalInfo(rootModuleId: string, additionalInfo: string): Promise<void>;
     private _createSerializedGroupCollection;
     private _getFaceTheCameraAngle;
     renderImagesOfExternalObjectGroup(groups: object): Promise<{
         [key: string]: string;
     }>;
-    removeExternalObjectGroup(groupId: string, wasMerged?: boolean): void;
+    /**
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
+     */
+    removeExternalObjectGroup(groupId: string, _wasMerged?: boolean): void;
+    /**
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
+     */
     removeExternalObjectRootModule(rootModuleId: string): void;
+    removeExternalObject(groupOrRootModuleId: string): void;
+    /**
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
+     */
     selectExternalObjectGroup(groupId: string): Promise<void>;
+    /**
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
+     */
     selectExternalObjectRootModule(rootModuleId: string): Promise<void>;
+    /**
+     * Deprecated API that can be deleted once the new API is fully integrated into the OC.
+     */
     selectExternalObjectSubModule(rootModuleId: string, subModuleId: string): Promise<void>;
+    selectExternalObject(groupOrRootModuleId: string, subModuleId: string | null, contextAction: HiContextAction): Promise<void>;
+    private _switchExternalObjectMode;
     openOrCloseGeometryOfExternalObject(groupIdOrRootModuleId: string, _subModuleId: string | null, open: boolean, animate: boolean): void;
-    private _selectKernelComponent;
     _selectExternalObjectGroup(groupId: string, switchToPlanner: boolean): Promise<void>;
     _selectExternalObjectModule(rootModuleId: string, subModuleId: string | null, selectPlanObject: boolean, switchToConfigurator: boolean, selectComponent: boolean, highlightSelection: boolean): Promise<void>;
     private _selectPlanObject;
@@ -560,5 +582,13 @@ export default class RoomlePlanner<P extends readonly PluginName[] = readonly []
     getOrderManagerGroupData(planId?: string): Promise<any>;
     getRapiAccess(): RapiAccess;
     canElementBeDeleted(planElement: PlanElementViewModel): boolean;
-    setupHomagIntelligence(hi: HomagIntelligenceInitData): Promise<void>;
+    getElementOpenCloseAnimation(planElement: PlanElementViewModel): AnimationKeyAndValue | null;
+    /**
+     * Sets up the Homag Intelligence module
+     * This is done by default when the planner is initialized with HI data
+     * or when loading an external object library
+     */
+    setupHomagIntelligence(): Promise<void>;
+    private _loadHomagIntelligenceArticles;
+    sidebarHasChanged(viewName: string): void;
 }

package/packages/web-sdk/packages/planner-core/src/services/planner-kernel-access.d.ts

@@ -1,4 +1,4 @@
-import { KernelComponent, KernelEnum, RuntimeId, PlanObject as ConfiguratorPlanObject } from '../../../typings/kernel';
+import { KernelAnimation, KernelComponent, KernelEnum, RuntimeId, PlanObject as ConfiguratorPlanObject } from '../../../typings/kernel';
 import { default as PlanObjectViewModel } from '../../../common-core/src/view-model/plan-object-view-model';
 import { KernelObject, Plan, PlanElement, PlanInteractionHandler, PlanModelViewHelper, PlanObject } from '../../../typings/planner';
 import { RapiConfiguration, RapiItem, RapiPlanSnapshotPostData } from '../../../typings/rapi-types';
@@ -8,6 +8,7 @@ import { Position3 } from '../../../common-core/src/common-interfaces';
 import { default as ConfiguratorKernelAccess } from '../../../common-core/src/configurator-kernel-access';
 import { ExternalObjectApiConfiguration } from '../external-object-api';
 import { ExternalObjectGroup } from '../external-object-api-callbacks';
+import { AnimationLevelType } from '../../../configurator-core/src/utils/animation/animation-helper';
 
 export interface PlannerKernelCallbackI {
     handlerSwitchedPlans(fromPlan: Plan, toPlan: Plan): void;
@@ -113,4 +114,5 @@ export default class PlannerKernelAccess extends ConfiguratorKernelAccess {
     dockExternalObjectComponent(parentId: number, parentDockId: number, childId: number, childDockId: number): void;
     configureExternalObjectApi(externalObjectSettings?: ExternalObjectApiConfiguration): Promise<void>;
     setComponentParameter(componentId: number, interactionKey: string, newValue: any): void;
+    protected _getAnimationLevelForObject(runtimeId: number, _animation: KernelAnimation): AnimationLevelType;
 }

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

@@ -142,8 +142,9 @@ export default class PlannerSceneEventHandler extends SceneEventHandler<SceneEve
     enableAdvancedDocking(): void;
     disableAdvancedDocking(): void;
     showsChildrenOfPlanObject(object: KernelObject): boolean;
-    enableShowChildrenOfPlanObject(object: KernelObject): KernelObject | null;
+    enableShowChildrenOfPlanObject(object: KernelObject, switchChildModeOffForAllOtherObjects?: boolean): KernelObject | null;
     disableShowChildrenOfPlanObject(object: KernelObject): KernelObject | null;
+    disableShowChildrenOfAllPlanObjects(): void;
     private _checkRaycasterSnapping;
     enableWallDrawing(): Group;
     cancelWallDrawing(): Group;

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

@@ -22,6 +22,7 @@ import { default as PlannerFpCameraBehaviour } from '../../../common-core/src/ca
 import { EMSConstant } from '../../../typings/planner-kernel-container';
 import { default as InitData } from '../../../common-core/src/utils/init-data';
 import { RoomleLightSource } from '../../../common-core/src/light/light-source';
+import { HomagIntelligence } from '../../../homag-intelligence/src/homag-intelligence';
 
 export declare function isLockedElement(planElementViewModel: PlanElementViewModel, initData: InitData): boolean;
 declare const SET_WALL_MATERIAL_TYPE: {
@@ -36,6 +37,7 @@ export default class PlannerSceneManager extends ConfiguratorSceneManager implem
     private _localStorageHelper;
     private _plannerSceneEventHandler;
     private _roomlePlannerCallback;
+    private _homagIntelligence;
     private _itemsLoadingStatePromises;
     private _sky;
     private _drawingEnabled;
@@ -53,6 +55,7 @@ export default class PlannerSceneManager extends ConfiguratorSceneManager implem
     private _planElementHighlighter;
     private _debugSpheres;
     constructor(creator: string, offset: CanvasOffset, plannerCallback: RoomlePlannerCallback, mode: Enumify<typeof CAMERA_TYPE>);
+    setHomagIntelligence(homagIntelligence: HomagIntelligence): void;
     get configuratorContext(): import('../../../common-core/src/webgl/configurator-context').default;
     get hasSingleRoom(): boolean;
     getScenePlanElementLightSources(): RoomleLightSource[];
@@ -215,7 +218,7 @@ export default class PlannerSceneManager extends ConfiguratorSceneManager implem
     setMeasurementLineLength(measurementId: number, length: number, wallDirection: string): void;
     protected setEventHandlerObject(object: Object3D): void;
     protected _readyForRender(): void;
-    protected notifyPlannerOnComponentSelectionCancel(isExtObj: boolean, reason: CancelSelectionReasons): void;
+    protected notifyPlannerOnComponentSelectionCancel(isExternalObject: boolean, reason: CancelSelectionReasons): void;
     private _externalPlanObjectSelectionChanged;
     highlightExternalObject(planObjectComponent: KernelPlanObjectComponent): void;
     private _selectExternalObjectModule;

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

@@ -283,6 +283,14 @@ export interface EmscriptenMap<K, V> {
 export interface KernelComponentTypeDto {
     value: Enumify<typeof CORE_PLAN_COMPONENT_TYPE_DTO>;
 }
+export interface AnimationTransformation {
+    animationMatrix: KernelMatrix4;
+    key: string;
+}
+export interface ComponentAnimationTransformation {
+    animations: AnimationTransformation[];
+    componentRuntimeId: number;
+}
 export interface KernelComponent {
     [key: string]: any;
     externalComponent: boolean;
@@ -313,6 +321,7 @@ export interface KernelComponent {
     dimensioningAxes: DimensioningAxis[];
     dimensionings: Dimensioning[];
     animations: KernelAnimation[];
+    childAnimationTransformations: ComponentAnimationTransformation[];
 }
 export interface Dimensioning {
     axis: string;

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

@@ -133,6 +133,7 @@ export declare abstract class BaseMaterial {
     catalogItemId: string;
     materialId: string;
     rgbValue: number;
+    useCustomColor: boolean;
     getCatalogItemId(): string;
     getSourceType(): KernelEnum;
 }

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

@@ -354,12 +354,14 @@ export interface KernelWallMaterial extends KernelObject {
     catalogItemId: string;
     materialId: string;
     rgbValue: number;
+    useCustomColor: boolean;
 }
 export interface KernelFloorMaterial extends KernelObject {
     catalogItemId: string;
     materialId: string;
     rgbValue: number;
     rotation: number;
+    useCustomColor: boolean;
 }
 export declare const enum KernelWallType {
     StandAloneWall = 0,

package/roomle-embedding-lib.es.js

@@ -108,8 +108,8 @@ class H {
  * 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],
+const B = Symbol("Comlink.proxy"), X = Symbol("Comlink.endpoint"), j = Symbol("Comlink.releaseProxy"), T = Symbol("Comlink.finalizer"), w = Symbol("Comlink.thrown"), G = (e) => typeof e == "object" && e !== null || typeof e == "function", Z = {
+  canHandle: (e) => G(e) && e[B],
   serialize(e) {
     const { port1: t, port2: s } = new MessageChannel();
     return P(e, t), [s, [s]];
@@ -188,7 +188,7 @@ function P(e, t = globalThis, s = ["*"]) {
     }
     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]());
+      t.postMessage(Object.assign(Object.assign({}, g), { id: o }), d), a === "RELEASE" && (t.removeEventListener("message", r), V(t), T in e && typeof e[T] == "function" && e[T]());
     }).catch((u) => {
       const [g, d] = S({
         value: new TypeError("Unserializable return value"),
@@ -310,7 +310,7 @@ function ae(e, t) {
   return $.set(e, t), e;
 }
 function ce(e) {
-  return Object.assign(e, { [W]: !0 });
+  return Object.assign(e, { [B]: !0 });
 }
 function S(e) {
   for (const [t, s] of z)
@@ -350,7 +350,7 @@ function p(e, t, s, r) {
 function le() {
   return new Array(4).fill(0).map(() => Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(16)).join("-");
 }
-const T = ".", R = {
+const A = ".", M = {
   REQUEST_BOOT: "requestBoot",
   SETUP: "setup",
   WEBSITE_READY: "websiteReady"
@@ -457,8 +457,8 @@ const _e = (e) => JSON.parse(JSON.stringify(e)), Ee = {
   rotationSnapDegrees: 10,
   interactionsCollapsed: !1
 }, we = "(idle)", ye = (e) => (I(e), e?.customApiUrl && (e.customApiUrl = decodeURIComponent(e.customApiUrl)), e.shareUrl && (e.deeplink = e.shareUrl.replace(
-  Me,
-  Te
+  Te,
+  Ae
 )), e), I = (e) => {
   if (!e)
     return;
@@ -479,10 +479,10 @@ const _e = (e) => JSON.parse(JSON.stringify(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#", Re = (e) => {
+}, Te = "<CONF_ID>", Ae = "#CONFIGURATIONID#", Me = (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);
-}, x = () => /(android)/i.test(navigator.userAgent);
-class D {
+}, D = () => /(android)/i.test(navigator.userAgent);
+class x {
   _messageHandler = null;
   isSetupDone = !1;
   viewName = "main";
@@ -512,7 +512,7 @@ class D {
   handleSetup(t) {
     const { methods: s, callbacks: r } = t;
     s.forEach((n) => {
-      const o = n.split(T), a = o[0], i = o[1];
+      const o = n.split(A), a = o[0], i = o[1];
       this[a] || (this[a] = {}), this[a][i] = (function() {
         if (!this._messageHandler) {
           console.error("MessageHandler not set");
@@ -521,13 +521,13 @@ class D {
         return this._messageHandler.sendMessage(n, [...arguments]);
       }).bind(this);
     }), r.forEach((n) => {
-      const o = n.split(T), a = o[0], i = o[1], c = o[2];
+      const o = n.split(A), 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: t, args: s }) {
-    const r = t.split(T), n = r[0], o = r[1], a = r.length === 3 ? r[2] : null;
+    const r = t.split(A), 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
@@ -601,14 +601,14 @@ const k = () => {
     () => e.style.setProperty(N, q()),
     0
   );
-}, B = "rml-styles", Ae = 450, N = "--rml-full-height", f = {
+}, W = "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"
-}, A = /* @__PURE__ */ new Map(), be = (e) => {
+}, R = /* @__PURE__ */ new Map(), be = (e) => {
   const t = {
     /**
      * The 'get' trap is fired when a property is accessed on the proxy.
@@ -627,8 +627,12 @@ const k = () => {
     }
   };
   return new Proxy(e, t);
+}, Ie = {
+  HIDE: "hide",
+  SHOW_ATTRIBUTES: "attributes",
+  SHOW_ARTICLES: "articles"
 };
-class Ie extends D {
+class Ne extends x {
   static createPlanner(t, s, r, n = []) {
     return this._create(
       t,
@@ -638,7 +642,7 @@ class Ie extends D {
     );
   }
   static async connect(t, s = []) {
-    const r = new D();
+    const r = new x();
     r.viewName = t;
     const { resolve: n, promise: o } = k(), { resolve: a, promise: i } = k(), c = ({
       message: g,
@@ -730,7 +734,7 @@ class Ie extends D {
           Se(),
           ye(r)
         );
-        Re(i);
+        Me(i);
         const c = await ue(
           t,
           i
@@ -759,12 +763,12 @@ class Ie extends D {
       throw new Error(
         "Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person"
       );
-    if (A.has(s))
+    if (R.has(s))
       throw new Error("There is already an instance on this DOM element");
-    if (!!!document.getElementById(B)) {
+    if (!!!document.getElementById(W)) {
       const l = r.zIndex || 9999999, u = document.createElement("style");
-      u.type = "text/css", u.id = B;
-      const g = "transition:all ease-in-out " + Ae + "ms;", d = ["-webkit-", "-o-"].reduce(
+      u.type = "text/css", u.id = W;
+      const g = "transition:all ease-in-out " + Re + "ms;", d = ["-webkit-", "-o-"].reduce(
         (K, Q) => K += Q + g,
         ""
       ) + g, h = q();
@@ -784,12 +788,12 @@ class Ie extends D {
       null,
       this._executeMessage
     );
-    this.setMessageHandler(i), this._onResize = this._onResize.bind(this), x() && window.addEventListener("resize", this._onResize), this._container = s, this._initData = r, this._configuratorSettings = t;
+    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), A.set(s, !0);
+    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 && A.delete(this._container);
+    this._container && R.delete(this._container);
     const t = this._container.querySelector("iframe");
     t && this._container.removeChild(t), window.removeEventListener("resize", this._onResize);
   }
@@ -802,14 +806,14 @@ class Ie extends D {
     U(this._iframe);
   }
   _onUseFullPage() {
-    this._iframe.classList.add(f.POSITION), document.documentElement.classList.add(f.OVERFLOW_HIDDEN), window.document.body.classList.add(f.OVERFLOW_HIDDEN), x() && (U(this._iframe), this._iframe.classList.add(f.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(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: t, args: s }, r) {
     if (r.source && r.source === this._iframe?.contentWindow)
-      return t === R.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 === R.SETUP ? (this.handleSetup(s[0]), F(
+      return t === M.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 === M.SETUP ? (this.handleSetup(s[0]), F(
         this.ui.callbacks,
         "onUseFullPage",
         this._onUseFullPage
@@ -822,10 +826,11 @@ class Ie extends D {
           console.error("MessageHandler not set");
           return;
         }
-        this._messageHandler.sendMessage(R.WEBSITE_READY);
+        this._messageHandler.sendMessage(M.WEBSITE_READY);
       }, 0), Promise.resolve({ result: null })) : this.executeMessage({ message: t, args: s });
   }
 }
 export {
-  Ie as default
+  Ie as HI_PANEL_ACTION,
+  Ne as default
 };

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 n=new MessageChannel;n.port1.onmessage=e=>{if(!e||!e.data)return n.port1.close(),n.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 n.port1.close(),n.port2.close(),this._prepareError(e),r(e)}t.error?r(t.error):void 0!==t.result?s(t.result):s(void 0),n.port1.close(),n.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,"*",[n.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 t=Symbol("Comlink.proxy"),s=Symbol("Comlink.endpoint"),r=Symbol("Comlink.releaseProxy"),n=Symbol("Comlink.finalizer"),a=Symbol("Comlink.thrown"),i=e=>"object"==typeof e&&null!==e||"function"==typeof e,o=new Map([["proxy",{canHandle:e=>i(e)&&e[t],serialize(e){const{port1:t,port2:s}=new MessageChannel;return l(e,t),[s,[s]]},deserialize:e=>(e.start(),function(e){const t=new Map;return e.addEventListener("message",function(e){const{data:s}=e;if(!s||!s.id)return;const r=t.get(s.id);if(r)try{r(s)}finally{t.delete(s.id)}}),m(e,t,[],void 0)}(e))}],["throw",{canHandle:e=>i(e)&&a in e,serialize({value:e}){let t;return t=e instanceof Error?{isError:!0,value:{message:e.message,name:e.name,stack:e.stack}}:{isError:!1,value:e},[t,[]]},deserialize(e){throw e.isError?Object.assign(new Error(e.value.message),e.value):e.value}}]]);function l(e,s=globalThis,r=["*"]){s.addEventListener("message",function i(o){if(!o||!o.data)return;if(!function(e,t){for(const s of e)if(t===s||"*"===s||s instanceof RegExp&&s.test(t))return!0;return!1}(r,o.origin))return;const{id:u,type:g,path:d}=Object.assign({path:[]},o.data),h=(o.data.argumentList||[]).map(y);let m;try{const s=d.slice(0,-1).reduce((e,t)=>e[t],e),r=d.reduce((e,t)=>e[t],e);switch(g){case"GET":m=r;break;case"SET":s[d.slice(-1)[0]]=y(o.data.value),m=!0;break;case"APPLY":m=r.apply(s,h);break;case"CONSTRUCT":m=function(e){return Object.assign(e,{[t]:!0})}(new r(...h));break;case"ENDPOINT":{const{port1:t,port2:s}=new MessageChannel;l(e,s),m=function(e,t){return w.set(e,t),e}(t,[t])}break;case"RELEASE":m=void 0;break;default:return}}catch(e){m={value:e,[a]:0}}Promise.resolve(m).catch(e=>({value:e,[a]:0})).then(t=>{const[r,a]=_(t);s.postMessage(Object.assign(Object.assign({},r),{id:u}),a),"RELEASE"===g&&(s.removeEventListener("message",i),c(s),n in e&&"function"==typeof e[n]&&e[n]())}).catch(e=>{const[t,r]=_({value:new TypeError("Unserializable return value"),[a]:0});s.postMessage(Object.assign(Object.assign({},t),{id:u}),r)})}),s.start&&s.start()}function c(e){(function(e){return"MessagePort"===e.constructor.name})(e)&&e.close()}function u(e){if(e)throw new Error("Proxy has been released and is not useable")}function g(e){return b(e,new Map,{type:"RELEASE"}).then(()=>{c(e)})}const d=new WeakMap,h="FinalizationRegistry"in globalThis&&new FinalizationRegistry(e=>{const t=(d.get(e)||0)-1;d.set(e,t),0===t&&g(e)});function m(e,t,n=[],a=function(){}){let i=!1;const o=new Proxy(a,{get(s,a){if(u(i),a===r)return()=>{(function(e){h&&h.unregister(e)})(o),g(e),t.clear(),i=!0};if("then"===a){if(0===n.length)return{then:()=>o};const s=b(e,t,{type:"GET",path:n.map(e=>e.toString())}).then(y);return s.then.bind(s)}return m(e,t,[...n,a])},set(s,r,a){u(i);const[o,l]=_(a);return b(e,t,{type:"SET",path:[...n,r].map(e=>e.toString()),value:o},l).then(y)},apply(r,a,o){u(i);const l=n[n.length-1];if(l===s)return b(e,t,{type:"ENDPOINT"}).then(y);if("bind"===l)return m(e,t,n.slice(0,-1));const[c,g]=f(o);return b(e,t,{type:"APPLY",path:n.map(e=>e.toString()),argumentList:c},g).then(y)},construct(s,r){u(i);const[a,o]=f(r);return b(e,t,{type:"CONSTRUCT",path:n.map(e=>e.toString()),argumentList:a},o).then(y)}});return function(e,t){const s=(d.get(t)||0)+1;d.set(t,s),h&&h.register(e,t,e)}(o,e),o}function p(e){return Array.prototype.concat.apply([],e)}function f(e){const t=e.map(_);return[t.map(e=>e[0]),p(t.map(e=>e[1]))]}const w=new WeakMap;function _(e){for(const[t,s]of o)if(s.canHandle(e)){const[r,n]=s.serialize(e);return[{type:"HANDLER",name:t,value:r},n]}return[{type:"RAW",value:e},w.get(e)||[]]}function y(e){switch(e.type){case"HANDLER":return o.get(e.name).deserialize(e.value);case"RAW":return e.value}}function b(e,t,s,r){return new Promise(n=>{const a=new Array(4).fill(0).map(()=>Math.floor(Math.random()*Number.MAX_SAFE_INTEGER).toString(16)).join("-");t.set(a,n),e.start&&e.start(),e.postMessage(Object.assign({id:a},s),r)})}const v=["127.0.0.1","localhost","0.0.0.0"],M=["language","browserLanguage","userLanguage","systemLanguage"],E=(e,t)=>{for(const s in t)try{t[s].constructor===Object?e[s]=E(e[s],t[s]):e[s]=t[s]}catch{e[s]=t[s]}return e};var S=(e=>(e.BOTTOM_BAR="bottom_bar",e.PARTLIST_BOUNDS="partlist_bounds",e.INTERACTION_NOTES="interaction_notes",e.PARAMETER_GROUPS="parameter_groups",e))(S||{});const P={mobileLandscape:!0,floorMaterialRootTag:"materials_root",buttons:{renderimage:!0,requestproduct:!0,requestplan:!0,load_product:!0,partlist_print:!0},elements:{[S.INTERACTION_NOTES]:!0},helpcenter:{roomdesigner:!0,configurator:!1,disable:!1},firstPersonView:!0,saveToIdb:!0,featureFlags:{mocAr:!0,wallAutoHeight:!1,openCloseAnimation:!0,enableTwoLevelCatalog:!1},rotationSnapDegrees:10,interactionsCollapsed:!1},O=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&&O(t),Array.isArray(t))for(const e of t)O(e);("true"===t||"false"===t)&&(e[s]="true"===t)}},L=()=>/(android)/i.test(navigator.userAgent);class T{_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],n=t[2];this[s]||(this[s]={}),this[s][r]||(this[s][r]={}),this[s][r][n]=()=>{}}),this.isSetupDone=!0}executeMessage({message:e,args:t}){const s=e.split("."),r=s[0],n=s[1],a=3===s.length?s[2]:null;if(a&&this[r][n][a]){const e=this[r][n][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("./drag-in-BmoiEqfA.mjs").then(e=>e.l).then(({DragIn:n})=>{const a=new n(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,n)=>{try{r.loader().then(a=>{const i=new a(this.ui,t,s,this.viewName);i.init().then(()=>{this.plugins[r.name]=i,e()},n)})}catch(e){n(e)}}))}}const A=()=>{let e,t;return{promise:new Promise((s,r)=>{e=s,t=r}),resolve:e,reject:t}},k=(e,t,s)=>{let r=null;Object.defineProperty(e,t,{get:()=>r||s,set(e){r=e?.mute?e.value:e}})},N=()=>.01*window.innerHeight+"px",R=e=>{e&&setTimeout(()=>e.style.setProperty(I,N()),0)},C="rml-styles",I="--rml-full-height",x="rml-container",B="rml-fill",D="rml-pos",U="rml-android-height",F="rml-overflow-hidden",H=new Map;class j extends T{static createPlanner(e,t,s,r=[]){return this._create(e,t,s,r)}static async connect(t,s=[]){const r=new T;r.viewName=t;const{resolve:n,promise:a}=A(),{resolve:i,promise:o}=A(),l=new e("custom-view-"+t,window,window.parent,({message:e,args:t})=>{switch(e){case"registerCustomViewDone":n();break;case"returnMethods":r.handleSetup(t[0]),i();break;default:if(r.isSetupDone)return r.executeMessage({message:e,args:t})}});r.setMessageHandler(l);const c=[t];return l.sendMessage("registerCustomView",c),await a,l.sendMessage("getMethods",c),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 setupHi(e){window.addEventListener("message",t=>{if("connect_hi"===t.data.type&&t.data.port){const s=t.data.port;s.start?.(),l(new Proxy(e,{get(e,t,s){const r=Reflect.get(e,t,s);return void 0!==r?r:(...e)=>{}}}),s)}})}static async _create(e,t,s,r){return new Promise(async(n,a)=>{try{const a=E((()=>{const e=(e=>JSON.parse(JSON.stringify(e)))(P);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=M.length;e<s;e++){const s=t[M[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=>!!(v.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})(),(O(i=s),i?.customApiUrl&&(i.customApiUrl=decodeURIComponent(i.customApiUrl)),i.shareUrl&&(i.deeplink=i.shareUrl.replace("<CONF_ID>","#CONFIGURATIONID#")),i));(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)})(a);const o=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,n=s+"/configurators/"+e,a="roomle_portal_v2",i="03-"+window.btoa((new Date).toISOString()+";anonymous;"+a),o=new Request(n,{method:"GET",headers:new Headers({apiKey:a,currentTenant:r,locale:"en",language:"en",device:1,token:i,platform:"web"}),mode:"cors",cache:"default"}),l=await fetch(o),{configurator:c}=await l.json();return c})(e,a);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 E(s,t)})(s,t)})(o,a);const l=new this(o,t,s,r,n);return await Promise.allSettled(l.pluginsLoaded),l}catch(e){return a(e)}var i})}_waitForIframe;_container;_configuratorSettings;_initData={};_iframe;constructor(t,s,r,n,a){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(H.has(s))throw new Error("There is already an instance on this DOM element");if(!document.getElementById(C)){const e=r.zIndex||9999999,t=document.createElement("style");t.type="text/css",t.id=C;const s="transition:all ease-in-out 450ms;",n=["-webkit-","-o-"].reduce((e,t)=>e+(t+s),"")+s,a=N();t.innerHTML=`\n        .${x}{${I}:${a};}\n        .${D}{position:fixed;top:0;left:0;z-index:${e};opacity:0}\n        .rml-transition{${n}}\n        .${B}{width:100%;height:100%;opacity:1}\n        .${U}{height:calc(var(${I},1vh)*100)}\n        .${F}{overflow:hidden}\n      `,document.head.appendChild(t)}this._executeMessage=this._executeMessage.bind(this);const i=new e("website",window,null,this._executeMessage);this.setMessageHandler(i),this._onResize=this._onResize.bind(this),L()&&window.addEventListener("resize",this._onResize),this._container=s,this._initData=r,this._configuratorSettings=t;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(n,this._iframe),H.set(s,!0)}teardown(){this._container&&H.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(x),e.classList.add(B),e}_onResize(){R(this._iframe)}_onUseFullPage(){this._iframe.classList.add(D),document.documentElement.classList.add(F),window.document.body.classList.add(F),L()&&(R(this._iframe),this._iframe.classList.add(U))}_onBackToWebsite(){this._iframe.classList.remove(D),this._iframe.classList.remove(U),document.documentElement.classList.remove(F),window.document.body.classList.remove(F)}_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]),k(this.ui.callbacks,"onUseFullPage",this._onUseFullPage),k(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{j 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 n=new MessageChannel;n.port1.onmessage=e=>{if(!e||!e.data)return n.port1.close(),n.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 n.port1.close(),n.port2.close(),this._prepareError(e),r(e)}t.error?r(t.error):void 0!==t.result?s(t.result):s(void 0),n.port1.close(),n.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,"*",[n.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 t=Symbol("Comlink.proxy"),s=Symbol("Comlink.endpoint"),r=Symbol("Comlink.releaseProxy"),n=Symbol("Comlink.finalizer"),a=Symbol("Comlink.thrown"),i=e=>"object"==typeof e&&null!==e||"function"==typeof e,o=new Map([["proxy",{canHandle:e=>i(e)&&e[t],serialize(e){const{port1:t,port2:s}=new MessageChannel;return l(e,t),[s,[s]]},deserialize:e=>(e.start(),function(e){const t=new Map;return e.addEventListener("message",function(e){const{data:s}=e;if(!s||!s.id)return;const r=t.get(s.id);if(r)try{r(s)}finally{t.delete(s.id)}}),m(e,t,[],void 0)}(e))}],["throw",{canHandle:e=>i(e)&&a in e,serialize({value:e}){let t;return t=e instanceof Error?{isError:!0,value:{message:e.message,name:e.name,stack:e.stack}}:{isError:!1,value:e},[t,[]]},deserialize(e){throw e.isError?Object.assign(new Error(e.value.message),e.value):e.value}}]]);function l(e,s=globalThis,r=["*"]){s.addEventListener("message",function i(o){if(!o||!o.data)return;if(!function(e,t){for(const s of e)if(t===s||"*"===s||s instanceof RegExp&&s.test(t))return!0;return!1}(r,o.origin))return;const{id:u,type:g,path:d}=Object.assign({path:[]},o.data),h=(o.data.argumentList||[]).map(y);let m;try{const s=d.slice(0,-1).reduce((e,t)=>e[t],e),r=d.reduce((e,t)=>e[t],e);switch(g){case"GET":m=r;break;case"SET":s[d.slice(-1)[0]]=y(o.data.value),m=!0;break;case"APPLY":m=r.apply(s,h);break;case"CONSTRUCT":m=function(e){return Object.assign(e,{[t]:!0})}(new r(...h));break;case"ENDPOINT":{const{port1:t,port2:s}=new MessageChannel;l(e,s),m=function(e,t){return w.set(e,t),e}(t,[t])}break;case"RELEASE":m=void 0;break;default:return}}catch(e){m={value:e,[a]:0}}Promise.resolve(m).catch(e=>({value:e,[a]:0})).then(t=>{const[r,a]=_(t);s.postMessage(Object.assign(Object.assign({},r),{id:u}),a),"RELEASE"===g&&(s.removeEventListener("message",i),c(s),n in e&&"function"==typeof e[n]&&e[n]())}).catch(e=>{const[t,r]=_({value:new TypeError("Unserializable return value"),[a]:0});s.postMessage(Object.assign(Object.assign({},t),{id:u}),r)})}),s.start&&s.start()}function c(e){(function(e){return"MessagePort"===e.constructor.name})(e)&&e.close()}function u(e){if(e)throw new Error("Proxy has been released and is not useable")}function g(e){return b(e,new Map,{type:"RELEASE"}).then(()=>{c(e)})}const d=new WeakMap,h="FinalizationRegistry"in globalThis&&new FinalizationRegistry(e=>{const t=(d.get(e)||0)-1;d.set(e,t),0===t&&g(e)});function m(e,t,n=[],a=function(){}){let i=!1;const o=new Proxy(a,{get(s,a){if(u(i),a===r)return()=>{(function(e){h&&h.unregister(e)})(o),g(e),t.clear(),i=!0};if("then"===a){if(0===n.length)return{then:()=>o};const s=b(e,t,{type:"GET",path:n.map(e=>e.toString())}).then(y);return s.then.bind(s)}return m(e,t,[...n,a])},set(s,r,a){u(i);const[o,l]=_(a);return b(e,t,{type:"SET",path:[...n,r].map(e=>e.toString()),value:o},l).then(y)},apply(r,a,o){u(i);const l=n[n.length-1];if(l===s)return b(e,t,{type:"ENDPOINT"}).then(y);if("bind"===l)return m(e,t,n.slice(0,-1));const[c,g]=f(o);return b(e,t,{type:"APPLY",path:n.map(e=>e.toString()),argumentList:c},g).then(y)},construct(s,r){u(i);const[a,o]=f(r);return b(e,t,{type:"CONSTRUCT",path:n.map(e=>e.toString()),argumentList:a},o).then(y)}});return function(e,t){const s=(d.get(t)||0)+1;d.set(t,s),h&&h.register(e,t,e)}(o,e),o}function p(e){return Array.prototype.concat.apply([],e)}function f(e){const t=e.map(_);return[t.map(e=>e[0]),p(t.map(e=>e[1]))]}const w=new WeakMap;function _(e){for(const[t,s]of o)if(s.canHandle(e)){const[r,n]=s.serialize(e);return[{type:"HANDLER",name:t,value:r},n]}return[{type:"RAW",value:e},w.get(e)||[]]}function y(e){switch(e.type){case"HANDLER":return o.get(e.name).deserialize(e.value);case"RAW":return e.value}}function b(e,t,s,r){return new Promise(n=>{const a=new Array(4).fill(0).map(()=>Math.floor(Math.random()*Number.MAX_SAFE_INTEGER).toString(16)).join("-");t.set(a,n),e.start&&e.start(),e.postMessage(Object.assign({id:a},s),r)})}const v=["127.0.0.1","localhost","0.0.0.0"],M=["language","browserLanguage","userLanguage","systemLanguage"],E=(e,t)=>{for(const s in t)try{t[s].constructor===Object?e[s]=E(e[s],t[s]):e[s]=t[s]}catch{e[s]=t[s]}return e};var S=(e=>(e.BOTTOM_BAR="bottom_bar",e.PARTLIST_BOUNDS="partlist_bounds",e.INTERACTION_NOTES="interaction_notes",e.PARAMETER_GROUPS="parameter_groups",e))(S||{});const T={mobileLandscape:!0,floorMaterialRootTag:"materials_root",buttons:{renderimage:!0,requestproduct:!0,requestplan:!0,load_product:!0,partlist_print:!0},elements:{[S.INTERACTION_NOTES]:!0},helpcenter:{roomdesigner:!0,configurator:!1,disable:!1},firstPersonView:!0,saveToIdb:!0,featureFlags:{mocAr:!0,wallAutoHeight:!1,openCloseAnimation:!0,enableTwoLevelCatalog:!1},rotationSnapDegrees:10,interactionsCollapsed:!1},O=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&&O(t),Array.isArray(t))for(const e of t)O(e);("true"===t||"false"===t)&&(e[s]="true"===t)}},P=()=>/(android)/i.test(navigator.userAgent);class A{_messageHandler=null;isSetupDone=!1;viewName="main";plugins={};pluginsLoaded=[];ui={callbacks:null};extended={callbacks:null};configurator={callbacks:null};analytics={callbacks:{}};rapi={callbacks:{}};global={callbacks:{}};setMessageHandler(e){this._messageHandler=e}handleSetup(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],n=t[2];this[s]||(this[s]={}),this[s][r]||(this[s][r]={}),this[s][r][n]=()=>{}}),this.isSetupDone=!0}executeMessage({message:e,args:t}){const s=e.split("."),r=s[0],n=s[1],a=3===s.length?s[2]:null;if(a&&this[r][n][a]){const e=this[r][n][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("./drag-in-BmoiEqfA.mjs").then(e=>e.l).then(({DragIn:n})=>{const a=new n(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,n)=>{try{r.loader().then(a=>{const i=new a(this.ui,t,s,this.viewName);i.init().then(()=>{this.plugins[r.name]=i,e()},n)})}catch(e){n(e)}}))}}const L=()=>{let e,t;return{promise:new Promise((s,r)=>{e=s,t=r}),resolve:e,reject:t}},N=(e,t,s)=>{let r=null;Object.defineProperty(e,t,{get:()=>r||s,set(e){r=e?.mute?e.value:e}})},k=()=>.01*window.innerHeight+"px",R=e=>{e&&setTimeout(()=>e.style.setProperty(C,k()),0)},I="rml-styles",C="--rml-full-height",x="rml-container",H="rml-fill",B="rml-pos",D="rml-android-height",U="rml-overflow-hidden",F=new Map,j={HIDE:"hide",SHOW_ATTRIBUTES:"attributes",SHOW_ARTICLES:"articles"};class z extends A{static createPlanner(e,t,s,r=[]){return this._create(e,t,s,r)}static async connect(t,s=[]){const r=new A;r.viewName=t;const{resolve:n,promise:a}=L(),{resolve:i,promise:o}=L(),l=new e("custom-view-"+t,window,window.parent,({message:e,args:t})=>{switch(e){case"registerCustomViewDone":n();break;case"returnMethods":r.handleSetup(t[0]),i();break;default:if(r.isSetupDone)return r.executeMessage({message:e,args:t})}});r.setMessageHandler(l);const c=[t];return l.sendMessage("registerCustomView",c),await a,l.sendMessage("getMethods",c),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 setupHi(e){window.addEventListener("message",t=>{if("connect_hi"===t.data.type&&t.data.port){const s=t.data.port;s.start?.(),l(new Proxy(e,{get(e,t,s){const r=Reflect.get(e,t,s);return void 0!==r?r:(...e)=>{}}}),s)}})}static async _create(e,t,s,r){return new Promise(async(n,a)=>{try{const a=E((()=>{const e=(e=>JSON.parse(JSON.stringify(e)))(T);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=M.length;e<s;e++){const s=t[M[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=>!!(v.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})(),(O(i=s),i?.customApiUrl&&(i.customApiUrl=decodeURIComponent(i.customApiUrl)),i.shareUrl&&(i.deeplink=i.shareUrl.replace("<CONF_ID>","#CONFIGURATIONID#")),i));(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)})(a);const o=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,n=s+"/configurators/"+e,a="roomle_portal_v2",i="03-"+window.btoa((new Date).toISOString()+";anonymous;"+a),o=new Request(n,{method:"GET",headers:new Headers({apiKey:a,currentTenant:r,locale:"en",language:"en",device:1,token:i,platform:"web"}),mode:"cors",cache:"default"}),l=await fetch(o),{configurator:c}=await l.json();return c})(e,a);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 E(s,t)})(s,t)})(o,a);const l=new this(o,t,s,r,n);return await Promise.allSettled(l.pluginsLoaded),l}catch(e){return a(e)}var i})}_waitForIframe;_container;_configuratorSettings;_initData={};_iframe;constructor(t,s,r,n,a){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(F.has(s))throw new Error("There is already an instance on this DOM element");if(!document.getElementById(I)){const e=r.zIndex||9999999,t=document.createElement("style");t.type="text/css",t.id=I;const s="transition:all ease-in-out 450ms;",n=["-webkit-","-o-"].reduce((e,t)=>e+(t+s),"")+s,a=k();t.innerHTML=`\n        .${x}{${C}:${a};}\n        .${B}{position:fixed;top:0;left:0;z-index:${e};opacity:0}\n        .rml-transition{${n}}\n        .${H}{width:100%;height:100%;opacity:1}\n        .${D}{height:calc(var(${C},1vh)*100)}\n        .${U}{overflow:hidden}\n      `,document.head.appendChild(t)}this._executeMessage=this._executeMessage.bind(this);const i=new e("website",window,null,this._executeMessage);this.setMessageHandler(i),this._onResize=this._onResize.bind(this),P()&&window.addEventListener("resize",this._onResize),this._container=s,this._initData=r,this._configuratorSettings=t;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(n,this._iframe),F.set(s,!0)}teardown(){this._container&&F.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(x),e.classList.add(H),e}_onResize(){R(this._iframe)}_onUseFullPage(){this._iframe.classList.add(B),document.documentElement.classList.add(U),window.document.body.classList.add(U),P()&&(R(this._iframe),this._iframe.classList.add(D))}_onBackToWebsite(){this._iframe.classList.remove(B),this._iframe.classList.remove(D),document.documentElement.classList.remove(U),window.document.body.classList.remove(U)}_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]),N(this.ui.callbacks,"onUseFullPage",this._onUseFullPage),N(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{j as HI_PANEL_ACTION,z as default};