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

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

@@ -1,23 +1,14 @@
-## [5.22.0-alpha.1](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.21.0...embedding-lib-v5.22.0-alpha.1) (2025-06-10)
+## [5.22.0-alpha.2](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.22.0-alpha.1...embedding-lib-v5.22.0-alpha.2) (2025-06-11)
 
 
 ### Features
 
-* **SDK:** upgrade to version 2.102.0 ([#1717](https://github.com/roomle-dev/roomle-ui/issues/1717)) ([1e44e40](https://github.com/roomle-dev/roomle-ui/commit/1e44e4011fef403f9da961ceebf31980fc153f66))
-* **SDK:** upgrade to version 2.103.0-alpha.1 ([#1718](https://github.com/roomle-dev/roomle-ui/issues/1718)) ([3d10e4b](https://github.com/roomle-dev/roomle-ui/commit/3d10e4bf73f8e244d05153262594d3005710580d))
-* **SDK:** upgrade to version 2.103.0-alpha.2 ([#1720](https://github.com/roomle-dev/roomle-ui/issues/1720)) ([37664ee](https://github.com/roomle-dev/roomle-ui/commit/37664ee9f942d54a28ae8f9a5defa9542662122e))
-* **SDK:** upgrade to version 2.103.0-alpha.3 ([#1723](https://github.com/roomle-dev/roomle-ui/issues/1723)) ([646bfda](https://github.com/roomle-dev/roomle-ui/commit/646bfda8be096cde821aad8da3166bb5eef5e07b))
-* **SDK:** upgrade to version 2.103.0-alpha.4 ([#1724](https://github.com/roomle-dev/roomle-ui/issues/1724)) ([847bc0e](https://github.com/roomle-dev/roomle-ui/commit/847bc0e4ee3dba3d2547d9abf3cac0b92cdc45e0))
-* **SDK:** upgrade to version 2.103.0-alpha.5 ([#1725](https://github.com/roomle-dev/roomle-ui/issues/1725)) ([e17219e](https://github.com/roomle-dev/roomle-ui/commit/e17219e5b70a6191f25f012b7093191f21644eea))
-* **SDK:** upgrade to version 2.103.0-alpha.6 ([#1726](https://github.com/roomle-dev/roomle-ui/issues/1726)) ([e446e1a](https://github.com/roomle-dev/roomle-ui/commit/e446e1a18b51c8a2d56fad5ff50eb7b6adc08fe9))
+* **SDK:** upgrade to version 2.103.0-alpha.7 ([#1727](https://github.com/roomle-dev/roomle-ui/issues/1727)) ([29560b0](https://github.com/roomle-dev/roomle-ui/commit/29560b046a5417c8015fbe8896a23f2a96dd7cd0))
+* **SDK:** upgrade to version 2.103.0-alpha.8 ([#1731](https://github.com/roomle-dev/roomle-ui/issues/1731)) ([456ef29](https://github.com/roomle-dev/roomle-ui/commit/456ef29f1ffd49cb23a57c068b11087c068edeb7))
 
 
 ### Bug Fixes
 
-* check for planner state first ([1489941](https://github.com/roomle-dev/roomle-ui/commit/1489941837a69e6aa98415cc2da572d20b1664b6))
-* clear both UI state searches when going back ([3b73200](https://github.com/roomle-dev/roomle-ui/commit/3b732003491c7876a5c1c7953072e7cc597c49ae))
-* clear search state on back button ([100e39a](https://github.com/roomle-dev/roomle-ui/commit/100e39a8e9dc68e7b5a8a143cf2873dff4891c7b))
-* computed parity ([cc912f1](https://github.com/roomle-dev/roomle-ui/commit/cc912f19bdcc526619a527e209d6138ab0b25c58))
-* computed parity ([78fddf1](https://github.com/roomle-dev/roomle-ui/commit/78fddf195289703aeac6f6354d2e93c6eb75aced))
-* configurator parameter unmounts when searching ([cbdf935](https://github.com/roomle-dev/roomle-ui/commit/cbdf93587e92354275fa780f1f3fc8cc9a57e1c4))
-* reset search on mobile search toggle ([3ee0abc](https://github.com/roomle-dev/roomle-ui/commit/3ee0abcecd59f0b11db0fdecbe4eea510d5e4550))
+* adapting tests to changes ([471cc6c](https://github.com/roomle-dev/roomle-ui/commit/471cc6c2012a4c6b455ad4c6e7358cef3919fdac))
+* finalize tests ([654a90a](https://github.com/roomle-dev/roomle-ui/commit/654a90ad3c2ff01fab4fd4c041619f2ecbbaa709))
+* regression ([3851cbb](https://github.com/roomle-dev/roomle-ui/commit/3851cbb507b88b7e9cdab60831c0dc66794832a2))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "5.22.0-alpha.1",
+  "version": "5.22.0-alpha.2",
   "description": "This is a small library which can be used to communicate with the Roomle Configurator",
   "type": "module",
   "main": "./roomle-embedding-lib.umd.js",
@@ -29,7 +29,7 @@
     "npm": "8.3.1"
   },
   "devDependencies": {
-    "@roomle/web-sdk": "2.103.0-alpha.6"
+    "@roomle/web-sdk": "2.103.0-alpha.8"
   },
   "repository": {
     "type": "git",

package/src/common/components/collection-view/-utils/collection-view-dynamic-components.d.ts

@@ -9,10 +9,6 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        state: {
-            type: import('vue').PropType<import('../../../store/collection-view-state').CollectionViewUiState>;
-            required: true;
-        };
         isDesktop: BooleanConstructor;
     }>, {}, {
         groups: import('@roomle/web-sdk/lib/definitions/typings/rapi-types').RapiMaterialGroup[];
@@ -34,10 +30,6 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        state: {
-            type: import('vue').PropType<import('../../../store/collection-view-state').CollectionViewUiState>;
-            required: true;
-        };
         isDesktop: BooleanConstructor;
     }>> & Readonly<{}>, {
         isDesktop: boolean;
@@ -53,7 +45,6 @@ declare const dynamicComponents: {
             selectedElement?: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewVariantElement | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            state?: import('../../../store/collection-view-state').GridViewUiState;
             isDesktop?: boolean;
         }, {
             currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
@@ -67,7 +58,6 @@ declare const dynamicComponents: {
             selectedElement?: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewVariantElement | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            state?: import('../../../store/collection-view-state').GridViewUiState;
             isDesktop?: boolean;
         }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -96,10 +86,6 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        state: {
-            type: import('vue').PropType<import('../../../store/collection-view-state').CollectionViewUiState>;
-            required: true;
-        };
         isDesktop: BooleanConstructor;
     }>, {}, {}, {
         allElements(): import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
@@ -119,10 +105,6 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        state: {
-            type: import('vue').PropType<import('../../../store/collection-view-state').CollectionViewUiState>;
-            required: true;
-        };
         isDesktop: BooleanConstructor;
     }>> & Readonly<{}>, {
         isDesktop: boolean;
@@ -138,7 +120,6 @@ declare const dynamicComponents: {
             selectedElement?: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewVariantElement | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            state?: import('../../../store/collection-view-state').GridViewUiState;
             isDesktop?: boolean;
         }, {
             currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
@@ -152,7 +133,6 @@ declare const dynamicComponents: {
             selectedElement?: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewVariantElement | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            state?: import('../../../store/collection-view-state').GridViewUiState;
             isDesktop?: boolean;
         }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -183,14 +163,12 @@ declare const dynamicComponents: {
         isExpanded: boolean;
         onExpand: () => void;
         onCollapse: (_payload: MouseEvent) => void;
-        state: import('../../../store/collection-view-state').CollectionViewUiState;
         isDesktop: boolean;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         addonTag: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChildTag;
         isExpanded: boolean;
         onExpand: () => void;
         onCollapse: (_payload: MouseEvent) => void;
-        state: import('../../../store/collection-view-state').CollectionViewUiState;
         isDesktop: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly ProductVariant: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -206,10 +184,6 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        state: {
-            type: import('vue').PropType<import('../../../store/collection-view-state').CollectionViewUiState>;
-            required: true;
-        };
         isDesktop: BooleanConstructor;
     }>, {}, {
         groups: import('@roomle/web-sdk/lib/definitions/typings/rapi-types').RapiTagForUi[];
@@ -231,10 +205,6 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        state: {
-            type: import('vue').PropType<import('../../../store/collection-view-state').CollectionViewUiState>;
-            required: true;
-        };
         isDesktop: BooleanConstructor;
     }>> & Readonly<{}>, {
         isDesktop: boolean;
@@ -250,7 +220,6 @@ declare const dynamicComponents: {
             selectedElement?: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewVariantElement | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            state?: import('../../../store/collection-view-state').GridViewUiState;
             isDesktop?: boolean;
         }, {
             currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
@@ -264,7 +233,6 @@ declare const dynamicComponents: {
             selectedElement?: import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChild | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewVariantElement | import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            state?: import('../../../store/collection-view-state').GridViewUiState;
             isDesktop?: boolean;
         }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -273,14 +241,12 @@ declare const dynamicComponents: {
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        state: import('../../../store/collection-view-state').CollectionViewUiState;
         isDesktop: boolean;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         element: import('./types').CollectionViewElement<import('@roomle/web-sdk/lib/definitions/typings/kernel').UiPossibleChildTag | import('@roomle/web-sdk/lib/definitions/typings/rapi-types').RapiTagForUi>;
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        state: import('../../../store/collection-view-state').CollectionViewUiState;
         isDesktop: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly RoomsList: import('vue').DefineComponent<{
@@ -289,7 +255,6 @@ declare const dynamicComponents: {
         onExpand: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
         onSelect: (_sampleRoom: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>) => Promise<void>;
-        state: import('../../../store/collection-view-state').CollectionViewUiState;
         isDesktop?: boolean;
         selectedElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../planner/business-logic/rooms').SampleRoom>;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -298,7 +263,6 @@ declare const dynamicComponents: {
         onExpand: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
         onSelect: (_sampleRoom: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>) => Promise<void>;
-        state: import('../../../store/collection-view-state').CollectionViewUiState;
         isDesktop?: boolean;
         selectedElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../planner/business-logic/rooms').SampleRoom>;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
@@ -1539,7 +1503,6 @@ declare const dynamicComponents: {
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        state?: import('../../../store/collection-view-state').CollectionViewUiState;
         isDesktop?: boolean;
         onSetColor?: (element: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../planner/business-logic/rooms').MaterialsForObjects>) => void | Promise<void>;
         value?: import('../../../composables/use-core-bound-value').MinimalBoundValue<import('../../../../planner/business-logic/rooms').MaterialsForObjects | import('@roomle/web-sdk/lib/definitions/typings/planner').KernelWallMaterial | import('@roomle/web-sdk/lib/definitions/typings/planner').KernelFloorMaterial>;
@@ -2649,7 +2612,6 @@ declare const dynamicComponents: {
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        state?: import('../../../store/collection-view-state').CollectionViewUiState;
         isDesktop?: boolean;
         onSetColor?: (element: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../planner/business-logic/rooms').MaterialsForObjects>) => void | Promise<void>;
         value?: import('../../../composables/use-core-bound-value').MinimalBoundValue<import('../../../../planner/business-logic/rooms').MaterialsForObjects | import('@roomle/web-sdk/lib/definitions/typings/planner').KernelWallMaterial | import('@roomle/web-sdk/lib/definitions/typings/planner').KernelFloorMaterial>;

package/src/common/components/collection-view/-utils/collection-view-props.d.ts

@@ -1,4 +1,3 @@
-import { CollectionViewUiState } from '../../../store/collection-view-state';
 import { GridViewElement } from '../../../../configurator/components/grid-view/-utils/GridViewHelper';
 import { PropType } from 'vue';
 import { CollectionViewElement } from './types';
@@ -24,10 +23,6 @@ export declare const collectionViewProps: {
     };
     showBack: BooleanConstructor;
     interactionsExpanded: BooleanConstructor;
-    state: {
-        type: PropType<CollectionViewUiState>;
-        required: true;
-    };
     onChangeParameterGroup: FunctionConstructor;
     onSelectElement: FunctionConstructor;
     onClose: {

package/src/common/components/collection-view/CollectionView.vue.d.ts

@@ -1,6 +1,5 @@
 import { CollectionViewElement, TabCategory } from './-utils/types';
 import { ToggleCallback } from '../../utils/types';
-import { CollectionViewUiState } from '../../store/collection-view-state';
 import { GridViewElement } from '../../../configurator/components/grid-view/-utils/GridViewHelper';
 import { EventBus } from '../../business-logic/event-bus';
 
@@ -22,7 +21,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     header: string;
     showBack: boolean;
     interactionsExpanded: boolean;
-    state: CollectionViewUiState;
     onChangeParameterGroup?: () => void;
     onSelectElement?: (args: unknown) => void;
     onClose: (_payload: MouseEvent) => void;
@@ -49,7 +47,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     header: string;
     showBack: boolean;
     interactionsExpanded: boolean;
-    state: CollectionViewUiState;
     onChangeParameterGroup?: () => void;
     onSelectElement?: (args: unknown) => void;
     onClose: (_payload: MouseEvent) => void;

package/src/common/components/collection-view/CollectionViewElement.vue.d.ts

@@ -1,10 +1,7 @@
 import { CollectionViewElement, CollectionViewElementPossibleTypes } from './-utils/types';
 import { GridViewElement } from '../../../configurator/components/grid-view/-utils/GridViewHelper';
-import { CollectionViewUiState } from '../../store/collection-view-state';
-import { UiPossibleChildTag } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    payload?: UiPossibleChildTag;
     element: CollectionViewElement<CollectionViewElementPossibleTypes>;
     isGridViewExpanded?: boolean;
     onSelect?: (...args: any[]) => void;
@@ -14,14 +11,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     selectedElement?: GridViewElement<import('../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
     expandedOnDefault?: boolean;
     onExpandGridView: (element: CollectionViewElement<CollectionViewElementPossibleTypes>) => void;
-    state: CollectionViewUiState;
     getTemplate: (collectionViewElement: CollectionViewElement<CollectionViewElementPossibleTypes>, useSnakeCase?: boolean) => string;
     useDesktopView: boolean;
     isLast?: boolean;
     noHeightWrapper?: boolean;
     disabled?: boolean;
+    payload?: CollectionViewElementPossibleTypes;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    payload?: UiPossibleChildTag;
     element: CollectionViewElement<CollectionViewElementPossibleTypes>;
     isGridViewExpanded?: boolean;
     onSelect?: (...args: any[]) => void;
@@ -31,12 +27,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     selectedElement?: GridViewElement<import('../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>;
     expandedOnDefault?: boolean;
     onExpandGridView: (element: CollectionViewElement<CollectionViewElementPossibleTypes>) => void;
-    state: CollectionViewUiState;
     getTemplate: (collectionViewElement: CollectionViewElement<CollectionViewElementPossibleTypes>, useSnakeCase?: boolean) => string;
     useDesktopView: boolean;
     isLast?: boolean;
     noHeightWrapper?: boolean;
     disabled?: boolean;
+    payload?: CollectionViewElementPossibleTypes;
 }> & Readonly<{}>, {
     disabled: boolean;
     isLast: boolean;

package/src/common/components/drawer-layout/DrawerElement.vue.d.ts

@@ -1,4 +1,3 @@
-import { CollectionViewUiState } from '../../store/collection-view-state';
 import { CollectionViewComponentIcon, CollectionViewElement, CollectionViewElementPossibleTypes } from '../collection-view/-utils/types';
 import { UiPossibleChildTag } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 
@@ -15,7 +14,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     useDesktopView?: boolean;
     showAlways?: boolean;
     noHeightWrapper?: boolean;
-    state?: CollectionViewUiState;
     onMounted?: (_el: HTMLElement) => void;
     isGridViewExpanded?: boolean;
     isDesktop?: boolean;
@@ -50,7 +48,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     useDesktopView?: boolean;
     showAlways?: boolean;
     noHeightWrapper?: boolean;
-    state?: CollectionViewUiState;
     onMounted?: (_el: HTMLElement) => void;
     isGridViewExpanded?: boolean;
     isDesktop?: boolean;

package/src/common/components/drawer-layout/DrawerLayout.vue.d.ts

@@ -1,5 +1,4 @@
 import { CollectionViewElement, TabCategory } from '../collection-view/-utils/types';
-import { CollectionViewUiState } from '../../store/collection-view-state';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     onToggleExpand: FunctionConstructor;
@@ -22,10 +21,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     showBack: BooleanConstructor;
     interactionsExpanded: BooleanConstructor;
-    state: {
-        type: import('vue').PropType<CollectionViewUiState>;
-        required: true;
-    };
     onChangeParameterGroup: FunctionConstructor;
     onSelectElement: FunctionConstructor;
     onClose: {
@@ -40,7 +35,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElementPossiblePayload>>;
     };
     bigCategories: BooleanConstructor;
-}>, {}, {
+}>, {
+    store: any;
+}, {
     actualSelectedCategory: string;
     actualSelectedCategoryIndex: number;
 }, {
@@ -73,10 +70,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     showBack: BooleanConstructor;
     interactionsExpanded: BooleanConstructor;
-    state: {
-        type: import('vue').PropType<CollectionViewUiState>;
-        required: true;
-    };
     onChangeParameterGroup: FunctionConstructor;
     onSelectElement: FunctionConstructor;
     onClose: {

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

@@ -1,5 +1,4 @@
 import { GridViewElement } from '../../../configurator/components/grid-view/-utils/GridViewHelper';
-import { CollectionViewUiState } from '../../store/collection-view-state';
 import { RapiMaterialGroup } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { KernelFloorMaterial, KernelWallMaterial } from '@roomle/web-sdk/lib/definitions/typings/planner';
 import { MinimalBoundValue } from '../../composables/use-core-bound-value';
@@ -1111,7 +1110,6 @@ declare const _default: import('vue').DefineComponent<{
     isExpanded?: boolean;
     onExpand?: () => void;
     onCollapse?: (_payload: MouseEvent) => void;
-    state?: CollectionViewUiState;
     isDesktop?: boolean;
     onSetColor?: (element: GridViewElement<MaterialsForObjects>) => void | Promise<void>;
     value?: MinimalBoundValue<MaterialsForObjects | KernelWallMaterial | KernelFloorMaterial>;
@@ -2221,7 +2219,6 @@ declare const _default: import('vue').DefineComponent<{
     isExpanded?: boolean;
     onExpand?: () => void;
     onCollapse?: (_payload: MouseEvent) => void;
-    state?: CollectionViewUiState;
     isDesktop?: boolean;
     onSetColor?: (element: GridViewElement<MaterialsForObjects>) => void | Promise<void>;
     value?: MinimalBoundValue<MaterialsForObjects | KernelWallMaterial | KernelFloorMaterial>;

package/src/common/store/collection-view-state.d.ts

@@ -26,7 +26,7 @@ export declare const COLLECTION_VIEW_TYPES: {
     readonly STATIC_COLLECTION_VIEW: "static_collection_view";
 };
 export type CollectionViewTypes = Enumify<typeof COLLECTION_VIEW_TYPES>;
-export interface CollectionViewUiState {
+export interface CollectionViewState {
     debugId: CollectionViewTypes;
     selected: Nullable<CollectionViewElement>;
     showsDetails: boolean;
@@ -36,16 +36,10 @@ export interface CollectionViewUiState {
     lastSetFloorsMaterial: Nullable<MaterialsForObjects>;
 }
 export declare const getInitialGridViewState: () => GridViewUiState;
-export declare const getInitialCollectionViewState: (debugId: CollectionViewTypes) => CollectionViewUiState;
+export declare const getInitialCollectionViewState: (debugId: CollectionViewTypes) => CollectionViewState;
 export declare const getInitialViewType: (initialType?: ViewTypeState) => ViewTypeState;
 type CollectionViewStateIdentifier = EnsurePrefix<'COLLECTION_VIEW_'>;
 export declare const COLLECTION_VIEW_STATE_MUTATIONS: CollectionViewStateIdentifier;
 export declare const GRID_VIEW_STATE_MUTATIONS: CollectionViewStateIdentifier;
-interface MuationPayload<T, V> {
-    state: T;
-    value: V;
-}
-export type GridViewMutationPayload<T> = MuationPayload<GridViewUiState, T>;
-export type CollectionViewMutationPayload<T> = MuationPayload<CollectionViewUiState, T>;
-export declare const collectionViewUiStateHelper: Module<CollectionViewUiState, StoreState>;
+export declare const collectionViewState: Module<CollectionViewState, StoreState>;
 export {};

package/src/common/store/index.d.ts

@@ -3,7 +3,7 @@ import { CoreData } from '../../configurator/store/core-data';
 import { BUTTON_ACTIONS, UiState } from '../../configurator/store/ui-state';
 import { PlannerUiState } from '../../planner/store/planner-ui-state';
 import { CommonUiState } from './common-ui-state';
-import { CollectionViewUiState } from './collection-view-state';
+import { CollectionViewState } from './collection-view-state';
 import { Nullable } from '../utils/types';
 import { PlannerCoreData } from '../../planner/store/planner-core-data';
 
@@ -14,7 +14,6 @@ export interface SharedUiState {
     isLandscape: boolean;
     lastRegularViewMode: Nullable<boolean>;
     wasDesktopBefore: boolean;
-    sidebar: CollectionViewUiState;
     topBarSelectedActions: BUTTON_ACTIONS[];
 }
 export declare const MUTATIONS: {
@@ -30,6 +29,7 @@ export interface StoreState {
     plannerUiState: PlannerUiState;
     plannerCoreData: PlannerCoreData;
     commonUiState: CommonUiState;
+    collectionViewState: CollectionViewState;
 }
 declare const _default: any;
 export default _default;

package/src/common/utils/helper.d.ts

@@ -6,6 +6,7 @@ import { BUTTON_ACTIONS } from '../../configurator/store/ui-state';
 import { KernelVector3 } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { PlannerUiState } from '../../planner/store/planner-ui-state';
 import { ExternalConfiguration } from '@roomle/web-sdk/lib/definitions/typings/external-objects';
+import { GridViewElementPossiblePayload } from '../../configurator/components/grid-view/-utils/GridViewHelper';
 
 export declare const throttle: <T extends (...args: any[]) => any>(func: T, delay?: number) => (...funcArgs: Parameters<T>) => void;
 export declare const round: (float: number, precision: number) => number;
@@ -80,3 +81,4 @@ export declare const parseFloatString: (value: string, fractionDigits?: number)
 export declare const noop: () => void;
 export declare const playwrightRemoveQueryParamsFromJSON: (json: any, queryParams: string[], onlyHttpUrls?: boolean) => any;
 export declare const findMostCommonOrLargestNumber: (numbers: number[]) => number | undefined;
+export declare const isRapiMaterialOrComponentOrItem: (payload: GridViewElementPossiblePayload) => payload is RapiMaterial | RapiComponent;

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

@@ -1,19 +1,16 @@
 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

@@ -1,6 +1,5 @@
 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>[]>;
@@ -34,15 +33,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     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>>;
@@ -75,17 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     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;

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

@@ -1,18 +1,39 @@
-import { GridViewUiState } from '../../../../common/store/collection-view-state';
-
-declare const _default: import('vue').DefineComponent<{
-    state: GridViewUiState;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     isDesktop?: boolean;
     onChange?: (event: Event) => void;
     showListOption?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    state: GridViewUiState;
+}>, {
+    isDesktop: boolean;
+    onChange: (_event: Event) => any;
+    showListOption: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     isDesktop?: boolean;
     onChange?: (event: Event) => void;
     showListOption?: boolean;
-}> & Readonly<{}>, {
+}>, {
+    isDesktop: boolean;
+    onChange: (_event: Event) => any;
+    showListOption: boolean;
+}>>> & Readonly<{}>, {
     isDesktop: boolean;
     onChange: (event: Event) => void;
     showListOption: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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_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/components/grid-view/-utils/ExpandedView.vue.d.ts

@@ -1,5 +1,4 @@
 import { GridViewElement, GridViewGroup } from './GridViewHelper';
-import { GridViewUiState } from '../../../../common/store/collection-view-state';
 
 declare const _default: import('vue').DefineComponent<{
     groups: GridViewGroup<import('./GridViewHelper').GridViewElementPossiblePayload>[];
@@ -11,7 +10,6 @@ declare const _default: import('vue').DefineComponent<{
     onTouchEnd: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchMove: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onCollapse?: (mouseEvent: MouseEvent) => void;
-    state: GridViewUiState;
     isDesktop?: boolean;
     isDraggable?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -24,7 +22,6 @@ declare const _default: import('vue').DefineComponent<{
     onTouchEnd: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchMove: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onCollapse?: (mouseEvent: MouseEvent) => void;
-    state: GridViewUiState;
     isDesktop?: boolean;
     isDraggable?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;