@roomle/embedding-lib 5.13.0 → 5.14.0

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

@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     parameter: PropType<UiKernelParameter>;
     isExpanded: BooleanConstructor;
     onExpand: {
-        type: FunctionConstructor;
+        type: PropType<(_payload: MouseEvent) => void>;
         required: true;
     };
     onCollapse: {
@@ -30,7 +30,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     parameter: PropType<UiKernelParameter>;
     isExpanded: BooleanConstructor;
     onExpand: {
-        type: FunctionConstructor;
+        type: PropType<(_payload: MouseEvent) => void>;
         required: true;
     };
     onCollapse: {
@@ -45,325 +45,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isDesktop: boolean;
     isExpanded: boolean;
 }, {}, {
-    GridView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        isExpanded: BooleanConstructor;
-        onExpand: {
-            type: FunctionConstructor;
-            required: true;
-        };
-        onSelect: {
-            type: PropType<((..._args: any[]) => void) | ((..._args: any[]) => void)[]>;
-            required: true;
-        };
-        onDragStart: FunctionConstructor;
-        onDragEnd: FunctionConstructor;
-        elements: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-        selectedElement: {
-            type: PropType<import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../grid-view/-utils/GridViewHelper').GridViewVariantElement | GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-            default: any;
-        };
-        groups: {
-            type: PropType<GridViewGroup<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-            required: true;
-        };
-        onCollapse: {
-            type: PropType<(_payload: MouseEvent) => void>;
-        };
-        state: {
-            type: PropType<import('../../../../common/store/collection-view-state').GridViewUiState>;
-        };
-        isDesktop: BooleanConstructor;
-    }>, {
-        onSelectWrapped: (...args: any) => void;
+    GridView: import('vue').DefineComponent<{
+        isExpanded?: boolean;
+        onExpand: (event: MouseEvent) => void;
+        onSelect: (possibleChild: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>) => Promise<void>;
+        onDragStart?: (gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent | TouchEvent) => Promise<void>;
+        onDragEnd?: (gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent | TouchEvent) => void;
+        elements: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
+        selectedElement?: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../grid-view/-utils/GridViewHelper').GridViewVariantElement | GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
+        groups: GridViewGroup<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
+        onCollapse?: (mouseEvent: MouseEvent) => void;
+        state?: import('../../../../common/store/collection-view-state').GridViewUiState;
+        isDesktop?: boolean;
     }, {
         currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-    }, {
-        selectedElementWrapped(): GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
-        isDraggable(): boolean;
-        stateWrapped(): import('../../../../common/store/collection-view-state').GridViewUiState;
-    }, {
-        dragStart(gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent | DragEvent): Promise<void>;
-        dragEnd(gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent | DragEvent): void;
-        touchStart(gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent): void;
-        touchMove(_gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent): void;
-        touchEnd(gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        isExpanded: BooleanConstructor;
-        onExpand: {
-            type: FunctionConstructor;
-            required: true;
-        };
-        onSelect: {
-            type: PropType<((..._args: any[]) => void) | ((..._args: any[]) => void)[]>;
-            required: true;
-        };
-        onDragStart: FunctionConstructor;
-        onDragEnd: FunctionConstructor;
-        elements: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-        selectedElement: {
-            type: PropType<import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../grid-view/-utils/GridViewHelper').GridViewVariantElement | GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-            default: any;
-        };
-        groups: {
-            type: PropType<GridViewGroup<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-            required: true;
-        };
-        onCollapse: {
-            type: PropType<(_payload: MouseEvent) => void>;
-        };
-        state: {
-            type: PropType<import('../../../../common/store/collection-view-state').GridViewUiState>;
-        };
-        isDesktop: BooleanConstructor;
-    }>> & Readonly<{}>, {
-        isDesktop: boolean;
-        isExpanded: boolean;
-        selectedElement: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../grid-view/-utils/GridViewHelper').GridViewVariantElement | GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
-    }, {}, {
-        ExpandedView: import('vue').DefineComponent<{
-            groups: GridViewGroup<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
-            selectedElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
-            onSelect: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>) => void;
-            onDragStart: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
-            onDragEnd: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
-            onTouchStart: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-            onTouchEnd: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-            onTouchMove: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-            onCollapse?: (_payload: MouseEvent) => void;
-            state: import('../../../../common/store/collection-view-state').GridViewUiState;
-            isDesktop?: boolean;
-            isDraggable?: boolean;
-        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-            groups: GridViewGroup<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
-            selectedElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
-            onSelect: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>) => void;
-            onDragStart: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
-            onDragEnd: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
-            onTouchStart: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-            onTouchEnd: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-            onTouchMove: (element: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-            onCollapse?: (_payload: MouseEvent) => void;
-            state: import('../../../../common/store/collection-view-state').GridViewUiState;
-            isDesktop?: boolean;
-            isDraggable?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-        CollapsedView: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                elements: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-                selectedElement: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-                onExpand: FunctionConstructor;
-                onSelect: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onDragStart: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onDragEnd: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchStart: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchEnd: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchMove: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                showAllElements: BooleanConstructor;
-                isDesktop: BooleanConstructor;
-                isDraggable: BooleanConstructor;
-                isScrolling: BooleanConstructor;
-                state: {
-                    type: PropType<import('../../../../common/store/collection-view-state').GridViewUiState>;
-                    default: () => {
-                        filter: any[];
-                        search: any;
-                        userInitiatedSearch: boolean;
-                        viewType: import('../../../../common/store/collection-view-state').ViewTypeState;
-                    };
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-                elements: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-                selectedElement: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-                onExpand: FunctionConstructor;
-                onSelect: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onDragStart: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onDragEnd: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchStart: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchEnd: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchMove: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                showAllElements: BooleanConstructor;
-                isDesktop: BooleanConstructor;
-                isDraggable: BooleanConstructor;
-                isScrolling: BooleanConstructor;
-                state: {
-                    type: PropType<import('../../../../common/store/collection-view-state').GridViewUiState>;
-                    default: () => {
-                        filter: any[];
-                        search: any;
-                        userInitiatedSearch: boolean;
-                        viewType: import('../../../../common/store/collection-view-state').ViewTypeState;
-                    };
-                };
-            }>> & Readonly<{}>, {
-                state: import('../../../../common/store/collection-view-state').GridViewUiState;
-                isDesktop: boolean;
-                onSelect: Function;
-                onDragStart: Function;
-                onDragEnd: Function;
-                onTouchStart: Function;
-                onTouchEnd: Function;
-                onTouchMove: Function;
-                isDraggable: boolean;
-                showAllElements: boolean;
-                isScrolling: boolean;
-            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                elements: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-                selectedElement: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-                onExpand: FunctionConstructor;
-                onSelect: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onDragStart: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onDragEnd: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchStart: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchEnd: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                onTouchMove: {
-                    type: FunctionConstructor;
-                    default: () => any;
-                };
-                showAllElements: BooleanConstructor;
-                isDesktop: BooleanConstructor;
-                isDraggable: BooleanConstructor;
-                isScrolling: BooleanConstructor;
-                state: {
-                    type: PropType<import('../../../../common/store/collection-view-state').GridViewUiState>;
-                    default: () => {
-                        filter: any[];
-                        search: any;
-                        userInitiatedSearch: boolean;
-                        viewType: import('../../../../common/store/collection-view-state').ViewTypeState;
-                    };
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, {
-                state: import('../../../../common/store/collection-view-state').GridViewUiState;
-                isDesktop: boolean;
-                onSelect: Function;
-                onDragStart: Function;
-                onDragEnd: Function;
-                onTouchStart: Function;
-                onTouchEnd: Function;
-                onTouchMove: Function;
-                isDraggable: boolean;
-                showAllElements: boolean;
-                isScrolling: boolean;
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            elements: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-            selectedElement: PropType<GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-            onExpand: FunctionConstructor;
-            onSelect: {
-                type: FunctionConstructor;
-                default: () => any;
-            };
-            onDragStart: {
-                type: FunctionConstructor;
-                default: () => any;
-            };
-            onDragEnd: {
-                type: FunctionConstructor;
-                default: () => any;
-            };
-            onTouchStart: {
-                type: FunctionConstructor;
-                default: () => any;
-            };
-            onTouchEnd: {
-                type: FunctionConstructor;
-                default: () => any;
-            };
-            onTouchMove: {
-                type: FunctionConstructor;
-                default: () => any;
-            };
-            showAllElements: BooleanConstructor;
-            isDesktop: BooleanConstructor;
-            isDraggable: BooleanConstructor;
-            isScrolling: BooleanConstructor;
-            state: {
-                type: PropType<import('../../../../common/store/collection-view-state').GridViewUiState>;
-                default: () => {
-                    filter: any[];
-                    search: any;
-                    userInitiatedSearch: boolean;
-                    viewType: import('../../../../common/store/collection-view-state').ViewTypeState;
-                };
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            state: import('../../../../common/store/collection-view-state').GridViewUiState;
-            isDesktop: boolean;
-            onSelect: Function;
-            onDragStart: Function;
-            onDragEnd: Function;
-            onTouchStart: Function;
-            onTouchEnd: Function;
-            onTouchMove: Function;
-            isDraggable: boolean;
-            showAllElements: boolean;
-            isScrolling: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                aux?(_: {}): any;
-            };
-        });
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        isExpanded?: boolean;
+        onExpand: (event: MouseEvent) => void;
+        onSelect: (possibleChild: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>) => Promise<void>;
+        onDragStart?: (gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent | TouchEvent) => Promise<void>;
+        onDragEnd?: (gridViewElement: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent | TouchEvent) => void;
+        elements: GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
+        selectedElement?: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../grid-view/-utils/GridViewHelper').GridViewVariantElement | GridViewElement<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
+        groups: GridViewGroup<import('../../grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
+        onCollapse?: (mouseEvent: MouseEvent) => void;
+        state?: import('../../../../common/store/collection-view-state').GridViewUiState;
+        isDesktop?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/configurator/components/utils/PopUp.vue.d.ts

@@ -1,79 +1,49 @@
-import { PropType } from 'vue';
 import { PopUpAlignment } from './-utils/popup-types';
 
 type PopUpSize = 'auto' | 'big' | 'medium' | 'small';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    onClose: FunctionConstructor;
-    displayCloseButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isDesktop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLightTheme: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<PopUpSize>;
-        validator(value: any): boolean;
-    };
-    alignTo: {
-        type: PropType<PopUpAlignment>;
-        validator(value: any): boolean;
-    };
-}>, {}, {}, {
-    isAuto(): boolean;
-    isBig(): boolean;
-    isMedium(): boolean;
-    isSmall(): boolean;
-    isAlignToScene(): boolean;
-}, {
-    close(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    onClose: FunctionConstructor;
-    displayCloseButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isDesktop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLightTheme: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<PopUpSize>;
-        validator(value: any): boolean;
-    };
-    alignTo: {
-        type: PropType<PopUpAlignment>;
-        validator(value: any): boolean;
-    };
-}>> & Readonly<{}>, {
+interface Props {
+    onClose?: () => void;
+    displayCloseButton?: boolean;
+    isDesktop?: boolean;
+    isLightTheme?: boolean;
+    size?: PopUpSize;
+    alignTo?: PopUpAlignment;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    displayCloseButton: boolean;
+    isDesktop: boolean;
+    isLightTheme: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    displayCloseButton: boolean;
+    isDesktop: boolean;
+    isLightTheme: boolean;
+}>>> & Readonly<{}>, {
     isDesktop: boolean;
     displayCloseButton: boolean;
     isLightTheme: boolean;
-}, {}, {
-    SvgIcon: import('vue').DefineComponent<{
-        icon: string;
-    }, {
-        svgIcon: import('vue').Ref<HTMLOrSVGElement, HTMLOrSVGElement>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        icon: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    SlideTransitionWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        useTransition: BooleanConstructor;
-    }>, {}, {}, {
-        computedTransition(): string;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        useTransition: BooleanConstructor;
-    }>> & Readonly<{}>, {
-        useTransition: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    content?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,15 +1,13 @@
-import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
 import { ExposedCallbacks } from './exposed-callbacks';
 import { LoadResponse, SdkConnector } from '../business-logic/sdk-connector';
 import { MessageHandler } from '../../../packages/common/src/utils/message-handler';
 import { Store } from 'vuex';
 import { StoreState } from '../../common/store';
-import { Nullable } from '../../common/utils/types';
+import { Nullable, RoomleConfiguratorType, RoomlePlannerWithExtObjs } from '../../common/utils/types';
 import { Analytics } from '../../common/plugins/analytics';
 import { default as RoomleGLBViewer } from '@roomle/web-sdk/lib/definitions/glb-viewer-core/src/roomle-glb-viewer';
 import { GlobalCallback } from '@roomle/web-sdk/lib/definitions/common-core/src/services/global-callback';
 import { Position3 } from '@roomle/web-sdk/lib/definitions/common-core/src/common-interfaces';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
 import { KernelPlanObject } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { Translator } from '../../common/composables/use-intl';
 import { Libs } from '../plugins/libs-plugin';
@@ -33,7 +31,7 @@ export declare class ExposedApi {
     private _messageHandlers;
     private _eventEmitter;
     private _dragHandler;
-    constructor(sdkConnector: SdkConnector, mainMessageHandlers: Nullable<MessageHandler>, sdk: RoomleConfigurator | RoomleGLBViewer | RoomlePlanner, exposedCallbacks: ExposedCallbacks, store: Store<StoreState>, analytics: Analytics, globalCallback: GlobalCallback, intl: Translator, libs: Libs, eventEmitter: EventEmitter);
+    constructor(sdkConnector: SdkConnector, mainMessageHandlers: Nullable<MessageHandler>, sdk: RoomleConfiguratorType | RoomleGLBViewer | RoomlePlannerWithExtObjs, exposedCallbacks: ExposedCallbacks, store: Store<StoreState>, analytics: Analytics, globalCallback: GlobalCallback, intl: Translator, libs: Libs, eventEmitter: EventEmitter);
     private _getMethodsAndCallbacks;
     get callbacks(): ExposedCallbacks;
     /**
@@ -129,6 +127,11 @@ export declare class ExposedApi {
         transition: string;
         direction: string;
     };
+    getPopUpShadowStyle(): {
+        backgroundColor: string;
+        cursor: string;
+    };
+    closePopUp(): void;
     /**
      * After you called dragInObject you can call this method to update the drag position
      * the coordinates x and y are relative to the iframe. Meaning 0/0 is the top left

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

@@ -3,6 +3,7 @@ import { KernelPartList, UiPlanObject } from '@roomle/web-sdk/lib/definitions/ty
 import { RapiConfigurationEnhanced } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { ButtonCallbackPayloads, CustomViewCallbackInfo } from './types';
 import { Nullable, SaveDraftPayload } from '../../common/utils/types';
+import { ExternalConfiguration } from '@roomle/web-sdk/lib/definitions/typings/external-objects';
 
 export interface Price {
     currencySymbol: Nullable<string>;
@@ -22,7 +23,7 @@ export declare class ExposedCallbacks {
      * @param labels the label of the catalog and the furniture system
      * @param configuration the data returned from the Roomle backend
      */
-    onRequestProduct: (configurationId: string, image: Base64Image, partList: KernelPartList, price: Price, labels: Labels, configuration: RapiConfigurationEnhanced) => void;
+    onRequestProduct: (configurationId: string, image: Base64Image, partList: KernelPartList, price: Price, labels: Labels, configuration: RapiConfigurationEnhanced | ExternalConfiguration) => void;
     /**
      * fullList fullList (needed for price calculation) of the current configuration
      * @param partList the part list with all details, grouped, etc
@@ -81,4 +82,6 @@ export declare class ExposedCallbacks {
     onCollapseDrawer: () => void;
     onExpandDrawer: () => void;
     onSidebarEvent: (...[type, params]: SidebarEventCallbackInfo) => void;
+    onShowPopUp: () => void;
+    onHidePopUp: () => void;
 }

package/src/configurator/embedding/helper.d.ts

@@ -11,19 +11,20 @@ import { Ref } from 'vue';
 import { Libs } from '../plugins/libs-plugin';
 import { Translator } from '../../common/composables/use-intl';
 import { SelectionPayload } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner-ui-callback';
+import { ExternalConfiguration } from '@roomle/web-sdk/lib/definitions/typings/external-objects';
 
 export declare const startConfiguring: (store: Store<StoreState>, exposedCallbacks: ExposedCallbacks) => void;
 export declare const resetCollectionViewStates: (store: Store<StoreState>) => void;
 export declare const stopConfiguring: (store: Store<StoreState>, sdkConnector: SdkConnector, embeddingCallbacks?: ExposedCallbacks) => Promise<void>;
 export declare const triggerRequestProduct: (embeddingCallbacks: ExposedCallbacks, sdkConnector: SdkConnector, store: Store<StoreState>, analytics: Analytics) => Promise<void>;
-export declare const sendSaveDraft: (sdkConnector: SdkConnector, store: Store<StoreState>, currentConfiguration: RapiConfigurationEnhanced | Nullable<RapiPlanSnapshotGetData | RapiPlan>) => Promise<import('@roomle/web-sdk/lib/definitions/typings/rapi-types').RapiJson>;
+export declare const sendSaveDraft: (sdkConnector: SdkConnector, store: Store<StoreState>, currentConfiguration: RapiConfigurationEnhanced | Nullable<RapiPlanSnapshotGetData | RapiPlan | ExternalConfiguration>) => Promise<import('@roomle/web-sdk/lib/definitions/typings/rapi-types').RapiJson>;
 export declare function handleSave(embeddingCallbacks: ExposedCallbacks, sdkConnector: SdkConnector, store: Store<StoreState>, analytics: Analytics, email?: string): Promise<SaveDraft>;
 export declare const initializeConfiguration: (sdkConnector: SdkConnector, isPlanner: boolean, store: Store<StoreState>, email?: string, analytics?: Analytics, embeddingCallbacks?: ExposedCallbacks, skipSendCallback?: boolean) => Promise<{
-    configuration: RapiConfigurationEnhanced | RapiPlanSnapshotGetData | RapiPlan;
+    configuration: RapiConfigurationEnhanced | RapiPlanSnapshotGetData | RapiPlan | ExternalConfiguration;
     image: string;
     url: string;
 }>;
-export declare const generateUrl: (sdkConnector: SdkConnector, store: Store<StoreState>, currentConfiguration: Nullable<RapiPlan | RapiConfigurationEnhanced | RapiPlanSnapshotGetData>, isPlanner: boolean) => Promise<string>;
+export declare const generateUrl: (sdkConnector: SdkConnector, store: Store<StoreState>, currentConfiguration: Nullable<RapiPlan | RapiConfigurationEnhanced | RapiPlanSnapshotGetData | ExternalConfiguration>, isPlanner: boolean) => Promise<string>;
 export declare const triggerRequestPlan: (embeddingCallbacks: ExposedCallbacks, sdkConnector: SdkConnector, store: Store<StoreState>, analytics: Analytics) => Promise<void>;
 export declare const getCurrentPerspectiveImage: (currentSelectedElement: Nullable<SelectionPayload>) => any;
 export declare const printPartList: (partList: KernelPartList[], price: Nullable<string>, label: string, bounds: string, catalogLabel: Nullable<string>, sdkConnector: SdkConnector, store: Store<StoreState>, embeddingCallbacks: ExposedCallbacks, libs: Libs, intl: Translator, isGenerating: Ref<boolean>) => Promise<void>;

package/src/configurator/embedding/types.d.ts

@@ -77,6 +77,11 @@ interface UiFeatureFlags extends FeatureFlags {
      * @description ...
      */
     prodmanager?: boolean;
+    /**
+     * @hidden
+     * @description Enables the open/close animation button in the flying menu - RML-13533
+     */
+    openCloseAnimation?: boolean;
 }
 export interface VariantsMap {
     [key: string]: RapiId;

package/src/planner/business-logic/sdk-connector-planner.d.ts

@@ -1,10 +1,9 @@
-import { Enumify, Nullable, PLAN_OBJECT_TYPES } from '../../common/utils/types';
+import { Enumify, Nullable, RoomlePlannerWithExtObjs, PLAN_OBJECT_TYPES } from '../../common/utils/types';
 import { Store } from 'vuex';
 import { StoreState } from '../../common/store';
 import { Analytics } from '../../common/plugins/analytics';
 import { RoomleSdkWrapper } from '../../configurator/business-logic/roomle-sdk-wrapper';
 import { UiInitData } from '../../configurator/embedding/types';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
 import { PLAN_ELEMENT_CHANGE_TYPES, SelectionPayload } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner-ui-callback';
 import { RapiConfigurationEnhanced, RapiId, RapiPlan, RapiPlanSnapshotGetData } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { CancelSelectionReasons } from '@roomle/web-sdk/lib/definitions/typings/planner';
@@ -13,6 +12,7 @@ import { default as PlanElementViewModel } from '@roomle/web-sdk/lib/definitions
 import { RuntimeId } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { default as EventEmitter } from '../../common/business-logic/event-emitter';
 import { SdkConnector } from '../../configurator/business-logic/sdk-connector';
+import { ExternalConfiguration } from '@roomle/web-sdk/lib/definitions/typings/external-objects';
 
 export declare const getConstructionWallAngle: (selectionElement: Nullable<PlanElementViewModel>) => Nullable<number>;
 export declare class SdkConnectorPlanner extends Connector {
@@ -30,9 +30,9 @@ export declare class SdkConnectorPlanner extends Connector {
     private _initData;
     private _sdkConnector;
     constructor(store: Store<StoreState>, analytics?: Nullable<Analytics>, eventEmitter?: Nullable<EventEmitter>, sdkConnector?: Nullable<SdkConnector>);
-    get api(): Promise<RoomlePlanner>;
+    get api(): Promise<RoomlePlannerWithExtObjs>;
     init(sdkWrapper: RoomleSdkWrapper, element: HTMLElement, initData: UiInitData): Promise<void>;
-    initPlanner(planner: RoomlePlanner): Promise<void>;
+    initPlanner(planner: RoomlePlannerWithExtObjs): Promise<void>;
     loadPlan(id: RapiId): Promise<void>;
     loadPlanBasedOnObjectId(id: RapiId): Promise<RuntimeId>;
     getObjects(): Promise<import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPlanObject[]>;
@@ -40,7 +40,7 @@ export declare class SdkConnectorPlanner extends Connector {
     onSelectionCancel(reason: CancelSelectionReasons): Promise<void>;
     private _checkForVisibleDrawer;
     saveCurrentPlan(): Promise<Nullable<RapiPlanSnapshotGetData | RapiPlan>>;
-    saveCurrentConfigurationInPlanSnapshot(configuration: RapiConfigurationEnhanced): Promise<Nullable<RapiPlanSnapshotGetData | RapiPlan>>;
+    saveCurrentConfigurationInPlanSnapshot(configuration: RapiConfigurationEnhanced | ExternalConfiguration): Promise<Nullable<RapiPlanSnapshotGetData | RapiPlan>>;
     private _disableWallDrawingState;
     private _enableWallDrawingState;
     switch2D(): Promise<void>;