@roomle/embedding-lib 5.30.1 → 5.31.0-alpha.2

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/notifications/MaximumLightNotification.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{
+    close: () => void;
+    payload: number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    close: () => void;
+    payload: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/common/components/notifications/RenderingLightNotification.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{
+    close: () => void;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    close: () => void;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/common/components/parameters/ColorParameter.vue.d.ts

@@ -1114,7 +1114,7 @@ declare const _default: import('vue').DefineComponent<{
     isExpanded?: boolean;
     onExpand?: () => void;
     onCollapse?: (_payload: MouseEvent) => void;
-    onSetColor?: (element: GridViewElement<any>, key?: string) => void | Promise<void>;
+    onSetColor?: (element: GridViewElement<any>, key?: string, isCustomColor?: boolean) => void | Promise<void>;
     value?: MinimalBoundValue<any>;
     label?: string;
     originalPayload?: any;
@@ -2224,7 +2224,7 @@ declare const _default: import('vue').DefineComponent<{
     isExpanded?: boolean;
     onExpand?: () => void;
     onCollapse?: (_payload: MouseEvent) => void;
-    onSetColor?: (element: GridViewElement<any>, key?: string) => void | Promise<void>;
+    onSetColor?: (element: GridViewElement<any>, key?: string, isCustomColor?: boolean) => void | Promise<void>;
     value?: MinimalBoundValue<any>;
     label?: string;
     originalPayload?: any;

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;
@@ -1382,7 +1380,7 @@ declare const dynamicComponents: {
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        onSetColor?: (element: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, key?: string) => void | Promise<void>;
+        onSetColor?: (element: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, key?: string, isCustomColor?: boolean) => void | Promise<void>;
         value?: import('../../../composables/use-core-bound-value').MinimalBoundValue<any>;
         label?: string;
         originalPayload?: any;
@@ -2492,7 +2490,7 @@ declare const dynamicComponents: {
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        onSetColor?: (element: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, key?: string) => void | Promise<void>;
+        onSetColor?: (element: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, key?: string, isCustomColor?: boolean) => void | Promise<void>;
         value?: import('../../../composables/use-core-bound-value').MinimalBoundValue<any>;
         label?: string;
         originalPayload?: any;
@@ -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/common/components/utils/-utils/notifications.d.ts

@@ -13,6 +13,8 @@ export declare const NOTIFICATION_SHOW_TIMEOUTS: {
     readonly LONG: 8000;
 };
 export declare const NOTIFICATIONS: {
+    readonly RENDERING_LIGHT: "rendering-light-notification";
+    readonly MAXIMUM_LIGHTS: "maximum-lights-notification";
     readonly LOAD_IDB_CONFIG: "load-idb-config";
     readonly FIRST_PERSON_CONTROLS: "first-person-controls";
     readonly STOP_CONFIGURE_HINT: "stop-configure-hint";
@@ -43,8 +45,10 @@ export type InteractionNotificationStore = Record<InteractionTypes, Notification
     message: string;
 }>>;
 export interface NotificationsStore {
+    [NOTIFICATIONS.MAXIMUM_LIGHTS]: NotificationData<number>;
     [NOTIFICATIONS.LOAD_IDB_CONFIG]: NotificationData<SavedIdbData<string>>;
     [NOTIFICATIONS.FIRST_PERSON_CONTROLS]: NotificationData<null>;
+    [NOTIFICATIONS.RENDERING_LIGHT]: NotificationData<null>;
     [NOTIFICATIONS.INTERACTION_NOTE]: InteractionNotificationStore;
 }
 export {};

package/src/common/composables/use-static-item-parameters.d.ts

@@ -1109,5 +1109,5 @@ export declare const useStaticItemParameters: (api: RoomlePlannerWithExtObjs, ma
             readonly __IS_SAMPLE_COLOR__: 1;
         }];
     }] | RapiMaterialGroup[]>;
-    onMaterialSelection: (element: GridViewElement<MaterialsForObjects>) => Promise<void>;
+    onMaterialSelection: (element: GridViewElement<MaterialsForObjects>, _key?: string, isCustomColor?: boolean) => Promise<void>;
 };

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/configurator/embedding/types.d.ts

@@ -153,6 +153,9 @@ export interface UiInitData extends InitDataDefinition, GlobalInitDataDefinition
             [INTERACTION_NOTIFICATIONS.ADD_ELEMENT]?: boolean;
             [INTERACTION_NOTIFICATIONS.PARAMETER_CHANGED]?: boolean;
         };
+        [key: string]: boolean | {
+            [key: string]: boolean | undefined;
+        } | undefined;
     };
     /**
      * @description skin the embedding instance

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;