@roomle/embedding-lib 5.25.0 → 5.26.0-alpha.1

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

@@ -1,68 +1,31 @@
-## [5.25.0](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.24.0...embedding-lib-v5.25.0) (2025-08-12)
+## [5.26.0-alpha.1](https://github.com/roomle-dev/roomle-ui/compare/embedding-lib-v5.25.0...embedding-lib-v5.26.0-alpha.1) (2025-08-12)
 
 
 ### Features
 
-* add  Bulgarian and Slovakian languages ([8f1fc67](https://github.com/roomle-dev/roomle-ui/commit/8f1fc67cff5de23d97f542b29b5497f806314838))
-* cancel dragin on esc ([cb73cfa](https://github.com/roomle-dev/roomle-ui/commit/cb73cfa13bf25a7a95833d66bb5193e24273b01c))
-* collection of light sources in component ([39d0c6d](https://github.com/roomle-dev/roomle-ui/commit/39d0c6d4457c7e36a6ab24146d4b6b2381145a7c))
-* COLOR parameter type ([5b5a656](https://github.com/roomle-dev/roomle-ui/commit/5b5a6564faa9a1cddb556979f2f6ac3f42066b7b))
-* component area light ([6ca94ab](https://github.com/roomle-dev/roomle-ui/commit/6ca94ab66f30d793b7a3e37be912388ac611e355))
-* component point light ([2d8ed76](https://github.com/roomle-dev/roomle-ui/commit/2d8ed76db76a313263df448934e55c278f4cc878))
-* core api - Editor3dChangedLightSource ([f83bb0c](https://github.com/roomle-dev/roomle-ui/commit/f83bb0ccb12dd5acc27d095743b21a5900958299))
-* core api - Editor3dChangedLightSource ([3cc6a47](https://github.com/roomle-dev/roomle-ui/commit/3cc6a47daa49626d3f22f2612e3bfd1762d22c9b))
-* core upgrade to version 2.57.0-alpha.1 ([7894089](https://github.com/roomle-dev/roomle-ui/commit/7894089e552d63d700deb44791d31bdcb1ea3772))
-* core upgrade to version 2.57.0-alpha.2 ([8ef08a9](https://github.com/roomle-dev/roomle-ui/commit/8ef08a90dda72f5d30d445badd97f4a77e2c27c1))
-* core upgrade to version 2.57.0-alpha.3 ([f6f1459](https://github.com/roomle-dev/roomle-ui/commit/f6f14594242c9c0d6a28bf27a0f7dfe1e3fa9583))
-* drag insert object animation ([180b17b](https://github.com/roomle-dev/roomle-ui/commit/180b17b640ae40a0c64f4ccb1815f576bd210b77))
-* embedding api for setting animation values of configurations ([2e99810](https://github.com/roomle-dev/roomle-ui/commit/2e9981060a14f52a3ba9ad81ffee20d2bfafe184))
-* integrate check attributes conflict solving into emulator ([40017b0](https://github.com/roomle-dev/roomle-ui/commit/40017b0a83ef9cf23a9a59cc76fa31b2bd249717))
-* migration of the light source implementation from innovation day ([c9b554b](https://github.com/roomle-dev/roomle-ui/commit/c9b554bc7cfa929affdb5f065237aa71a6b0813a))
-* object dimensioning with individual dimensioning axes ([0b7cd94](https://github.com/roomle-dev/roomle-ui/commit/0b7cd94631897fa2578173490296e6f947c3f85d))
-* show custom component dimensions when click on measurements icon ([134a2df](https://github.com/roomle-dev/roomle-ui/commit/134a2dfda3186fa3a6c07d5d65d52ff6701511f3))
-* update light source attributes ([b4f080c](https://github.com/roomle-dev/roomle-ui/commit/b4f080c059acfb21cedaf6e770b4301887770ad5))
-* update pos data model ([e612333](https://github.com/roomle-dev/roomle-ui/commit/e6123333b262ce72339f3059cde95128449bc849))
-* updateAttribute API from OC ([3b4af28](https://github.com/roomle-dev/roomle-ui/commit/3b4af289a58a1669ca66e66649876d28e1bdc421))
-* **SDK:** upgrade to version 2.105.0 ([#1758](https://github.com/roomle-dev/roomle-ui/issues/1758)) ([d259718](https://github.com/roomle-dev/roomle-ui/commit/d2597182081e18dccaba8c8309c6ac371b317e1b))
-* **core:** upgrade to version 2.57.0-alpha.4 ([55d0d2e](https://github.com/roomle-dev/roomle-ui/commit/55d0d2edab851fe2da418907663ecf347272201b))
-* **core:** upgrade to version 2.57.0-alpha.5 ([7729b50](https://github.com/roomle-dev/roomle-ui/commit/7729b50ad6ebcb8265dd6f66f005206acb2b457c))
-* **core:** upgrade to version 2.57.0-alpha.5 ([b5f4127](https://github.com/roomle-dev/roomle-ui/commit/b5f412743d68be2640ecfebdeba27bbc4ecdd18b))
-* **core:** upgrade to version 2.57.0-alpha.6 ([c82dd49](https://github.com/roomle-dev/roomle-ui/commit/c82dd49d34db1baede3314a569cdcafe8408651f))
-* **core:** upgrade to version 2.57.0-alpha.7 ([73ef34f](https://github.com/roomle-dev/roomle-ui/commit/73ef34f9217be99976a57c241d9d88d98c39814e))
-* **core:** upgrade to version 2.58.0-alpha.1 ([3b97d5f](https://github.com/roomle-dev/roomle-ui/commit/3b97d5f1af08e7c8c38a4f7edcc632a9fdd5788c))
-* **core:** upgrade to version 2.58.0-alpha.2 ([523ec6c](https://github.com/roomle-dev/roomle-ui/commit/523ec6ce14be24d51d2c1e4c82838270707c5ad9))
-* **core:** upgrade to version 2.58.0-alpha.3 ([79c4d30](https://github.com/roomle-dev/roomle-ui/commit/79c4d30594a5801a893029f86f6286abef79e3de))
-* **core:** upgrade to version 2.58.0-alpha.4 ([394d952](https://github.com/roomle-dev/roomle-ui/commit/394d9522d024a68e9565a81d6c4531227964adba))
-* **core:** upgrade to version 2.58.0-alpha.5 ([2ede69a](https://github.com/roomle-dev/roomle-ui/commit/2ede69a9840b4cf5e695a9d8d17c793e5e8badc4))
-* **core:** upgrade to version 2.58.0-alpha.6 ([ca5ff49](https://github.com/roomle-dev/roomle-ui/commit/ca5ff49af721c43ea9c8093280d3f6f3b5d72f6c))
-* **core:** upgrade to version 2.58.0-alpha.7 ([5bdcaeb](https://github.com/roomle-dev/roomle-ui/commit/5bdcaeb1075d614694151411f829ebd5ede4bbcf))
-* **core:** upgrade to version 2.58.0-alpha.8 ([29ab1ad](https://github.com/roomle-dev/roomle-ui/commit/29ab1adb89acaa739631310ffaa43fafa7d003a3))
-* **core:** upgrade to version 2.58.0 ([12d9422](https://github.com/roomle-dev/roomle-ui/commit/12d942213b0b55b722e46085fec8a4ae32f791aa))
+* mobile view, expanding grid views, collapsing, hiding on selection change ([e09153e](https://github.com/roomle-dev/roomle-ui/commit/e09153e2ccc4dd79fdff13342fa332325463d05a))
+* router based grid view concept ([18c7968](https://github.com/roomle-dev/roomle-ui/commit/18c79687167c6d05d1d7c549aea451c872d0a335))
+* unregistering components ([8e707a0](https://github.com/roomle-dev/roomle-ui/commit/8e707a002cd822d57e9a87acd6073f5ce0319f5c))
+* working router view layering system ([447b929](https://github.com/roomle-dev/roomle-ui/commit/447b929dad11aa98fb84e4f59e3fdba21d4d428f))
 
 
 ### Bug Fixes
 
-* another dev dep ([89a67e4](https://github.com/roomle-dev/roomle-ui/commit/89a67e41fd02ae7f83eff2c06be84af3980fb6b8))
-* await mock setup for threejs utils ([4582f37](https://github.com/roomle-dev/roomle-ui/commit/4582f3762e1f2f606bac52fff901d7593ce032ae))
-* Build workers in sdk folder when running npm run dev ([8f717d6](https://github.com/roomle-dev/roomle-ui/commit/8f717d6b6fd01bac863873f8f2f9001ce55c8603))
-* development builds loading envmaps ([3983d81](https://github.com/roomle-dev/roomle-ui/commit/3983d81ef3466816ff8310c0d759583537e068b6))
-* exclude dimensioning from G-Buffer (and thus from AO) ([1ffd715](https://github.com/roomle-dev/roomle-ui/commit/1ffd7158f9caa345b08229f71962819765e86f23))
-* keep Z coordinate when dragging in 2D ([d3499f3](https://github.com/roomle-dev/roomle-ui/commit/d3499f36ed9ca9c3c56f3614eef841bdaedd675a))
-* lamp light intensity ([da960a0](https://github.com/roomle-dev/roomle-ui/commit/da960a0dbb8a6d0272a3172aff839d0e32ee7a20))
-* make material transition async again ([533feff](https://github.com/roomle-dev/roomle-ui/commit/533feff2f59ba75533c9be9b4a548e78940cb226))
-* message handler return ([1d6afc7](https://github.com/roomle-dev/roomle-ui/commit/1d6afc747416de5840b22216831c443cee473954))
-* Missing focus when clicking measurement bubble ([a3c75e9](https://github.com/roomle-dev/roomle-ui/commit/a3c75e99ae1cb9fe3c835c1e8fbcb2a120777dbd))
-* more tests passing under vite ([705ade6](https://github.com/roomle-dev/roomle-ui/commit/705ade69485bc15410345109f2b265c39bd4ab97))
-* parse font json instead of loading it from url ([940e57e](https://github.com/roomle-dev/roomle-ui/commit/940e57e2ca86b73131de7578f4433065c40c81fc))
-* relative paths ([696388b](https://github.com/roomle-dev/roomle-ui/commit/696388b10f8d8247a293c83667cabae49efee370))
-* release ([42400e9](https://github.com/roomle-dev/roomle-ui/commit/42400e95a2da8f299b8611c949897e9f28b7a798))
-* remove duplicate member (resolve merge conflict) ([4973406](https://github.com/roomle-dev/roomle-ui/commit/4973406c472f2572b9292cef13956ba267d64317))
-* remove tween object after completing or stopping the animation ([5e87d17](https://github.com/roomle-dev/roomle-ui/commit/5e87d17d26a9635ee60818fec67c26d0be2e68f9))
-* sw paths ([c2d7ffd](https://github.com/roomle-dev/roomle-ui/commit/c2d7ffda8b8d539d25c592681c63c43aee4fd27d))
-* update loco translations for da fr nl and sv languages ([3d6ecc2](https://github.com/roomle-dev/roomle-ui/commit/3d6ecc293179ed7638e44578915caefca7da7fba))
-* use import for tween.js instead of script loader ([c248fc3](https://github.com/roomle-dev/roomle-ui/commit/c248fc34c293f130cdd9b19d382c46eb66765b43))
-
-
-### Reverts
-
-* removed duplicate function "convertFromKernel" ([af83508](https://github.com/roomle-dev/roomle-ui/commit/af83508d3fdfc68f1d5b7651c616009ebd303ad2))
+* broken drawer behavior on stop configuring while grid view is open ([0c3ff29](https://github.com/roomle-dev/roomle-ui/commit/0c3ff29706ffbdc72be5896a192ac7e0e2cd1442))
+* configurator sidebar addon panels ([c04cede](https://github.com/roomle-dev/roomle-ui/commit/c04cededcdc633a196841cac5cd1a89bebb223d3))
+* decouple slider value and pause mobile sidebar rendering ([0133047](https://github.com/roomle-dev/roomle-ui/commit/0133047468667d3bc430b3d944b17941f808d8a1))
+* e2e passing ([a3763a4](https://github.com/roomle-dev/roomle-ui/commit/a3763a466aadc7ea1f6488e2c6c4e2dafa79a975))
+* failing tests ([bf62d13](https://github.com/roomle-dev/roomle-ui/commit/bf62d13b068e92ee124b155ed549f95eb7ff4646))
+* grid view preview elements resorting ([f4f83fb](https://github.com/roomle-dev/roomle-ui/commit/f4f83fb88e0b1c03d0a7e4e99e8f6d9b69f75349))
+* labels and interaction bugs ([3e7eedf](https://github.com/roomle-dev/roomle-ui/commit/3e7eedfec5fa8acdb97365db435dc29ce43051fa))
+* loading states on variants, active tab bug ([7e8bd10](https://github.com/roomle-dev/roomle-ui/commit/7e8bd109199747f699fef8598892b44140525213))
+* material picker ordering ([cc5dcc2](https://github.com/roomle-dev/roomle-ui/commit/cc5dcc2986801328c3603a546d1cbd82160d9f8f))
+* mobile touch start on range sliders ([32ae540](https://github.com/roomle-dev/roomle-ui/commit/32ae540f64278b1b4c056907befa3e5cc764eec5))
+* part list scrolling ([b536269](https://github.com/roomle-dev/roomle-ui/commit/b536269b0703ed276fe53f104848a37b889ef6d1))
+* redo removal of uuid ([0cb2869](https://github.com/roomle-dev/roomle-ui/commit/0cb28693f43c1979969e8fbe26e8ae2f288383d4))
+* redo removal of uuid ([474751e](https://github.com/roomle-dev/roomle-ui/commit/474751e01a0b8e48f53076324ccc0c77c47e9158))
+* revert ([0c99e68](https://github.com/roomle-dev/roomle-ui/commit/0c99e68529b58ea0a10179ddd47025995630b7b5))
+* tabbed nav ids ([64b6a6a](https://github.com/roomle-dev/roomle-ui/commit/64b6a6a84cf33d25000007666a50633a3218885b))
+* tabbed nav scroller ([6b72823](https://github.com/roomle-dev/roomle-ui/commit/6b72823557e5cc543219fcd2dca3d3cb779c84a1))
+* testparty mobile fixes pt 1 ([845ecba](https://github.com/roomle-dev/roomle-ui/commit/845ecba69ae7f705c0d7e17e84934a0895200d15))
+* various ([b351a18](https://github.com/roomle-dev/roomle-ui/commit/b351a183eb8cd1c4617ac7f29d3efeeee605e57b))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "5.25.0",
+  "version": "5.26.0-alpha.1",
   "description": "This is a small library which can be used to communicate with the Roomle Configurator",
   "type": "module",
   "main": "./roomle-embedding-lib.umd.js",

package/packages/web-sdk/packages/homag-intelligence/src/homag-intelligence.d.ts

@@ -4,6 +4,11 @@ import { ApiOptions } from './loader';
 import { MasterData } from './model/oc-scripts-domain.model';
 import { default as RoomlePlanner } from '../../planner-core/src/roomle-planner';
 
+declare global {
+    interface Window {
+        uuidv4: () => string;
+    }
+}
 export declare const HOMAG_INTELLIGENCE_ENDPOINT = "https://europe-west3-rml-showcases.cloudfunctions.net/proxy_request?url=";
 export declare class HomagIntelligence extends RmlPlugin {
     private _roomlePlanner;

package/src/common/components/inputs/RangeSlider.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     onInput: (_payload: any) => void;
 }, {
     resetErrors: () => void;
-    positionFilled: () => void;
+    positionFilled: (value?: number) => void;
     getValueString: () => string;
     setValueString: (valueString: string, unitChanged?: boolean) => void;
     setHasRangeError: () => void;

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

@@ -171,12 +171,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     InteractionHeader: import('vue').DefineComponent<{
         onClick?: (_payload: MouseEvent) => void;
-        heading: string;
+        heading?: string;
         hideCloseButton?: boolean;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         onClick?: (_payload: MouseEvent) => void;
-        heading: string;
+        heading?: string;
         hideCloseButton?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1107,9 +1107,9 @@ declare const _default: import('vue').DefineComponent<{
     isExpanded?: boolean;
     onExpand?: () => void;
     onCollapse?: (_payload: MouseEvent) => void;
-    isDesktop?: boolean;
     onSetColor?: (element: GridViewElement<any>) => void | Promise<void>;
     value?: MinimalBoundValue<any>;
+    label?: string;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     groups: RapiMaterialGroup[] | readonly [{
         readonly id: "ral_9000";
@@ -2216,8 +2216,8 @@ declare const _default: import('vue').DefineComponent<{
     isExpanded?: boolean;
     onExpand?: () => void;
     onCollapse?: (_payload: MouseEvent) => void;
-    isDesktop?: boolean;
     onSetColor?: (element: GridViewElement<any>) => void | Promise<void>;
     value?: MinimalBoundValue<any>;
+    label?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/common/components/side-bar/ResponsiveSidebarWrapper.vue.d.ts

@@ -0,0 +1,37 @@
+import { TabCategory } from './utils/types';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    tabCategories?: TabCategory[];
+    onSelectCategory?: (_category: TabCategory, _index: number) => void;
+    onClickMobileSearch?: () => void;
+    selectedCategory?: TabCategory;
+    sidebarHeader?: string;
+    showClose?: boolean;
+    showBack?: boolean;
+    onBack?: () => void;
+    onClose?: () => void;
+    hideHeader?: boolean;
+    showGlobalSearch?: boolean;
+    isLoading?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    tabCategories?: TabCategory[];
+    onSelectCategory?: (_category: TabCategory, _index: number) => void;
+    onClickMobileSearch?: () => void;
+    selectedCategory?: TabCategory;
+    sidebarHeader?: string;
+    showClose?: boolean;
+    showBack?: boolean;
+    onBack?: () => void;
+    onClose?: () => void;
+    hideHeader?: boolean;
+    showGlobalSearch?: boolean;
+    isLoading?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/common/components/side-bar/SidebarItem.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    label?: string;
+    payload?: UiKernelParameter;
+    disabled?: boolean;
+    onClickDisabled?: () => void;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    label?: string;
+    payload?: UiKernelParameter;
+    disabled?: boolean;
+    onClickDisabled?: () => void;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    componentIcon?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/common/components/side-bar/SidebarItemLabel.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+    componentIcon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/common/components/side-bar/SidebarRouterLayer.vue.d.ts

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

package/src/common/components/side-bar/TabbedNav.vue.d.ts

@@ -0,0 +1,22 @@
+import { ParameterData, TabCategory } from './utils/types';
+
+declare const _default: import('vue').DefineComponent<{
+    tabCategories?: TabCategory[];
+    selectedCategory?: TabCategory;
+    onSelect: (_tab: ParameterData<any>, _index: number) => void;
+    onSelectCategory?: (_category: TabCategory, _index: number) => void;
+    tabs: ParameterData<any>[];
+    selected: ParameterData<any>;
+    showSearch?: boolean;
+    onClickSearch?: () => void;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    tabCategories?: TabCategory[];
+    selectedCategory?: TabCategory;
+    onSelect: (_tab: ParameterData<any>, _index: number) => void;
+    onSelectCategory?: (_category: TabCategory, _index: number) => void;
+    tabs: ParameterData<any>[];
+    selected: ParameterData<any>;
+    showSearch?: boolean;
+    onClickSearch?: () => void;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/common/components/{collection-view/-utils → side-bar}/TabbedNavMenu.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { TabCategory } from './types';
+import { TabCategory } from './utils/types';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     selectedCategory: PropType<TabCategory>;

package/src/common/components/{collection-view/-utils/collection-view-dynamic-components.d.ts → side-bar/utils/configurator-sidebar-components.d.ts}

@@ -1,66 +1,15 @@
 declare const dynamicComponents: {
-    readonly MaterialParameter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        parameter: import('vue').PropType<UiKernelParameter>;
-        isExpanded: BooleanConstructor;
-        onExpand: {
-            type: import('vue').PropType<(_payload: MouseEvent) => void>;
-            required: true;
-        };
-        onCollapse: {
-            type: import('vue').PropType<(_payload: MouseEvent) => void>;
-        };
-        isDesktop: BooleanConstructor;
-    }>, {}, {
-        groups: RapiMaterialGroup[];
-    }, {
-        allElements(): import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>[];
-        selectedElement(): import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>;
-        normalizedGroups(): import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<any>[];
-    }, {
-        onSelect({ key }: {
-            key: string;
-        }): Promise<void>;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        parameter: import('vue').PropType<UiKernelParameter>;
-        isExpanded: BooleanConstructor;
-        onExpand: {
-            type: import('vue').PropType<(_payload: MouseEvent) => void>;
-            required: true;
-        };
-        onCollapse: {
-            type: import('vue').PropType<(_payload: MouseEvent) => void>;
-        };
-        isDesktop: BooleanConstructor;
-    }>> & Readonly<{}>, {
-        isDesktop: boolean;
+    readonly MaterialParameter: import('vue').DefineComponent<{
+        parameter?: UiKernelParameter;
         isExpanded: boolean;
-    }, {}, {
-        GridView: import('vue').DefineComponent<{
-            isExpanded?: boolean;
-            onExpand: (event: MouseEvent) => void;
-            onSelect: ((...args: any[]) => any)[] | ((possibleChild: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>) => Promise<void>);
-            onDragStart?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
-            onDragEnd?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => void;
-            elements: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>[];
-            selectedElement?: any;
-            groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<any>[];
-            onCollapse?: (mouseEvent: MouseEvent) => void;
-            isDesktop?: boolean;
-        }, {
-            currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-            isExpanded?: boolean;
-            onExpand: (event: MouseEvent) => void;
-            onSelect: ((...args: any[]) => any)[] | ((possibleChild: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>) => Promise<void>);
-            onDragStart?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
-            onDragEnd?: (gridViewElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>, event: TouchEvent | DragEvent) => void;
-            elements: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>[];
-            selectedElement?: any;
-            groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<any>[];
-            onCollapse?: (mouseEvent: MouseEvent) => void;
-            isDesktop?: boolean;
-        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        onExpand: (_payload: MouseEvent) => void;
+        onCollapse?: (_payload: MouseEvent) => void;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        parameter?: UiKernelParameter;
+        isExpanded: boolean;
+        onExpand: (_payload: MouseEvent) => void;
+        onCollapse?: (_payload: MouseEvent) => void;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly OptionsParameter: import('vue').DefineComponent<{
         parameter: {
             value: string;
@@ -86,7 +35,6 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        isDesktop: BooleanConstructor;
     }>, {}, {}, {
         allElements(): import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>[];
         selectedElement(): import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>;
@@ -105,9 +53,7 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        isDesktop: BooleanConstructor;
     }>> & Readonly<{}>, {
-        isDesktop: boolean;
         isExpanded: boolean;
     }, {}, {
         GridView: import('vue').DefineComponent<{
@@ -120,7 +66,7 @@ declare const dynamicComponents: {
             selectedElement?: any;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<any>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            isDesktop?: boolean;
+            label?: string;
         }, {
             currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -133,7 +79,7 @@ declare const dynamicComponents: {
             selectedElement?: any;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<any>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            isDesktop?: boolean;
+            label?: string;
         }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     readonly RangeParameter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -163,13 +109,11 @@ declare const dynamicComponents: {
         isExpanded: boolean;
         onExpand: () => void;
         onCollapse: (_payload: MouseEvent) => void;
-        isDesktop: boolean;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         addonTag: UiPossibleChildTag;
         isExpanded: boolean;
         onExpand: () => void;
         onCollapse: (_payload: MouseEvent) => void;
-        isDesktop: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly ProductVariant: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         variants: {
@@ -184,7 +128,7 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        isDesktop: BooleanConstructor;
+        label: StringConstructor;
     }>, {}, {
         groups: RapiTagForUi[];
     }, {
@@ -205,9 +149,8 @@ declare const dynamicComponents: {
         onCollapse: {
             type: import('vue').PropType<(_payload: MouseEvent) => void>;
         };
-        isDesktop: BooleanConstructor;
+        label: StringConstructor;
     }>> & Readonly<{}>, {
-        isDesktop: boolean;
         isExpanded: boolean;
     }, {}, {
         GridView: import('vue').DefineComponent<{
@@ -220,7 +163,7 @@ declare const dynamicComponents: {
             selectedElement?: any;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<any>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            isDesktop?: boolean;
+            label?: string;
         }, {
             currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -233,21 +176,21 @@ declare const dynamicComponents: {
             selectedElement?: any;
             groups: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewGroup<any>[];
             onCollapse?: (mouseEvent: MouseEvent) => void;
-            isDesktop?: boolean;
+            label?: string;
         }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     readonly ObjectList: import('vue').DefineComponent<{
-        element: import('./types').CollectionViewElement<any>;
+        element: import('./types').ParameterData<any>;
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        isDesktop: boolean;
+        label?: string;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        element: import('./types').CollectionViewElement<any>;
+        element: import('./types').ParameterData<any>;
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        isDesktop: boolean;
+        label?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly RoomsList: import('vue').DefineComponent<{
         objects: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../planner/business-logic/rooms').SampleRoom>[];
@@ -255,7 +198,6 @@ declare const dynamicComponents: {
         onExpand: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
         onSelect: (_sampleRoom: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>) => Promise<void>;
-        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<{
         objects: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../planner/business-logic/rooms').SampleRoom>[];
@@ -263,18 +205,17 @@ declare const dynamicComponents: {
         onExpand: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
         onSelect: (_sampleRoom: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>) => Promise<void>;
-        isDesktop?: boolean;
         selectedElement: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<import('../../../../planner/business-logic/rooms').SampleRoom>;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly InteractionHeader: import('vue').DefineComponent<{
         onClick?: (_payload: MouseEvent) => void;
-        heading: string;
+        heading?: string;
         hideCloseButton?: boolean;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         onClick?: (_payload: MouseEvent) => void;
-        heading: string;
+        heading?: string;
         hideCloseButton?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     readonly RoomRangeParameter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         parameter: {
             type: import('vue').PropType<import('../../../../planner/business-logic/rooms').RoomRangeParametersTab | import('../../../../planner/business-logic/rooms').WallRangeParametersTab>;
@@ -1503,9 +1444,9 @@ declare const dynamicComponents: {
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        isDesktop?: boolean;
         onSetColor?: (element: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>) => void | Promise<void>;
         value?: import('../../../composables/use-core-bound-value').MinimalBoundValue<any>;
+        label?: string;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         groups: RapiMaterialGroup[] | readonly [{
             readonly id: "ral_9000";
@@ -2612,9 +2553,9 @@ declare const dynamicComponents: {
         isExpanded?: boolean;
         onExpand?: () => void;
         onCollapse?: (_payload: MouseEvent) => void;
-        isDesktop?: boolean;
         onSetColor?: (element: import('../../../../configurator/components/grid-view/-utils/GridViewHelper').GridViewElement<any>) => void | Promise<void>;
         value?: import('../../../composables/use-core-bound-value').MinimalBoundValue<any>;
+        label?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly RoomDrawControl: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         head: StringConstructor;
@@ -2847,9 +2788,9 @@ declare const dynamicComponents: {
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     readonly DisabledParameters: import('vue').DefineComponent<{
-        parameter: import('./types').CollectionViewElement<any>[];
+        parameter: import('./types').ParameterData<any>[];
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        parameter: import('./types').CollectionViewElement<any>[];
+        parameter: import('./types').ParameterData<any>[];
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     readonly Tooltip: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{

package/src/common/components/side-bar/utils/helper.d.ts

@@ -0,0 +1,3 @@
+import { ParameterData } from './types';
+
+export declare const getConfigurationSidebarTemplate: (parameterDataElement: ParameterData) => any;

package/src/common/components/side-bar/utils/types.d.ts

@@ -0,0 +1,32 @@
+import { Component } from 'vue';
+import { UiKernelParameter, UiPossibleChildTag } from '@roomle/web-sdk/typings/kernel';
+import { RapiTagForUi } from '@roomle/web-sdk/typings/rapi-types';
+import { Nullable } from '../../../utils/types';
+
+export type ParameterDataGeneralType = 'addon' | 'parameter' | 'variant';
+export type ParameterDataDynamicType = ParameterDataGeneralType;
+export interface TabCategory {
+    key: string;
+    label: string;
+    icon?: string;
+    onSelect?: Nullable<(_category: TabCategory) => Promise<void>>;
+}
+export interface ParameterComponentIcon<T> {
+    element: Component;
+    props?: T;
+}
+export type ParameterDataPossibleTypes = UiPossibleChildTag | UiKernelParameter | RapiTagForUi;
+export interface ParameterData<T = ParameterDataPossibleTypes> {
+    label: Nullable<string>;
+    key: string;
+    payload: T;
+    type: string;
+    svgIcon?: string;
+    tabCategory?: TabCategory;
+    componentIcon?: ParameterComponentIcon<Record<string, any>>;
+}
+export declare const TabbedNavMenuKeys: {
+    readonly Draw: "tabbed-nav-menu-draw";
+    readonly Settings: "tabbed-nav-menu-settings";
+    readonly Construction: "tabbed-nav-menu-construction";
+};

package/src/common/components/utils/QRCode.vue.d.ts

@@ -3,17 +3,17 @@ declare const _default: import('vue').DefineComponent<{
     size: number;
     color?: string;
     bgColor: string;
-    errorLevel: "M" | "L" | "Q" | "H";
+    errorLevel: "L" | "M" | "Q" | "H";
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     text: string;
     size: number;
     color?: string;
     bgColor: string;
-    errorLevel: "M" | "L" | "Q" | "H";
+    errorLevel: "L" | "M" | "Q" | "H";
 }> & Readonly<{}>, {
     size: number;
     color: string;
     bgColor: string;
-    errorLevel: "M" | "L" | "Q" | "H";
+    errorLevel: "L" | "M" | "Q" | "H";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/common/composables/use-fetch-root-tag.d.ts

@@ -1,8 +1,8 @@
 import { SdkConnector } from '../../configurator/business-logic/sdk-connector';
 import { RapiId } from '@roomle/web-sdk/typings/rapi-types';
 import { Nullable } from '../utils/types';
-import { CollectionViewElement, TabCategory } from '../components/collection-view/-utils/types';
+import { ParameterData, TabCategory } from '../components/side-bar/utils/types';
 import { UseAsyncData } from '../utils/composable-helpers';
 
-export declare const FETCHED_ROOT_TAGS: Map<RapiId, UseAsyncData<CollectionViewElement[]>>;
-export declare const useFetchRootTag: (tagId: Nullable<RapiId | RapiId[]>, sdkConnector: SdkConnector, tabCategory?: TabCategory) => UseAsyncData<CollectionViewElement[]>;
+export declare const FETCHED_ROOT_TAGS: Map<RapiId, UseAsyncData<ParameterData[]>>;
+export declare const useFetchRootTag: (tagId: Nullable<RapiId | RapiId[]>, sdkConnector: SdkConnector, tabCategory?: TabCategory) => UseAsyncData<ParameterData[]>;

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

@@ -1,8 +1,8 @@
-import { CollectionViewElement as CollectionViewElementType } from '../components/collection-view/-utils/types';
+import { ParameterData } from '../components/side-bar/utils/types';
 
 export declare const OPEN_CLOSE_ANIMATION_PARAM_KEY = "animation:openClose";
 export declare const useOpenCloseAnim: () => {
-    openCloseAnimationParameter: import('vue').ComputedRef<CollectionViewElementType<UiKernelParameter>>;
+    openCloseAnimationParameter: import('vue').ComputedRef<ParameterData<UiKernelParameter>>;
     isAnimationToggled: import('vue').ComputedRef<boolean>;
     toggleOpenCloseAnimation: () => Promise<void>;
 };