@roomle/embedding-lib 5.13.0-alpha.1 → 5.13.0-alpha.2

package/src/common/components/overlays/PartList.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     icToggleEvent: PropType<EventBus<ToggleCallback>>;
     api: {
-        type: PropType<RoomleConfigurator | RoomlePlanner>;
+        type: PropType<RoomleConfigurator<readonly []> | RoomlePlanner<readonly []>>;
         required: true;
     };
 }>, {
@@ -39,7 +39,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     icToggleEvent: PropType<EventBus<ToggleCallback>>;
     api: {
-        type: PropType<RoomleConfigurator | RoomlePlanner>;
+        type: PropType<RoomleConfigurator<readonly []> | RoomlePlanner<readonly []>>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {

package/src/common/composables/use-configurator-api.d.ts

@@ -2,5 +2,5 @@ import { ShallowRef } from 'vue';
 import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
 
 export declare const useConfiguratorApi: () => {
-    configuratorApi: ShallowRef<RoomleConfigurator>;
+    configuratorApi: ShallowRef<RoomleConfigurator<readonly []>>;
 };

package/src/common/composables/use-core-instances.d.ts

@@ -3,6 +3,6 @@ import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planne
 import { PlanInteractionHandler } from '@roomle/web-sdk/lib/definitions/typings/planner';
 
 export declare const useCoreInstances: () => {
-    api: ShallowRef<RoomlePlanner>;
+    api: ShallowRef<RoomlePlanner<readonly []>>;
     planInteractionHandler: ShallowRef<PlanInteractionHandler>;
 };

package/src/common/composables/use-event-emitter-listener.d.ts

@@ -39,9 +39,11 @@ export interface NotificationEventTypes {
 }
 export declare const UPDATE_EVENTS: {
     readonly WALL_LENGTH: "update-wall-length";
+    readonly WALL_HEIGHT: "update-wall-height";
 };
 export interface UpdateEventTypes {
     [UPDATE_EVENTS.WALL_LENGTH]: void;
+    [UPDATE_EVENTS.WALL_HEIGHT]: void;
 }
 export declare const CUSTOM_VIEW_EVENTS: {
     readonly SHOW: "show-custom-view";

package/src/common/composables/use-open-close-anim.d.ts

@@ -0,0 +1,9 @@
+import { CollectionViewElement as CollectionViewElementType } from '../components/collection-view/-utils/types';
+import { UiKernelParameter } from '@roomle/web-sdk/lib/definitions/typings/kernel';
+
+export declare const OPEN_CLOSE_ANIMATION_PARAM_KEY = "animation:openClose";
+export declare const useOpenCloseAnim: () => {
+    openCloseAnimationParameter: import('vue').ComputedRef<CollectionViewElementType<UiKernelParameter>>;
+    isAnimationToggled: import('vue').ComputedRef<boolean>;
+    toggleOpenCloseAnimation: () => Promise<void>;
+};

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

@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<{
     onTouchStart: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchEnd: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchMove: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-    onCollapse?: (_payload: MouseEvent) => void;
+    onCollapse?: (mouseEvent: MouseEvent) => void;
     state: GridViewUiState;
     isDesktop?: boolean;
     isDraggable?: boolean;
@@ -23,7 +23,7 @@ declare const _default: import('vue').DefineComponent<{
     onTouchStart: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchEnd: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchMove: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-    onCollapse?: (_payload: MouseEvent) => void;
+    onCollapse?: (mouseEvent: MouseEvent) => void;
     state: GridViewUiState;
     isDesktop?: boolean;
     isDraggable?: boolean;

package/src/configurator/components/grid-view/-utils/GridViewHelper.d.ts

@@ -1,11 +1,11 @@
 import { RapiComponent, RapiItem, RapiMaterial } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { KernelValue, UiPossibleChild, UiPossibleChildTag } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { Nullable } from '../../../../common/utils/types';
-import { SampleRoom } from '../../../../planner/business-logic/rooms';
+import { MaterialsForObjects, SampleRoom } from '../../../../planner/business-logic/rooms';
 import { SampleMaterial } from '../../../../planner/components/overlays/rooms/utils/ral-colors';
 import { CollectionViewElement } from '../../../../common/components/collection-view/-utils/types';
 
-export type GridViewElementPossiblePayload = RapiMaterial | KernelValue | UiPossibleChild | RapiItem | SampleRoom | SampleMaterial | RapiComponent;
+export type GridViewElementPossiblePayload = RapiMaterial | KernelValue | UiPossibleChild | RapiItem | SampleRoom | SampleMaterial | RapiComponent | MaterialsForObjects;
 export interface GridViewElement<T = GridViewElementPossiblePayload> {
     key: string;
     payload: T;

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

@@ -1,327 +1,33 @@
-import { PropType } from 'vue';
 import { GridViewElement, GridViewGroup, GridViewVariantElement } from './-utils/GridViewHelper';
 import { GridViewUiState } from '../../../common/store/collection-view-state';
 import { TouchDrag } from '../../../../packages/common/src/utils/touch-drag';
 import { UiPossibleChild } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 
-declare const _default: 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('./-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-    selectedElement: {
-        type: PropType<UiPossibleChild | GridViewVariantElement | GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-        default: any;
-    };
-    groups: {
-        type: PropType<GridViewGroup<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-        required: true;
-    };
-    onCollapse: {
-        type: PropType<(_payload: MouseEvent) => void>;
-    };
-    state: {
-        type: PropType<GridViewUiState>;
-    };
-    isDesktop: BooleanConstructor;
-}>, {
-    onSelectWrapped: (...args: any) => void;
+declare const _default: import('vue').DefineComponent<{
+    isExpanded?: boolean;
+    onExpand: (event: MouseEvent) => void;
+    onSelect: (possibleChild: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>) => Promise<void>;
+    onDragStart?: (gridViewElement: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent | DragEvent) => Promise<void>;
+    onDragEnd?: (gridViewElement: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent | DragEvent) => void;
+    elements: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>[];
+    selectedElement?: UiPossibleChild | GridViewVariantElement | GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>;
+    groups: GridViewGroup<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>[];
+    onCollapse?: (mouseEvent: MouseEvent) => void;
+    state?: GridViewUiState;
+    isDesktop?: boolean;
 }, {
     currentTouch: TouchDrag<GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-}, {
-    selectedElementWrapped(): GridViewElement;
-    isDraggable(): boolean;
-    stateWrapped(): GridViewUiState;
-}, {
-    dragStart(gridViewElement: GridViewElement, event: DragEvent | TouchEvent): Promise<void>;
-    dragEnd(gridViewElement: GridViewElement, event: DragEvent | TouchEvent): void;
-    touchStart(gridViewElement: GridViewElement, event: TouchEvent): void;
-    touchMove(_gridViewElement: GridViewElement, event: TouchEvent): void;
-    touchEnd(gridViewElement: GridViewElement, 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('./-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-    selectedElement: {
-        type: PropType<UiPossibleChild | GridViewVariantElement | GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>>;
-        default: any;
-    };
-    groups: {
-        type: PropType<GridViewGroup<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-        required: true;
-    };
-    onCollapse: {
-        type: PropType<(_payload: MouseEvent) => void>;
-    };
-    state: {
-        type: PropType<GridViewUiState>;
-    };
-    isDesktop: BooleanConstructor;
-}>> & Readonly<{}>, {
-    isDesktop: boolean;
-    isExpanded: boolean;
-    selectedElement: UiPossibleChild | GridViewVariantElement | GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>;
-}, {}, {
-    ExpandedView: import('vue').DefineComponent<{
-        groups: GridViewGroup<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>[];
-        selectedElement: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>;
-        onSelect: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>) => void;
-        onDragStart: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
-        onDragEnd: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
-        onTouchStart: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-        onTouchEnd: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-        onTouchMove: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-        onCollapse?: (_payload: MouseEvent) => void;
-        state: GridViewUiState;
-        isDesktop?: boolean;
-        isDraggable?: boolean;
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        groups: GridViewGroup<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>[];
-        selectedElement: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>;
-        onSelect: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>) => void;
-        onDragStart: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
-        onDragEnd: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
-        onTouchStart: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-        onTouchEnd: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-        onTouchMove: (element: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-        onCollapse?: (_payload: MouseEvent) => void;
-        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('./-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-            selectedElement: PropType<GridViewElement<import('./-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<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('./-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-            selectedElement: PropType<GridViewElement<import('./-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<GridViewUiState>;
-                default: () => {
-                    filter: any[];
-                    search: any;
-                    userInitiatedSearch: boolean;
-                    viewType: import('../../../common/store/collection-view-state').ViewTypeState;
-                };
-            };
-        }>> & Readonly<{}>, {
-            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('./-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-            selectedElement: PropType<GridViewElement<import('./-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<GridViewUiState>;
-                default: () => {
-                    filter: any[];
-                    search: any;
-                    userInitiatedSearch: boolean;
-                    viewType: import('../../../common/store/collection-view-state').ViewTypeState;
-                };
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, {
-            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('./-utils/GridViewHelper').GridViewElementPossiblePayload>[]>;
-        selectedElement: PropType<GridViewElement<import('./-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<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: 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('./-utils/GridViewHelper').GridViewElementPossiblePayload>) => Promise<void>;
+    onDragStart?: (gridViewElement: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent | DragEvent) => Promise<void>;
+    onDragEnd?: (gridViewElement: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent | DragEvent) => void;
+    elements: GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>[];
+    selectedElement?: UiPossibleChild | GridViewVariantElement | GridViewElement<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>;
+    groups: GridViewGroup<import('./-utils/GridViewHelper').GridViewElementPossiblePayload>[];
+    onCollapse?: (mouseEvent: MouseEvent) => void;
+    state?: GridViewUiState;
+    isDesktop?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;