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

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>;
 };

package/src/common/composables/use-pausable-computed.d.ts

@@ -0,0 +1,15 @@
+import { Ref, ComputedRef, DeepReadonly } from 'vue';
+
+interface PausableComputedReturn<T> {
+    value: ComputedRef<T>;
+    pause: () => void;
+    resume: () => void;
+    isPaused: Ref<boolean>;
+}
+export declare const usePausableComputed: <T>(getter: () => T) => {
+    isPaused: Readonly<Ref<boolean, boolean>>;
+    pause: () => void;
+    resume: () => void;
+    value: Readonly<Ref<DeepReadonly<T>, DeepReadonly<T>>>;
+};
+export { type PausableComputedReturn };

package/src/common/composables/use-sidebar-layer-router.d.ts

@@ -0,0 +1,12 @@
+import { RouteMeta } from 'vue-router';
+import { Component } from 'vue';
+
+export declare const GRID_VIEW_ROUTE_NAME = "gridView";
+export declare const GRID_VIEW_ROUTE = "/gridView";
+export declare const useSidebarLayerRouter: () => {
+    isGridViewSidebarOpen: import('vue').ComputedRef<boolean>;
+    showSidebarLayer: (component: Component, props: any, meta: RouteMeta) => void;
+    removeSidebarLayer: (routeName: string) => void;
+    removeGridViewSidebarLayer: () => void;
+    router: import('vue-router').Router;
+};

package/src/common/router/router.d.ts

@@ -0,0 +1,2 @@
+declare const router: import('vue-router').Router;
+export default router;

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

@@ -2,7 +2,7 @@ import { CoreState } from '../../configurator/store/core-state';
 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 { CollectionViewState } from './collection-view-state';
+import { SidebarStoreState } from './sidebar-store-state';
 import { Nullable } from '../utils/types';
 import { PlannerCoreData } from '../../planner/store/planner-core-data';
 
