@roomle/embedding-lib 5.9.0-alpha.3 → 5.9.0-alpha.4

package/src/configurator/components/PoweredBy.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/src/configurator/components/SceneContainer.vue.d.ts

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

package/src/configurator/components/StopConfiguringButton.vue.d.ts

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

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

@@ -0,0 +1,34 @@
+import { BUTTON_ACTIONS } from '../../store/ui-state';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onShowAddons: FunctionConstructor;
+}>, {}, {}, {
+    BUTTON_ACTIONS(): typeof BUTTON_ACTIONS;
+    isExpanded(): boolean;
+    isFullscreen(): boolean;
+}, {
+    onClick(): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onShowAddons: FunctionConstructor;
+}>> & Readonly<{}>, {}, {}, {
+    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>;
+    IconButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isCtaButton: BooleanConstructor;
+        onClick: import('vue').PropType<(_payload: MouseEvent) => void>;
+        isActive: BooleanConstructor;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isCtaButton: BooleanConstructor;
+        onClick: import('vue').PropType<(_payload: MouseEvent) => void>;
+        isActive: BooleanConstructor;
+    }>> & Readonly<{}>, {
+        isActive: boolean;
+        isCtaButton: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,19 @@
+import { UiPossibleChildTag } from '@roomle/web-sdk/lib/definitions/typings/kernel';
+import { CollectionViewUiState } from '../../../common/store/collection-view-state';
+
+declare const _default: import('vue').DefineComponent<{
+    addonTag: UiPossibleChildTag;
+    isExpanded: boolean;
+    onExpand: () => void;
+    onCollapse: (_payload: MouseEvent) => void;
+    state: CollectionViewUiState;
+    isDesktop: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    addonTag: UiPossibleChildTag;
+    isExpanded: boolean;
+    onExpand: () => void;
+    onCollapse: (_payload: MouseEvent) => void;
+    state: CollectionViewUiState;
+    isDesktop: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,107 @@
+import { PropType } from 'vue';
+import { GridViewElement } from './GridViewHelper';
+import { GridViewUiState, ViewTypeState } from '../../../../common/store/collection-view-state';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    elements: PropType<GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>[]>;
+    selectedElement: PropType<GridViewElement<import('./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: ViewTypeState;
+        };
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    elements: PropType<GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>[]>;
+    selectedElement: PropType<GridViewElement<import('./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: ViewTypeState;
+        };
+    };
+}>> & Readonly<{}>, {
+    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').ComponentProvideOptions, true, {}, any>, {
+    aux?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,88 @@
+import { PropType } from 'vue';
+import { GridViewUiState, ViewTypeState } from '../../../../common/store/collection-view-state';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    state: {
+        type: PropType<GridViewUiState>;
+        required: true;
+    };
+    isDesktop: BooleanConstructor;
+    onChange: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    showListOption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    listViewActive(): boolean;
+    gridViewSmallActive(): boolean;
+    gridViewBigActive(): boolean;
+}, {
+    setViewType(viewType: ViewTypeState): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    state: {
+        type: PropType<GridViewUiState>;
+        required: true;
+    };
+    isDesktop: BooleanConstructor;
+    onChange: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    showListOption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    isDesktop: boolean;
+    onChange: Function;
+    showListOption: 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>;
+    SearchInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        state: {
+            type: PropType<GridViewUiState>;
+            required: true;
+        };
+        isDesktop: BooleanConstructor;
+        onChange: {
+            type: FunctionConstructor;
+            default: () => any;
+        };
+    }>, {}, {}, {}, {
+        onInput(event: Event): void;
+        onFocus(event: Event): void;
+        onCursorInInput(): void;
+        onCursorLeavesInput(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        state: {
+            type: PropType<GridViewUiState>;
+            required: true;
+        };
+        isDesktop: BooleanConstructor;
+        onChange: {
+            type: FunctionConstructor;
+            default: () => any;
+        };
+    }>> & Readonly<{}>, {
+        isDesktop: boolean;
+        onChange: Function;
+    }, {}, {
+        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>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,31 @@
+import { GridViewElement, GridViewGroup } from './GridViewHelper';
+import { GridViewUiState } from '../../../../common/store/collection-view-state';
+
+declare const _default: import('vue').DefineComponent<{
+    groups: GridViewGroup<import('./GridViewHelper').GridViewElementPossiblePayload>[];
+    selectedElement: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>;
+    onSelect: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>) => void;
+    onDragStart: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
+    onDragEnd: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
+    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;
+    state: GridViewUiState;
+    isDesktop?: boolean;
+    isDraggable?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    groups: GridViewGroup<import('./GridViewHelper').GridViewElementPossiblePayload>[];
+    selectedElement: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>;
+    onSelect: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>) => void;
+    onDragStart: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
+    onDragEnd: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: DragEvent) => void;
+    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;
+    state: GridViewUiState;
+    isDesktop?: boolean;
+    isDraggable?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,177 @@
+import { PropType } from 'vue';
+import { CssHash } from '../../../../common/utils/types';
+import { GridViewUiState } from '../../../../common/store/collection-view-state';
+import { GridViewElementPossiblePayload } from './GridViewHelper';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    expanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    payload: {
+        type: PropType<GridViewElementPossiblePayload>;
+        required: true;
+    };
+    selected: BooleanConstructor;
+    isDesktop: BooleanConstructor;
+    state: PropType<GridViewUiState>;
+}>, {
+    store: any;
+}, {}, {
+    useImage(): boolean;
+    hasRoomTypeIcon(): boolean;
+    isAddon(): boolean;
+    asList(): boolean;
+    showWithBigThumbnails(): boolean;
+    useRGBColor(): boolean;
+    rgbColor(): CssHash;
+    roomSketch(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    expanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    payload: {
+        type: PropType<GridViewElementPossiblePayload>;
+        required: true;
+    };
+    selected: BooleanConstructor;
+    isDesktop: BooleanConstructor;
+    state: PropType<GridViewUiState>;
+}>> & Readonly<{}>, {
+    isDesktop: boolean;
+    selected: boolean;
+    expanded: boolean;
+}, {}, {
+    WordWrap: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        text: StringConstructor;
+        thinText: BooleanConstructor;
+        fontSmall: BooleanConstructor;
+        wrapAt: {
+            type: NumberConstructor;
+            default: number;
+        };
+        lines: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {}, {}, {
+        wrappedLines(): string[];
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: StringConstructor;
+        thinText: BooleanConstructor;
+        fontSmall: BooleanConstructor;
+        wrapAt: {
+            type: NumberConstructor;
+            default: number;
+        };
+        lines: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        thinText: boolean;
+        fontSmall: boolean;
+        wrapAt: number;
+        lines: number;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    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>;
+    GridViewMaterialElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        payload: {
+            type: PropType<GridViewElementPossiblePayload>;
+            required: true;
+        };
+        isDesktop: BooleanConstructor;
+        state: PropType<GridViewUiState>;
+    }>, {
+        store: any;
+    }, {}, {
+        showWithBigThumbnails(): boolean;
+        imageSize(): number;
+        hasMaterialAdditionalInfos(): boolean;
+    }, {
+        getMaterialThumbnail(material: any): CssHash;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        payload: {
+            type: PropType<GridViewElementPossiblePayload>;
+            required: true;
+        };
+        isDesktop: BooleanConstructor;
+        state: PropType<GridViewUiState>;
+    }>> & Readonly<{}>, {
+        isDesktop: 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>;
+        GridViewTooltipElement: import('vue').DefineComponent<{
+            payload: GridViewElementPossiblePayload;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+            payload: GridViewElementPossiblePayload;
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    GridViewThumbnailsElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        payload: {
+            type: PropType<GridViewElementPossiblePayload>;
+            required: true;
+        };
+        isDesktop: BooleanConstructor;
+        state: PropType<GridViewUiState>;
+    }>, {
+        store: any;
+    }, {}, {
+        showWithBigThumbnails(): boolean;
+        imageSize(): number;
+        hasAddonAdditionalInfos(): boolean;
+    }, {
+        getThumbnail(optionValue: any): string;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        payload: {
+            type: PropType<GridViewElementPossiblePayload>;
+            required: true;
+        };
+        isDesktop: BooleanConstructor;
+        state: PropType<GridViewUiState>;
+    }>> & Readonly<{}>, {
+        isDesktop: boolean;
+    }, {}, {
+        GridViewTooltipElement: import('vue').DefineComponent<{
+            payload: GridViewElementPossiblePayload;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+            payload: GridViewElementPossiblePayload;
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        ImageWithFallback: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            src: StringConstructor;
+            alt: StringConstructor;
+        }>, {}, {
+            loadingError: boolean;
+        }, {
+            image(): HTMLImageElement;
+            hasImage(): boolean;
+        }, {
+            _setupErrorHandler(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            src: StringConstructor;
+            alt: StringConstructor;
+        }>> & Readonly<{}>, {}, {}, {
+            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>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,23 @@
+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 { 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 interface GridViewElement<T = GridViewElementPossiblePayload> {
+    key: string;
+    payload: T;
+}
+export interface GridViewVariantElement extends GridViewElement {
+    hash: string;
+}
+export interface GridViewGroup<T = GridViewElementPossiblePayload> {
+    id: string;
+    label: Nullable<string>;
+    elements: GridViewElement<T>[];
+}
+export declare const toGridViewElements: <T = GridViewElementPossiblePayload>(elements: T[], key: string) => Array<GridViewElement<T>>;
+export declare const getAddonSearchGridViewElement: (elements: CollectionViewElement<UiPossibleChildTag>[]) => CollectionViewElement<UiPossibleChildTag>[];
+export declare const getImageSizeHelper: (showWithBigThumbnails: boolean, isDesktop: boolean) => number;

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

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { CssHash } from '../../../../common/utils/types';
+import { GridViewUiState } from '../../../../common/store/collection-view-state';
+import { GridViewElementPossiblePayload } from './GridViewHelper';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    payload: {
+        type: PropType<GridViewElementPossiblePayload>;
+        required: true;
+    };
+    isDesktop: BooleanConstructor;
+    state: PropType<GridViewUiState>;
+}>, {
+    store: any;
+}, {}, {
+    showWithBigThumbnails(): boolean;
+    imageSize(): number;
+    hasMaterialAdditionalInfos(): boolean;
+}, {
+    getMaterialThumbnail(material: any): CssHash;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    payload: {
+        type: PropType<GridViewElementPossiblePayload>;
+        required: true;
+    };
+    isDesktop: BooleanConstructor;
+    state: PropType<GridViewUiState>;
+}>> & Readonly<{}>, {
+    isDesktop: 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>;
+    GridViewTooltipElement: import('vue').DefineComponent<{
+        payload: GridViewElementPossiblePayload;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        payload: GridViewElementPossiblePayload;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+import { GridViewUiState } from '../../../../common/store/collection-view-state';
+import { GridViewElementPossiblePayload } from './GridViewHelper';
+import { RapiComponent, RapiMaterial } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
+
+export declare const isRapiMaterialOrComponentOrItem: (payload: GridViewElementPossiblePayload) => payload is RapiMaterial | RapiComponent;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    payload: {
+        type: PropType<GridViewElementPossiblePayload>;
+        required: true;
+    };
+    isDesktop: BooleanConstructor;
+    state: PropType<GridViewUiState>;
+}>, {
+    store: any;
+}, {}, {
+    showWithBigThumbnails(): boolean;
+    imageSize(): number;
+    hasAddonAdditionalInfos(): boolean;
+}, {
+    getThumbnail(optionValue: any): string;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    payload: {
+        type: PropType<GridViewElementPossiblePayload>;
+        required: true;
+    };
+    isDesktop: BooleanConstructor;
+    state: PropType<GridViewUiState>;
+}>> & Readonly<{}>, {
+    isDesktop: boolean;
+}, {}, {
+    GridViewTooltipElement: import('vue').DefineComponent<{
+        payload: GridViewElementPossiblePayload;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        payload: GridViewElementPossiblePayload;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    ImageWithFallback: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        src: StringConstructor;
+        alt: StringConstructor;
+    }>, {}, {
+        loadingError: boolean;
+    }, {
+        image(): HTMLImageElement;
+        hasImage(): boolean;
+    }, {
+        _setupErrorHandler(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        src: StringConstructor;
+        alt: StringConstructor;
+    }>> & Readonly<{}>, {}, {}, {
+        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>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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