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

package/docs/md/web/embedding/CHANGELOG.md

@@ -1,48 +1,11 @@
-## [5.31.0-alpha.1](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.30.1...embedding-lib-v5.31.0-alpha.1) (2025-10-23)
+## [5.31.0-alpha.3](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.31.0-alpha.2...embedding-lib-v5.31.0-alpha.3) (2025-10-29)
 
 
 ### Features
 
-* core api - isChildObjectRootComponent ([027e033](https://github.com/roomle-dev/roomle-ui/commit/027e0335af12b5c59a0c42a9403ed94ed3589291))
-* core api - plan object children ([33259e1](https://github.com/roomle-dev/roomle-ui/commit/33259e158b40cb0136d5a60a9a41f992666420e5))
-* core api - setObjectCustomColor ([70ce529](https://github.com/roomle-dev/roomle-ui/commit/70ce52925dc36824beb895b16cf686c5e93496c5))
-* custom color picker on static items ([1942a7d](https://github.com/roomle-dev/roomle-ui/commit/1942a7d15af8f8d6af3bf9b786c05da4737faefa))
-* do not allow dragging of modules in configurator ([adcd12a](https://github.com/roomle-dev/roomle-ui/commit/adcd12a44bd2d50018e05bedc1bf4b848e15b380))
-* hi example - article image ([996dca9](https://github.com/roomle-dev/roomle-ui/commit/996dca93850096c5560a24a8ec94dc5326a267d3))
-* homag intelligence example - debug ui ([47d635d](https://github.com/roomle-dev/roomle-ui/commit/47d635d55347bcb2da57f3672597db7cc086cd7d))
-* Implement html measurements for "normal" measurements ([60bccbb](https://github.com/roomle-dev/roomle-ui/commit/60bccbbe940cd1c03f434e22895d8ce7edaf84d1))
-* initial light working ([a8ed3eb](https://github.com/roomle-dev/roomle-ui/commit/a8ed3ebdf9ad5b9c2f5ea8f216cbb7a78b1f694c))
-* lock camera state when switching object in configurator ([ce4bd0c](https://github.com/roomle-dev/roomle-ui/commit/ce4bd0ce3f2acc19f06ff933a9d511508dfa6a34))
-* module selection logic in isolation mode ([b6736e1](https://github.com/roomle-dev/roomle-ui/commit/b6736e1e7bd846c5aa82a8435608e3756390f2ab))
-* save configuration on planObjectConfigurationChanged ([0a4a57e](https://github.com/roomle-dev/roomle-ui/commit/0a4a57e87db6759039f64373873a4fb4990f8b5c))
-* select the component of the child object on start configuring ([c7b7ed6](https://github.com/roomle-dev/roomle-ui/commit/c7b7ed656a538617efd0dee6de0c617518774aba))
-* setting maximum lights based on max anisotrophy ([f0aa240](https://github.com/roomle-dev/roomle-ui/commit/f0aa240c0bebe9ef11138a78bde9f993e262d2f5))
-* **core:** upgrade to version 2.63.0-alpha.1 ([f2301cc](https://github.com/roomle-dev/roomle-ui/commit/f2301cc82ea02d5d83da0df183a1b6a04c641123))
-* **core:** upgrade to version 2.63.0-alpha.2 ([eae6240](https://github.com/roomle-dev/roomle-ui/commit/eae62407b3116734a17271d3a687cf556326ede6))
-* **core:** upgrade to version 2.63.0-alpha.3 ([45ff1eb](https://github.com/roomle-dev/roomle-ui/commit/45ff1eb7067807299d93df40bd10d8fead846b3b))
-* **core:** upgrade to version 2.63.0-alpha.4 ([fc48712](https://github.com/roomle-dev/roomle-ui/commit/fc48712bd5de99b90197ba7cd91ee07b71f46079))
-* web api - disableChildObjectsOfAllPlanObjects ([b4a006b](https://github.com/roomle-dev/roomle-ui/commit/b4a006bbed50927869342a0c0d7348573d9dd1e9))
+* **core:** upgrade to version 2.63.0-alpha.7 ([1f05895](https://github.com/roomle-dev/roomle-ui/commit/1f058956c05a5e7d03586ab1ce08b7f3999e53ae))
 
 
 ### Bug Fixes
 
-* add a copy of the generated root modules to the split-off group for attribute transfer ([88e21b2](https://github.com/roomle-dev/roomle-ui/commit/88e21b2090109c8af157030dcc822ea2153863db))
-* check if added or removed plan elements are children of plan object ([75cec14](https://github.com/roomle-dev/roomle-ui/commit/75cec14ee29bb8d3fa7f5038514a5593284d40e1))
-* create a single undo/redo step for "swap" object ([52bb02d](https://github.com/roomle-dev/roomle-ui/commit/52bb02d98ae1da1440345fad6bdfd14a72933522))
-* exception - calculateTotalSum ([7a84c34](https://github.com/roomle-dev/roomle-ui/commit/7a84c349915ea7bcc71470024f901eb0c3deaec4))
-* exception when executing object animation in standalone configurator ([f72c382](https://github.com/roomle-dev/roomle-ui/commit/f72c38233e830890e243da7b4be74c9573d2ba70))
-* failing playwright test case ([700a286](https://github.com/roomle-dev/roomle-ui/commit/700a2867b3a8646ce96a12717cd09c1a0fcbee63))
-* failing sdk test ([d148883](https://github.com/roomle-dev/roomle-ui/commit/d148883d15dae4b80d4c3767ef0c4578366f32ab))
-* glue-layer attribute value assignment ([33803f9](https://github.com/roomle-dev/roomle-ui/commit/33803f96d8580b742990f480f9be3c2475bf0407))
-* glue-layer group modification callbacks ([5fd2854](https://github.com/roomle-dev/roomle-ui/commit/5fd28549d2a35d0cd67ad354d3429da388a44754))
-* HF hi compatibility - load master data ([d5e8f1d](https://github.com/roomle-dev/roomle-ui/commit/d5e8f1d1ac93f949e66460312006f3820c689be0))
-* hi object undo/redo action steps ([1c0457a](https://github.com/roomle-dev/roomle-ui/commit/1c0457ab2e6dedaf6c507e6ee668c3c5c17e3c40))
-* highlighting of plan objects after merging ([0c05222](https://github.com/roomle-dev/roomle-ui/commit/0c05222e5fa2ea83194ea0d0e3acefced6105921))
-* linting issues ([8d6d4fc](https://github.com/roomle-dev/roomle-ui/commit/8d6d4fc8566e1db24131e5e2703fc2fbb39cb1b6))
-* make sure onPosGroupsCompletelyLoaded is sent when loading plan prior to library ([4bd834d](https://github.com/roomle-dev/roomle-ui/commit/4bd834d58b50c68f84a4febd0b94b55b57e8a846))
-* only check for children on configurable plan objects ([2667c18](https://github.com/roomle-dev/roomle-ui/commit/2667c184f96de47a1d8b6633ea60fb4cb804ef0a))
-* set "id" property in the external material's parameter value payload ([2adf311](https://github.com/roomle-dev/roomle-ui/commit/2adf31115aa2ab2c0cce42206f9e2d51b00f359c))
-* transfer attributes when root module of group is swapped ([3ae226a](https://github.com/roomle-dev/roomle-ui/commit/3ae226a65a6fdfb0e4ec803d4864efb3fb26ca88))
-* ts lint ([33b20c5](https://github.com/roomle-dev/roomle-ui/commit/33b20c5a18e4d27cbc0e50c60f41312aec942635))
-* update groups already loaded when PosSaveData is assigned ([6bf3943](https://github.com/roomle-dev/roomle-ui/commit/6bf39439b99b64b7af01c1322055035d9a3444ca))
-* wrong links in README in web-SDK package ([677a3c8](https://github.com/roomle-dev/roomle-ui/commit/677a3c807e2ba1f72175241c2704c798dba0ca6e))
+*  Sanitizes a URL by removing trailing special characters that would break URL parameter appending ([5653a62](https://github.com/roomle-dev/roomle-ui/commit/5653a629acef6cc888633712b657b3e0825dead9))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "5.31.0-alpha.1",
+  "version": "5.31.0-alpha.3",
   "description": "This is a small library which can be used to communicate with the Roomle Configurator",
   "type": "module",
   "main": "./roomle-embedding-lib.umd.js",

package/packages/design-system/build-webcomponents.d.ts

@@ -0,0 +1,5 @@
+
+declare const RadioToggle: import('vue').VueElementConstructor<unknown>;
+declare const RadioOption: import('vue').VueElementConstructor<unknown>;
+declare const BooleanToggle: import('vue').VueElementConstructor<unknown>;
+export { RadioToggle, RadioOption, BooleanToggle };

package/packages/design-system/src/utils/shadow-dom.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Checks if an element is inside a Shadow DOM (web component context)
+ * @param element - The HTML element to check
+ * @returns true if the element is inside a Shadow DOM, false otherwise
+ */
+export declare const inShadowDOM: (element: HTMLElement) => boolean;

package/packages/design-system/src/utils/toggle.d.ts

@@ -0,0 +1,19 @@
+/** Symbol key for providing/injecting radio toggle context */
+export declare const RADIO_TOGGLE_CONTEXT_KEY: unique symbol;
+/** Event name for radio group change events */
+export declare const RADIO_GROUP_CHANGE_EVENT = "rml-ds-radio-group-change";
+/** Detail data structure for radio group change events */
+export interface RadioGroupChangeDetail<T = any> {
+    value: T;
+    radioName: string;
+    sourceInput: HTMLInputElement;
+    labelElement: Element | null;
+    optionElement: HTMLInputElement;
+}
+/** Custom event type for radio group changes */
+export type RadioGroupChangeEvent<T = any> = CustomEvent<RadioGroupChangeDetail<T>>;
+/**
+ * Injects CSS variables for the design system toggle components
+ * This function ensures CSS tokens are only injected once into the document head
+ */
+export declare const injectCSSVariables: () => void;

package/packages/embedding-lib/src/examples/utils/homag-intelligence/drag-in.d.ts

@@ -1,3 +1,4 @@
 import { RoomDesignerApiType } from './overlay';
 
+export declare const addClickEventListeners: (roomDesignerApi: RoomDesignerApiType, signal: AbortSignal, element?: HTMLElement | null) => void;
 export declare const addDragEventListeners: (roomDesignerApi: RoomDesignerApiType, catalogElements: NodeListOf<Element> | Element[], signal: AbortSignal, element?: HTMLElement | null) => void;

package/packages/web-sdk/packages/common-core/src/configurator-kernel-access.d.ts

@@ -1,5 +1,5 @@
 import { default as ConfiguratorContext } from './webgl/configurator-context';
-import { DebugClient, KernelDockPairToLine, KernelDockPairToPoint, KernelObjectInformation, EmscriptenString, KernelAnimation, KernelComponent, KernelParameter, KernelParameterGroup, KernelVector3, PlanObject, VariantsList } from '../../typings/kernel';
+import { DebugClient, KernelDockPairPreview, KernelObjectInformation, EmscriptenString, KernelAnimation, KernelComponent, KernelParameter, KernelParameterGroup, KernelVector3, PlanObject, VariantsList } from '../../typings/kernel';
 import { default as CommonKernelAccess, KERNEL_TYPE } from './services/common-kernel-access';
 import { ArticleNumber, ConfigurationHash, ConfigurationString, RapiId, RapiPrice } from '../../typings/rapi-types';
 import { CommonConfiguratorKernelCallbackI } from './common-configurator-kernel-callback';
@@ -14,8 +14,7 @@ export interface ConfiguratorKernelCallbackI extends CommonConfiguratorKernelCal
     planObjectConfigurationUpdated(planObjectId: number, configuration: ConfigurationString, hash: string, pendingDocking: boolean): void;
     configurationLoaded(conversationId: number, objectId: number, componentId: number, hash: string, errors: any): void;
     Editor3dAddDockPreview(componentId: number, previewId: number): void;
-    Editor3dSetPreviewPointAssociations(dockPairs: KernelDockPairToPoint[], previewId: number): void;
-    Editor3dSetPreviewLineAssociations(dockLines: KernelDockPairToLine[], previewId: number): void;
+    Editor3dSetPreviewAssociations(dockPairs: KernelDockPairPreview[], previewId: number): void;
     Editor3dPreviewConstructionDone(componentId: number, objectId: number): void;
     Editor3dPlanObjectConstructionDone(planObjectId: number): void;
     Editor3dComponentDocked(componentId: number, isRootComponent: boolean, parentObjectRuntimeId: number, componentPosition: KernelVector3, componentRotation: KernelVector3): void;
@@ -106,8 +105,7 @@ export default class ConfiguratorKernelAccess extends CommonKernelAccess {
     Editor3dSetMaterial(): void;
     Editor3dLoadMaterial(): void;
     Editor3dAddDockPreview(componentId: number, previewId: number): void;
-    Editor3dSetPreviewPointAssociations(dockPairs: KernelDockPairToPoint[], previewId: number): void;
-    Editor3dSetPreviewLineAssociations(dockLines: KernelDockPairToLine[], previewId: number): void;
+    Editor3dSetPreviewAssociations(dockPairs: KernelDockPairPreview[], previewId: number): void;
     Editor3dPreviewConstructionDone(componentId: number, objectId: number): void;
     Editor3dTranslateBy(): void;
     Editor3dRotateBy(): void;

package/packages/web-sdk/packages/common-core/src/utils/threejs-utils.d.ts

@@ -88,6 +88,9 @@ export declare const createEmptySceneFromCurrent: (currentScene: Scene) => Scene
 export declare const isBox3InFrustum: (camera: Camera, box3: Box3) => boolean;
 export type RoomleEventedMesh = Mesh<BufferGeometry<NormalBufferAttributes>, Material | Material[], Object3DRoomleEventMap>;
 export type RoomleEventedObject3D = Object3D<Object3DRoomleEventMap>;
+export interface RoomleEventedObject3DSubComponent extends RoomleEventedObject3D {
+    parentComponent?: RoomleEventedObject3D;
+}
 export type RoomleEventedIntersection = Intersection<RoomleEventedObject3D>;
 interface InputEventAttatchment {
     intersection: RoomleEventedIntersection;

package/packages/web-sdk/packages/common-core/src/view-model/configurator-view-model.d.ts

@@ -1,6 +1,6 @@
 import { RoomleComponent, PreviewComponent, PreviewLineComponent, RoomleComponentFactory } from '../../../common-core/src/webgl/roomle-component-factory';
 import { ConfiguratorKernelCallbackI } from '../configurator-kernel-access';
-import { KernelComponent, KernelDockPairToLine, KernelDockPairToPoint, KernelEnum, KernelLightSourceAttributes, KernelMeshAttributes, KernelMeshBuffer, KernelParameter, KernelVector3, PlanObject } from '../../../typings/kernel';
+import { KernelComponent, KernelDockPairPreview, KernelEnum, KernelLightSourceAttributes, KernelMeshAttributes, KernelMeshBuffer, KernelParameter, KernelVector3, PlanObject } from '../../../typings/kernel';
 import { ConfigurationString } from '../../../typings/rapi-types';
 import { Context } from '../di/context';
 import { default as ConfiguratorContext } from '../webgl/configurator-context';
@@ -87,8 +87,9 @@ export default class ConfiguratorViewModel implements ConfiguratorKernelCallback
     Editor3dGeometryNotReady(id: number): void;
     Editor3dPlanObjectConstructionDone(planObjectId: number): void;
     Editor3dPreviewConstructionDone(componentId: number, _objectId: number): void;
-    Editor3dSetPreviewLineAssociations(dockLines: KernelDockPairToLine[], previewId: number): void;
-    Editor3dSetPreviewPointAssociations(dockPairs: KernelDockPairToPoint[], previewId: number): void;
+    private _setPreviewLineAssociations;
+    Editor3dSetPreviewAssociations(dockPairs: KernelDockPairPreview[], previewId: number): void;
+    private _setPreviewPointAssociations;
     private _addDockPreviewAnimation;
     componentDeleted(componentId: number): void;
     componentMetaUpdated(kernelComponent: KernelComponent): void;

package/packages/web-sdk/packages/configurator-core/src/utils/animation/drag-insert-animation.d.ts

@@ -1,5 +1,5 @@
 import { PreviewComponent, RoomleComponent } from '../../../../common-core/src/webgl/roomle-component-factory';
-import { KernelDockPairToPoint } from '../../../../typings/kernel';
+import { KernelDockPairPreview } from '../../../../typings/kernel';
 
 export declare class DragInsertAnimation {
     private _id;
@@ -8,7 +8,7 @@ export declare class DragInsertAnimation {
     private _displacementTransformation;
     private _invalidateRenderCallback;
     private _currentAnimation;
-    constructor(id: string, previewComponent: PreviewComponent, displacedComponents: RoomleComponent, dockPair: KernelDockPairToPoint, invalidateRenderCallback: () => void);
+    constructor(id: string, previewComponent: PreviewComponent, displacedComponents: RoomleComponent, dockPair: KernelDockPairPreview, invalidateRenderCallback: () => void);
     private _addObjectAnimationTransformations;
     private _addObjectAnimationValue;
     startInsert(): void;

package/packages/web-sdk/packages/configurator-core/src/utils/dimensioning-helper.d.ts

@@ -11,6 +11,7 @@ export interface DimensionLabelUIData {
     text: string;
     worldPosition: Vector3;
     visible: boolean;
+    opacity?: number;
 }
 export default class DimensioningHelper {
     _creator_: string;
@@ -24,29 +25,37 @@ export default class DimensioningHelper {
     private _initialized;
     private _origin;
     private _dimensions;
-    private _lineMaterial;
-    private _widthLine;
-    private _heightLine;
-    private _depthLine;
+    private _mainLineMaterial;
+    private _widthLineGroup;
+    private _heightLineGroup;
+    private _depthLineGroup;
     private _enabled;
     private _dimensionsVisible;
     private _dimensionLineGroup;
     private _onLabelsUpdate;
     constructor(creator: string);
+    private _createLineGroup;
+    private _createLineFromConfig;
+    private _updateLineGroup;
     private _loaded;
     onLabelsUpdate(callback: (labels: DimensionLabelUIData[]) => void): void;
     private _performUpdate;
+    private _updateMaterialOpacity;
+    private _getCameraDistanceInfo;
     private _updateWidth;
     private _updateHeight;
     private _updateDepth;
+    private _getWidthLineConfig;
+    private _getDepthLineConfig;
+    private _getHeightLineConfig;
+    /**
+     * Helper to get camera position in the dimension line group's local space
+     */
+    private _getLocalCameraPosition;
     updateSize(boxForMeasurement: KernelCube): void;
     update(force?: boolean): void;
     addToObject(object: Object3D): void;
     removeFromObject(object: Object3D): void;
-    private _isCameraInsideOrTooClose;
-    private _getWidthEdge;
-    private _getDepthEdge;
-    private _getHeightEdge;
     onDimensionsVisibilityChanged(handler: (visible: boolean) => void): void;
     enableTopDimensions(): void;
     disableTopDimensions(): void;

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

@@ -1,5 +1,5 @@
 import { HiCallbacks } from '../../../../embedding-lib/src/embedding-lib';
-import { GlueLogic, LibraryData, RoomDesignerRequests } from './glue-logic';
+import { GlueLogic, LibraryData, PlanSnapshot, RoomDesignerRequests } from './glue-logic';
 import { ExternalObjectGroup } from 'roomle-core-hsc/src/embind/plannerCoreInterface';
 import { ExternalModuleInformation } from '../../typings/kernel';
 import { CheckResult, PosGroup, PosSaveData } from './model/oc-scripts-domain.model';
@@ -21,15 +21,14 @@ export declare class GlueLayerRequestDebugLogging implements GlueLogic {
     mergeGroups(targetGroup: ExternalObjectGroup, idsOfGroupsMerged: string | string[], idOfTargetRootModule: string): void;
     deleteRootModule(remainingGroup: ExternalObjectGroup, rootModuleIdToDelete: string, splitOffGroups: ExternalObjectGroup[]): void;
     splitRootModuleFromGroup(splitGroup: ExternalObjectGroup, newGroupedRootModules: ExternalObjectGroup[]): void;
-    duplicateGroup(sourceGroupId: string, duplicatedGroup: ExternalObjectGroup): void;
+    duplicateGroup(duplicatedGroup: ExternalObjectGroup): void;
     modifyAttribute(groupId: string, moduleIdObjects: ExternalModuleInformation[], attributeName: string, value: string): void;
-    updateAttribute(rootModuleId: string, moduleId: string, attributeId: string, attributeValue: string | boolean): void;
+    updateAttribute(rootModuleId: string, moduleId: string | null, attributeId: string, attributeValue: string | boolean): void;
     getVerifiedAttributeOptions(moduleId: string, attributeIds?: string | string[]): Promise<Record<string, CheckResult> | undefined>;
     updateAdditionalInfo(rootModuleId: string, additionalInfo: string): void;
     swapRootModule(groupId: string, rootModuleId: string, articleId: string): void;
     arrangeRootModulesOfGroup(changedGroup: ExternalObjectGroup): void;
     changedGroupPlanningSituation(changedGroup: ExternalObjectGroup): void;
-    deleteGroup(groupId: string): Promise<void>;
     changedGroup(posDataJson: PosGroup): void;
     loadedGroup(posDataJson: PosGroup): void;
     groupsCompletelyLoaded(): void;
@@ -37,7 +36,7 @@ export declare class GlueLayerRequestDebugLogging implements GlueLogic {
     openCloseGroup(groupId: string): void;
     newPosDataFromId(id: string): PosGroup | undefined;
     getGroupDataForOrder(roomlePlannerId?: string): Promise<any>;
-    savePlanSnapshot(): Promise<any>;
+    savePlanSnapshot(): Promise<PlanSnapshot | null>;
 }
 export declare class GlueLayerResponseDebugLogging implements RoomDesignerRequests {
     private _roomDesignerRequests;

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

@@ -42,15 +42,14 @@ export interface GlueLogic {
     mergeGroups(targetGroup: ExternalObjectGroup, idsOfGroupsMerged: string | string[], idOfTargetRootModule: string): void;
     deleteRootModule(remainingGroup: ExternalObjectGroup, rootModuleIdToDelete: string, splitOffGroups: ExternalObjectGroup[]): void;
     splitRootModuleFromGroup(splitGroup: ExternalObjectGroup, newGroupedRootModules: ExternalObjectGroup[]): void;
-    duplicateGroup(sourceGroupId: string, duplicatedGroup: ExternalObjectGroup): void;
+    duplicateGroup(duplicatedGroup: ExternalObjectGroup): void;
+    swapRootModule(groupId: string, rootModuleId: string, articleId: string): void;
     modifyAttribute(groupId: string, moduleIdObjects: ExternalModuleInformation[], attributeName: string, value: string): void;
-    updateAttribute(rootModuleId: string, moduleId: string, attributeId: string, attributeValue: string | boolean): void;
+    updateAttribute(rootModuleId: string, moduleId: string | null, attributeId: string, attributeValue: string | boolean): void;
     getVerifiedAttributeOptions(moduleId: string, attributeIds?: string | string[]): Promise<Record<string, CheckResult> | undefined>;
     updateAdditionalInfo(rootModuleId: string, additionalInfo: string): void;
-    swapRootModule(groupId: string, rootModuleId: string, articleId: string): void;
     arrangeRootModulesOfGroup(changedGroup: ExternalObjectGroup): void;
     changedGroupPlanningSituation(changedGroup: ExternalObjectGroup): void;
-    deleteGroup(groupId: string): Promise<void>;
     changedGroup(posDataJson: PosGroup): void;
     loadedGroup(posDataJson: PosGroup): void;
     groupsCompletelyLoaded(): void;
@@ -58,7 +57,7 @@ export interface GlueLogic {
     openCloseGroup(groupId: string): void;
     newPosDataFromId(id: string): PosGroup | undefined;
     getGroupDataForOrder(roomlePlannerId?: string): Promise<any>;
-    savePlanSnapshot(): Promise<PlanSnapshot>;
+    savePlanSnapshot(): Promise<PlanSnapshot | null>;
 }
 export interface PlanSnapshot {
     id: string;
@@ -92,15 +91,14 @@ export declare class GlueLogicImplementation implements GlueLogic {
     loadPosData(articleCatalogJson: any, libraryId: string): void;
     setPosDataForLoading(posData: PosSaveData | null): void;
     newPosDataFromId(id: string): any;
-    deleteGroup(groupId: string): Promise<void>;
     selectGroup(groupId: string): Promise<void>;
     selectRoot(_groupId: any, rootId: string): Promise<void>;
     deleteRoot(_groupId: any, rootId: string): Promise<void>;
     selectSubModule(_groupId: any, rootId: string, moduleId: string): Promise<void>;
     openCloseGroup(groupId: string): Promise<void>;
     deleteRootModule(remainingGroup: ExternalObjectGroup, rootModuleIdToDelete: string, splitOffGroups: ExternalObjectGroup[]): void;
-    duplicateGroup(_sourceGroupId: string, duplicatedGroup: ExternalObjectGroup): Promise<void>;
-    mergeGroups(targetGroup: ExternalObjectGroup, idsOfGroupsMerged: string | string[], idOfTargetRootModule: string): Promise<void>;
+    duplicateGroup(duplicatedGroup: ExternalObjectGroup): void;
+    mergeGroups(targetGroup: ExternalObjectGroup, idsOfGroupsMerged: string | string[], idOfTargetRootModule: string): void;
     private _applyImplicitRelevantAttributes;
     splitRootModuleFromGroup(splitGroup: ExternalObjectGroup, newGroupedRootModules: ExternalObjectGroup[]): void;
     arrangeRootModulesOfGroup(changedGroup: ExternalObjectGroup): void;
@@ -128,14 +126,14 @@ export declare class GlueLogicImplementation implements GlueLogic {
     private _calculateAndUpdateGroupMap;
     private _addNewGroup;
     private _addGroupToMap;
-    updateAttribute(rootModuleId: string, moduleId: string, attributeId: string, attributeValue: string | boolean): void;
+    updateAttribute(rootModuleId: string, moduleId: string | null, attributeId: string, attributeValue: string | boolean): void;
     modifyAttribute(groupId: string, moduleIdObjects: ExternalModuleInformation[], attributeName: string, value: string): void;
     getVerifiedAttributeOptions(moduleId: string, attributeIds?: string | string[]): Promise<Record<string, CheckResult> | undefined>;
     updateAdditionalInfo(rootModuleId: string, additionalInfo: string): void;
     swapRootModule(groupId: string, rootModuleId: string, articleId: string): void;
     _modifyAttributeOfModules(emulatorGroupItem: GroupItem, moduleIds: string[] | string, attributeId: string, value: string | boolean): PosGroup;
     private _setAttribute;
-    savePlanSnapshot(): Promise<PlanSnapshot>;
+    savePlanSnapshot(): Promise<PlanSnapshot | null>;
     private _findRootModuleInAllGroups;
     private _findModuleInAllGroups;
     private _findModule;

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

@@ -387,7 +387,7 @@ export default class RoomlePlanner<P extends readonly PluginName[] = readonly []
      * @param idOfNew the RAPI id of the new plan object
      * @returns runtime ID of the new object
      */
-    swapObject(old: number | PlanElementViewModel, idOfNew: RapiId): Promise<number>;
+    swapObject(old: number | PlanElementViewModel | null, idOfNew: RapiId): Promise<number>;
     exportImageFromCamera(filename?: string, shouldWaitForAssets?: boolean): Promise<void>;
     exportCanvasScreenshot(quality?: number): Promise<string>;
     /**

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

@@ -223,7 +223,7 @@ export default class PlannerSceneManager extends ConfiguratorSceneManager implem
     private _externalPlanObjectSelectionChanged;
     highlightExternalObject(planObjectComponent: KernelPlanObjectComponent): void;
     private _selectExternalObjectComponent;
-    private _getSelectedPlanObjectComponent;
+    getSelectedPlanObjectComponent(): KernelPlanObjectComponent;
     selectObjectComponent(planObjectComponent: KernelPlanObjectComponent, switchToConfigurator: boolean, selectComponent: boolean): Promise<void>;
     _swapObjectInConfigurator(planObjectComponent: KernelPlanObjectComponent): Promise<void>;
     getObjectComponent(id: number, typeOfId: Enumify<typeof CORE_TYPE_OF_CORE_ID>): KernelPlanObjectComponent | null;

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

@@ -1,11 +1,9 @@
-import { ConfiguratorKernelClass, KernelAddOnSpot, KernelComponent, KernelConfiguration, KernelDockPairToLine, KernelDockPairToPoint, KernelParameter, KernelParameterGroup, KernelParameterValue, KernelParamKeyValuePair, KernelPart, KernelPartListParameter, KernelPossibleChild, KernelRange, KernelVariable, KernelVariant } from './kernel';
+import { ConfiguratorKernelClass, KernelAddOnSpot, KernelComponent, KernelConfiguration, KernelDockPairPreview, KernelParameter, KernelParameterGroup, KernelParameterValue, KernelParamKeyValuePair, KernelPart, KernelPartListParameter, KernelPossibleChild, KernelRange, KernelVariable, KernelVariant } from './kernel';
 import { PlanObjectList } from './planner-kernel-container';
 
 import * as ems from './ems';
 declare const EmsArray: typeof ems.EmsArray;
-declare class DockPairToPointArray extends EmsArray<KernelDockPairToPoint> {
-}
-declare class DockPairToLineArray extends EmsArray<KernelDockPairToLine> {
+declare class DockPairPreviewArray extends EmsArray<KernelDockPairPreview> {
 }
 declare class ComponentArray extends EmsArray<KernelComponent> {
 }
@@ -72,8 +70,7 @@ declare class UnitMeasureFormatter {
     isParseableNumber(aString: string): boolean;
 }
 export interface ConfiguratorKernelContainer {
-    DockPairToPointArray: DockPairToPointArray;
-    DockPairToLineArray: DockPairToLineArray;
+    DockPairPreviewArray: DockPairPreviewArray;
     ComponentArray: ComponentArray;
     Type: Type;
     UnitType: UnitType;

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

@@ -389,16 +389,33 @@ export interface KernelContainer {
     registerConfiguratorCallback: (callbacksObject: any) => void;
     unregisterConfiguratorCallback: (callbacksObject: any) => void;
 }
-export interface KernelDockPairToPoint {
+export declare const CORE_DOCK_PAIR_TYPE: {
+    readonly POINT: 0;
+    readonly LINE: 1;
+};
+export interface DockPairType {
+    value: Enumify<typeof CORE_DOCK_PAIR_TYPE>;
+}
+export interface KernelDockPairPreview {
     parentId: number;
     parentDockId: number;
     childId: number;
     childDockId: number;
+    type: DockPairType;
     position: KernelVector3f;
     rotation: KernelVector3f;
     insertInBetween: boolean;
     displacedChildId: number;
     displacedChildTransform: KernelMatrix4;
+    displacedComponents: number[];
+    displacementRotation: KernelVector3f;
+    displacementVector: KernelVector3f;
+    positionFrom?: KernelVector3f;
+    positionTo?: KernelVector3f;
+    lineFrom?: KernelVector3f;
+    lineTo?: KernelVector3f;
+    lineSegments: DockingLineSegment[];
+    areaWidth?: number;
 }
 export interface KernelVector2f {
     x: number;
@@ -417,19 +434,6 @@ export interface KernelDockingLineSegment {
     from: number;
     to: number;
 }
-export interface KernelDockPairToLine {
-    parentId: number;
-    parentDockId: number;
-    childId: number;
-    childDockId: number;
-    position: KernelVector3f;
-    rotation: KernelVector3f;
-    positionFrom: KernelVector3f;
-    positionTo: KernelVector3f;
-    lineFrom: KernelVector3f;
-    lineTo: KernelVector3f;
-    lineSegments: KernelDockingLineSegment[];
-}
 export interface KernelVariable {
     key: string;
     type: string;

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

@@ -1,4 +1,4 @@
-import { ConfiguratorKernelClass, KernelAddOnSpot, KernelComponent, KernelConfiguration, KernelDockPairToLine, KernelDockPairToPoint, KernelEnum, KernelParameter, KernelParameterGroup, KernelParameterValue, KernelParamKeyValuePair, KernelPart, KernelPartListParameter, KernelPlanObject, KernelPossibleChild, KernelRange, KernelVariable, KernelVariant, KernelVector2f, KernelVector3f } from './kernel';
+import { ConfiguratorKernelClass, KernelAddOnSpot, KernelComponent, KernelConfiguration, KernelDockPairPreview, KernelEnum, KernelParameter, KernelParameterGroup, KernelParameterValue, KernelParamKeyValuePair, KernelPart, KernelPartListParameter, KernelPlanObject, KernelPossibleChild, KernelRange, KernelVariable, KernelVariant, KernelVector2f, KernelVector3f } from './kernel';
 import { PlanInteractionHandler, WallSide } from './planner';
 import { Enumify } from '../common-core/src/types';
 
@@ -238,9 +238,7 @@ declare class Vector2fArray extends EmsArray<KernelVector2f> {
 }
 declare class LongArray extends EmsArray<number> {
 }
-declare class DockPairToPointArray extends EmsArray<KernelDockPairToPoint> {
-}
-declare class DockPairToLineArray extends EmsArray<KernelDockPairToLine> {
+declare class DockPairPreviewArray extends EmsArray<KernelDockPairPreview> {
 }
 declare class ComponentArray extends EmsArray<KernelComponent> {
 }
@@ -351,8 +349,7 @@ export interface PlannerKernelContainer {
     StringArray: StringArray;
     Vector2fArray: Vector2fArray;
     LongArray: LongArray;
-    DockPairToPointArray: DockPairToPointArray;
-    DockPairToLineArray: DockPairToLineArray;
+    DockPairPreviewArray: DockPairPreviewArray;
     ComponentArray: ComponentArray;
     Type: Type;
     UnitType: UnitType;

package/src/common/components/flying-menu/FlyingMenuToggles.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<{
+    firstIconName?: string;
+    secondIconName?: string;
+    firstLabel?: string;
+    secondLabel?: string;
+    isActive: boolean;
+    toggle: () => void;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    firstIconName?: string;
+    secondIconName?: string;
+    firstLabel?: string;
+    secondLabel?: string;
+    isActive: boolean;
+    toggle: () => void;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/common/components/side-bar/utils/configurator-sidebar-components.d.ts

@@ -2,12 +2,12 @@ declare const dynamicComponents: {
     readonly MaterialParameter: import('vue').DefineComponent<{
         parameter?: UiKernelParameter;
         isExpanded: boolean;
-        onExpand: (_payload: MouseEvent) => void;
+        onExpand?: (_payload: MouseEvent) => void;
         onCollapse?: (_payload: MouseEvent) => void;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         parameter?: UiKernelParameter;
         isExpanded: boolean;
-        onExpand: (_payload: MouseEvent) => void;
+        onExpand?: (_payload: MouseEvent) => void;
         onCollapse?: (_payload: MouseEvent) => void;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly OptionsParameter: import('vue').DefineComponent<{
@@ -30,7 +30,6 @@ declare const dynamicComponents: {
         isExpanded: BooleanConstructor;
         onExpand: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
-            required: true;
         };
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
@@ -48,7 +47,6 @@ declare const dynamicComponents: {
         isExpanded: BooleanConstructor;
         onExpand: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
-            required: true;
         };
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
@@ -58,7 +56,7 @@ declare const dynamicComponents: {
     }, {}, {
         GridView: import('vue').DefineComponent<{
             isExpanded?: boolean;
-            onExpand: (event: MouseEvent) => void;
+            onExpand?: (event: MouseEvent) => void;
             onSelect: ((...args: any[]) => any)[] | ((possibleChild: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event?: Event) => Promise<void>);
             onDragStart?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
             onDragEnd?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => void;
@@ -73,7 +71,7 @@ declare const dynamicComponents: {
             currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
             isExpanded?: boolean;
-            onExpand: (event: MouseEvent) => void;
+            onExpand?: (event: MouseEvent) => void;
             onSelect: ((...args: any[]) => any)[] | ((possibleChild: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event?: Event) => Promise<void>);
             onDragStart?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
             onDragEnd?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => void;
@@ -111,12 +109,12 @@ declare const dynamicComponents: {
     readonly PossibleChildren: import('vue').DefineComponent<{
         addonTag: UiPossibleChildTag;
         isExpanded: boolean;
-        onExpand: () => void;
+        onExpand?: () => void;
         onCollapse: (_payload: MouseEvent) => void;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         addonTag: UiPossibleChildTag;
         isExpanded: boolean;
-        onExpand: () => void;
+        onExpand?: () => void;
         onCollapse: (_payload: MouseEvent) => void;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly ProductVariant: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -159,7 +157,7 @@ declare const dynamicComponents: {
     }, {}, {
         GridView: import('vue').DefineComponent<{
             isExpanded?: boolean;
-            onExpand: (event: MouseEvent) => void;
+            onExpand?: (event: MouseEvent) => void;
             onSelect: ((...args: any[]) => any)[] | ((possibleChild: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event?: Event) => Promise<void>);
             onDragStart?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
             onDragEnd?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => void;
@@ -174,7 +172,7 @@ declare const dynamicComponents: {
             currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
             isExpanded?: boolean;
-            onExpand: (event: MouseEvent) => void;
+            onExpand?: (event: MouseEvent) => void;
             onSelect: ((...args: any[]) => any)[] | ((possibleChild: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event?: Event) => Promise<void>);
             onDragStart?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
             onDragEnd?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => void;
@@ -2551,7 +2549,7 @@ declare const dynamicComponents: {
     }, {
         scalingDirection: number;
     }, {}, {
-        changeScalingDirection(activeSwitch: number): Promise<void>;
+        changeScalingDirection(): Promise<void>;
         setElementLength(value: string): void;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         onSetElementLength: {
@@ -2571,40 +2569,84 @@ declare const dynamicComponents: {
             required: true;
         };
     }>> & Readonly<{}>, {}, {}, {
-        SwitchButton: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                switch?: (clickedOption: 1 | 2) => void;
-                initialActive?: number;
-                hasIcons?: boolean;
-            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{
-                switch?: (clickedOption: 1 | 2) => void;
-                initialActive?: number;
-                hasIcons?: boolean;
-            }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<{
-            switch?: (clickedOption: 1 | 2) => void;
-            initialActive?: number;
-            hasIcons?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                firstOption?(_: {
-                    active: boolean;
-                }): any;
-                secondOption?(_: {
-                    active: boolean;
-                }): any;
+        RadioToggle: <T>(__VLS_props: {
+            size?: string;
+            circle?: boolean;
+            value: T;
+            onChange?: (value: T) => void;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
+            slots: {
+                default?(_: {}): any;
             };
-        });
+            attrs: any;
+            emit: {};
+        }, __VLS_expose?: (exposed: import('vue').ShallowUnwrapRef<{}>) => void, __VLS_setup?: Promise<{
+            props: {
+                size?: string;
+                circle?: boolean;
+                value: T;
+                onChange?: (value: T) => void;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+            attrs: any;
+            slots: {
+                default?(_: {}): any;
+            };
+            emit: {};
+        }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }> & {
+            __ctx?: {
+                props: {
+                    size?: string;
+                    circle?: boolean;
+                    value: T;
+                    onChange?: (value: T) => void;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+                attrs: any;
+                slots: {
+                    default?(_: {}): any;
+                };
+                emit: {};
+            };
+        };
+        RadioOption: <T_1>(__VLS_props: {
+            value: T_1;
+            circle?: boolean;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
+            slots: {
+                default?(_: {}): any;
+            };
+            attrs: any;
+            emit: {};
+        }, __VLS_expose?: (exposed: import('vue').ShallowUnwrapRef<{}>) => void, __VLS_setup?: Promise<{
+            props: {
+                value: T_1;
+                circle?: boolean;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+            attrs: any;
+            slots: {
+                default?(_: {}): any;
+            };
+            emit: {};
+        }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }> & {
+            __ctx?: {
+                props: {
+                    value: T_1;
+                    circle?: boolean;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+                attrs: any;
+                slots: {
+                    default?(_: {}): any;
+                };
+                emit: {};
+            };
+        };
         SvgIcon: import('vue').DefineComponent<{
             icon: string;
         }, {

package/src/configurator/components/addons/PossibleChildren.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import('vue').DefineComponent<{
     addonTag: UiPossibleChildTag;
     isExpanded: boolean;
-    onExpand: () => void;
+    onExpand?: () => void;
     onCollapse: (_payload: MouseEvent) => void;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     addonTag: UiPossibleChildTag;
     isExpanded: boolean;
-    onExpand: () => void;
+    onExpand?: () => void;
     onCollapse: (_payload: MouseEvent) => void;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/configurator/components/grid-view/GridView.vue.d.ts

@@ -3,7 +3,7 @@ import { TouchDrag } from '../../../../packages/common/src/utils/touch-drag';
 
 declare const _default: import('vue').DefineComponent<{
     isExpanded?: boolean;
-    onExpand: (event: MouseEvent) => void;
+    onExpand?: (event: MouseEvent) => void;
     onSelect: ((...args: any[]) => any)[] | ((possibleChild: GridViewElement<any>, event?: Event) => Promise<void>);
     onDragStart?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
     onDragEnd?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => void;
@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<{
     currentTouch: TouchDrag<GridViewElement<any>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     isExpanded?: boolean;
-    onExpand: (event: MouseEvent) => void;
+    onExpand?: (event: MouseEvent) => void;
     onSelect: ((...args: any[]) => any)[] | ((possibleChild: GridViewElement<any>, event?: Event) => Promise<void>);
     onDragStart?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
     onDragEnd?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => void;

package/src/configurator/components/parameters/types/MaterialParameter.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import('vue').DefineComponent<{
     parameter?: UiKernelParameter;
     isExpanded: boolean;
-    onExpand: (_payload: MouseEvent) => void;
+    onExpand?: (_payload: MouseEvent) => void;
     onCollapse?: (_payload: MouseEvent) => void;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     parameter?: UiKernelParameter;
     isExpanded: boolean;
-    onExpand: (_payload: MouseEvent) => void;
+    onExpand?: (_payload: MouseEvent) => void;
     onCollapse?: (_payload: MouseEvent) => void;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/configurator/components/parameters/types/ProductVariant.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {
     GridView: import('vue').DefineComponent<{
         isExpanded?: boolean;
-        onExpand: (event: MouseEvent) => void;
+        onExpand?: (event: MouseEvent) => void;
         onSelect: ((...args: any[]) => any)[] | ((possibleChild: GridViewElement<any>, event?: Event) => Promise<void>);
         onDragStart?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
         onDragEnd?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => void;
@@ -56,7 +56,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<GridViewElement<any>>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         isExpanded?: boolean;
-        onExpand: (event: MouseEvent) => void;
+        onExpand?: (event: MouseEvent) => void;
         onSelect: ((...args: any[]) => any)[] | ((possibleChild: GridViewElement<any>, event?: Event) => Promise<void>);
         onDragStart?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
         onDragEnd?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => void;

package/src/configurator/components/parameters/types/ThumbnailsParameter.vue.d.ts

@@ -6,7 +6,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isExpanded: BooleanConstructor;
     onExpand: {
         type: PropType<(_payload: MouseEvent) => void>;
-        required: true;
     };
     onCollapse: {
         type: PropType<(_payload: MouseEvent) => void>;
@@ -24,7 +23,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isExpanded: BooleanConstructor;
     onExpand: {
         type: PropType<(_payload: MouseEvent) => void>;
-        required: true;
     };
     onCollapse: {
         type: PropType<(_payload: MouseEvent) => void>;
@@ -34,7 +32,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {
     GridView: import('vue').DefineComponent<{
         isExpanded?: boolean;
-        onExpand: (event: MouseEvent) => void;
+        onExpand?: (event: MouseEvent) => void;
         onSelect: ((...args: any[]) => any)[] | ((possibleChild: GridViewElement<any>, event?: Event) => Promise<void>);
         onDragStart?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
         onDragEnd?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => void;
@@ -49,7 +47,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<GridViewElement<any>>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         isExpanded?: boolean;
-        onExpand: (event: MouseEvent) => void;
+        onExpand?: (event: MouseEvent) => void;
         onSelect: ((...args: any[]) => any)[] | ((possibleChild: GridViewElement<any>, event?: Event) => Promise<void>);
         onDragStart?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
         onDragEnd?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => void;

package/src/configurator/embedding/exposed-api.d.ts

@@ -4,7 +4,7 @@ import { MessageHandler } from '../../../packages/common/src/utils/message-handl
 import { Store } from 'vuex';
 import { StoreState } from '../../common/store';
 import { Nullable } from '../../common/utils/types';
-import { RoomleConfiguratorType, RoomlePlannerWithExtObjs } from '@roomle/web-sdk/typings/external-objects';
+import { ExtObjId, RoomleConfiguratorType, RoomlePlannerWithExtObjs } from '@roomle/web-sdk/typings/external-objects';
 import { Analytics } from '../../common/plugins/analytics';
 import { default as RoomleGLBViewer } from '@roomle/web-sdk/glb-viewer-core/src/roomle-glb-viewer';
 import { GlobalCallback } from '@roomle/web-sdk/common-core/src/services/global-callback';
@@ -18,6 +18,7 @@ import { DragInOptions } from '../../../packages/embedding-lib/src/plugins/types
 import { CustomViewSettingsForIframe, PossibleCustomViews } from './types';
 import { default as RapiAccess } from '@roomle/web-sdk/common-core/src/rapi-access';
 import { ID_TYPE } from '@roomle/web-sdk/planner-core/src/roomle-planner';
+import { RapiId } from '@roomle/web-sdk/typings/rapi-types';
 
 export declare class ExposedApi {
     private _sdk;
@@ -189,4 +190,12 @@ export declare class ExposedApi {
     private _websiteReady;
     private _handleMessage;
     private _forwardSdkCallbacks;
+    /**
+     *
+     * Inserts an object into the plan or swapped an object with an existing object in the plan.
+     * If an object in the scene is selected and the swap action is enabled, the selected object is replaced with the new object.
+     * If no object is selected or the swap action is disabled, the new object is simply inserted into the scene.
+     * @param objectId of the object being inserted or swapped
+     */
+    insertOrSwapObject(objectId: RapiId | ExtObjId): Promise<void>;
 }

package/src/planner/components/overlays/rooms/ElementLengthScaling.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     scalingDirection: number;
 }, {}, {
-    changeScalingDirection(activeSwitch: number): Promise<void>;
+    changeScalingDirection(): Promise<void>;
     setElementLength(value: string): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     onSetElementLength: {
@@ -43,40 +43,84 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {
-    SwitchButton: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            switch?: (clickedOption: 1 | 2) => void;
-            initialActive?: number;
-            hasIcons?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            switch?: (clickedOption: 1 | 2) => void;
-            initialActive?: number;
-            hasIcons?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        switch?: (clickedOption: 1 | 2) => void;
-        initialActive?: number;
-        hasIcons?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            firstOption?(_: {
-                active: boolean;
-            }): any;
-            secondOption?(_: {
-                active: boolean;
-            }): any;
-        };
-    });
+    RadioToggle: <T>(__VLS_props: {
+        size?: string;
+        circle?: boolean;
+        value: T;
+        onChange?: (value: T) => void;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
+        slots: {
+            default?(_: {}): any;
+        };
+        attrs: any;
+        emit: {};
+    }, __VLS_expose?: (exposed: import('vue').ShallowUnwrapRef<{}>) => void, __VLS_setup?: Promise<{
+        props: {
+            size?: string;
+            circle?: boolean;
+            value: T;
+            onChange?: (value: T) => void;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            default?(_: {}): any;
+        };
+        emit: {};
+    }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> & {
+        __ctx?: {
+            props: {
+                size?: string;
+                circle?: boolean;
+                value: T;
+                onChange?: (value: T) => void;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+            attrs: any;
+            slots: {
+                default?(_: {}): any;
+            };
+            emit: {};
+        };
+    };
+    RadioOption: <T_1>(__VLS_props: {
+        value: T_1;
+        circle?: boolean;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
+        slots: {
+            default?(_: {}): any;
+        };
+        attrs: any;
+        emit: {};
+    }, __VLS_expose?: (exposed: import('vue').ShallowUnwrapRef<{}>) => void, __VLS_setup?: Promise<{
+        props: {
+            value: T_1;
+            circle?: boolean;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            default?(_: {}): any;
+        };
+        emit: {};
+    }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> & {
+        __ctx?: {
+            props: {
+                value: T_1;
+                circle?: boolean;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+            attrs: any;
+            slots: {
+                default?(_: {}): any;
+            };
+            emit: {};
+        };
+    };
     SvgIcon: import('vue').DefineComponent<{
         icon: string;
     }, {

package/src/planner/components/overlays/rooms/ParameterSwitch.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     changeUnit?: (activeSwitch: number) => void;
     activeSwitch?: number;
     label?: string;
+    circle?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     firstIcon?: string;
     secondIcon?: string;
@@ -14,5 +15,6 @@ declare const _default: import('vue').DefineComponent<{
     changeUnit?: (activeSwitch: number) => void;
     activeSwitch?: number;
     label?: string;
+    circle?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;