@@ -16,7 +16,7 @@ export interface SharedUiState {
     topBarSelectedActions: BUTTON_ACTIONS[];
 }
 export declare const MUTATIONS: {
-    [x: string]: `PLANNER_CORE_STATE_${string}` | `PLANNER_UI_STATE_${string}` | `UI_STATE_${string}` | `COLLECTION_VIEW_${string}` | `CORE_DATA_${string}` | `CORE_STATE_${string}`;
+    [x: string]: `PLANNER_CORE_STATE_${string}` | `PLANNER_UI_STATE_${string}` | `UI_STATE_${string}` | `SIDEBAR_${string}` | `CORE_DATA_${string}` | `CORE_STATE_${string}`;
 };
 export declare const ACTIONS: {
     [x: string]: `PLANNER_CORE_STATE_${string}` | `PLANNER_UI_STATE_${string}` | `UI_STATE_${string}` | `CORE_DATA_${string}` | `CORE_STATE_${string}`;
@@ -27,7 +27,7 @@ export interface StoreState {
     uiState: UiState;
     plannerUiState: PlannerUiState;
     plannerCoreData: PlannerCoreData;
-    collectionViewState: CollectionViewState;
+    sidebarState: SidebarStoreState;
 }
 declare const _default: any;
 export default _default;

package/src/common/store/{collection-view-state.d.ts → sidebar-store-state.d.ts}

@@ -1,6 +1,6 @@
 import { Module } from 'vuex';
 import { Enumify, Nullable } from '../utils/types';
-import { CollectionViewElement } from '../components/collection-view/-utils/types';
+import { ParameterData } from '../components/side-bar/utils/types';
 import { StoreState } from '.';
 import { EnsurePrefix } from '../../configurator/store/ui-state';
 import { MaterialsForObjects } from '../../planner/business-logic/rooms';
@@ -15,7 +15,7 @@ export interface GridViewUiState {
     ignoreSearchThreshold: boolean;
     showLabels: boolean;
 }
-export declare const COLLECTION_VIEW_TYPES: {
+export declare const SIDEBAR_VIEW_TYPES: {
     readonly PLANNER_SIDE_BAR: "planner_side_bar";
     readonly CONFIGURATOR_SIDE_BAR: "configurator_side_bar";
     readonly DUMMY: "dummy_side_bar";
@@ -23,12 +23,12 @@ export declare const COLLECTION_VIEW_TYPES: {
     readonly PRODUCT_SETTINGS: "product_settings";
     readonly FLOOR_SIDE_BAR: "floor_side_bar";
     readonly UNIT_TEST: "test_state";
-    readonly STATIC_COLLECTION_VIEW: "static_collection_view";
 };
-export type CollectionViewTypes = Enumify<typeof COLLECTION_VIEW_TYPES>;
-export interface CollectionViewState {
-    debugId: CollectionViewTypes;
-    selected: Nullable<CollectionViewElement>;
+export type SidebarViewTypes = Enumify<typeof SIDEBAR_VIEW_TYPES>;
+export interface SidebarStoreState {
+    debugId: SidebarViewTypes;
+    isUsingSlider: boolean;
+    selected: Nullable<ParameterData>;
     showsDetails: boolean;
     gridView: GridViewUiState;
     lastSetExteriorMaterial: Nullable<MaterialsForObjects>;
@@ -36,10 +36,10 @@ export interface CollectionViewState {
     lastSetFloorsMaterial: Nullable<MaterialsForObjects>;
 }
 export declare const getInitialGridViewState: () => GridViewUiState;
-export declare const getInitialCollectionViewState: (debugId: CollectionViewTypes) => CollectionViewState;
+export declare const getInitialSidebarViewState: (debugId: SidebarViewTypes) => SidebarStoreState;
 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;
-export declare const collectionViewState: Module<CollectionViewState, StoreState>;
+type SidebarStateIdentifier = EnsurePrefix<'SIDEBAR_'>;
+export declare const SIDEBAR_STATE_MUTATIONS: SidebarStateIdentifier;
+export declare const GRID_VIEW_STATE_MUTATIONS: SidebarStateIdentifier;
+export declare const sidebarState: Module<SidebarStoreState, StoreState>;
 export {};

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

@@ -1,6 +1,6 @@
 import { RapiMaterial, RapiMaterialGroup, RapiTagForUi, RapiTexture } from '@roomle/web-sdk/typings/rapi-types';
 import { KernelPartListParameter, UiPossibleChildTag } from '@roomle/web-sdk/typings/kernel';
-import { CollectionViewElement, TabCategory } from '../components/collection-view/-utils/types';
+import { ParameterData, TabCategory } from '../components/side-bar/utils/types';
 import { VariantsMap } from '../../configurator/embedding/types';
 import { Translator } from '../composables/use-intl';
 
@@ -10,12 +10,12 @@ export interface RapiMaterialEmbeddedTextures extends RapiMaterial {
     [key: string]: any;
 }
 export declare const getAllMaterials: (groups?: RapiMaterialGroup[]) => RapiMaterialEmbeddedTextures[];
-export declare const mapAddons: (addons: UiPossibleChildTag[]) => CollectionViewElement[];
-export declare const mapVariants: (tag: RapiTagForUi) => CollectionViewElement[];
-export declare const mapRootTagToCollectionViewArray: (tags: RapiTagForUi[], tabCategory?: TabCategory) => CollectionViewElement[];
-export declare const filterAndMapAddons: (addons: UiPossibleChildTag[], selectedGroup: string | undefined) => CollectionViewElement[];
+export declare const mapAddons: (addons: UiPossibleChildTag[]) => ParameterData[];
+export declare const mapVariants: (tag: RapiTagForUi) => ParameterData[];
+export declare const mapRootTagToParameterDataArray: (tags: RapiTagForUi[], tabCategory?: TabCategory) => ParameterData[];
+export declare const filterAndMapAddons: (addons: UiPossibleChildTag[], selectedGroup: string | undefined) => ParameterData[];
 export declare const addonsHaveGroups: (addons: UiPossibleChildTag[]) => boolean;
 export declare const extractRootComponentId: (id: string) => string;
 export declare const getCurrentVariants: (api: RoomleConfiguratorType, id: string, variantChangeMap?: VariantsMap) => Promise<any>;
 export declare const prepareParametersForUi: (parameters: KernelPartListParameter[]) => KernelPartListParameter[];
-export declare const createDisabledParamsElement: (elements: CollectionViewElement[], intl: Translator) => CollectionViewElement<CollectionViewElement[]>;
+export declare const createDisabledParamsElement: (elements: ParameterData[], intl: Translator) => ParameterData<ParameterData[]>;

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

@@ -89,9 +89,6 @@ export declare const PERSPECTIVE_CAMERA_TYPES: {
     readonly RIGHT: "right";
     readonly TOP: "top";
 };
-export declare const ACTION_BUTTONS: {
-    readonly UNDO_REDO: "z";
-};
 export declare const INTERACTION_VIEW_TYPE: {
     readonly PARTLIST: "rubens_partlist";
     readonly MATERIAL_INFO: "material_info";

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

@@ -38,7 +38,6 @@ export type LoadResponse = PartlistResponse | void;
 export interface PartlistResponse {
     partList: KernelPartList;
 }
-export declare const getSelectableEntry: (selected: Selectable, data: Selectable[]) => Nullable<Selectable>;
 export declare const REGISTERED_CALLBACKS: Map<keyof CallbackApi, boolean>;
 export type CallbackApi = ConfiguratorUiCallbacks & RoomlePlannerUiCallback;
 export declare class SdkConnector {

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

@@ -2,11 +2,13 @@ import { ToggleCallback } from '../../common/utils/types';
 import { EventBus } from '../../common/business-logic/event-bus';
 
 declare const _default: import('vue').DefineComponent<{
-    onToggleExpand: () => void;
+    onExpand: () => void;
+    onCollapse: () => void;
     onToggleEvent: EventBus<ToggleCallback>;
     onChangeParameterGroup: () => void;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    onToggleExpand: () => void;
+    onExpand: () => void;
+    onCollapse: () => void;
     onToggleEvent: EventBus<ToggleCallback>;
     onChangeParameterGroup: () => void;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -3,12 +3,10 @@ declare const _default: import('vue').DefineComponent<{
     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>;
 export default _default;