@pilotdev/pilot-web-3d 23.0.6-alpha.2 → 23.0.7

package/index.d.ts

@@ -1,215 +1,5 @@
 /// <reference types="@types/three" />
 declare namespace PilotWeb3D {
-export class InitializerOptions {
-    libList?: string[];
-    language?: string;
-}
-export class Localization {
-    static initialize(options: any): Promise<void>;
-    static translate(stringToTrans: string): string;
-    static setLanguage(language: string): Promise<void>;
-    static extendLocalization(locales: any): boolean;
-}
-export class LoadingSpinner {
-    addToDOM(container: HTMLElement): void;
-    removeFromDOM(container: HTMLElement): void;
-}
-export class ExtensionManager {
-    registerExtensionType(extensionId: string, extension: typeof ExtensionBase): boolean;
-    unregisterExtensionType(extensionId: string): boolean;
-    getExtensionType(extensionId: string): typeof ExtensionBase;
-}
-export const theExtensionManager: ExtensionManager;
-export class ExtensionLoader {
-    loadExtension(extensionId: string): Promise<ExtensionBase>;
-    unloadExtension(extensionId: string): Promise<boolean>;
-    getExtensions(): string[];
-}
-export interface ILayerManager {
-    createLayer(name: string): ILayer;
-    deleteLayer(name: string): boolean;
-    getLayer(name: string): ILayer | null;
-    hasLayer(name: string): boolean;
-}
-export interface ILayer {
-    addOverlay(overlay: Overlay): boolean;
-    removeOverlay(overlay: Overlay): boolean;
-    getOverlays(): Overlay[];
-    getContainer(): LayerContainer;
-    getViewBox(): LayerViewBox;
-    dispose(): void;
-}
-export type Overlay = HTMLElement | any;
-export type LayerContainer = HTMLElement | any;
-export type LayerViewBox = DOMRect | any;
-export interface IEventsDispatcher {
-    addEventListener(event: string, listener: EventListener, options?: object): void;
-    removeEventListener(event: string, listener: EventListener): void;
-    hasEventListener(event: string, listener: EventListener): boolean;
-    dispatchEvent(event: string | Event): void;
-    dispatchEventAsync(event: string | Event): void;
-    clearListeners(): void;
-}
-export class CoreEventTypes {
-    static VIEWER_RESIZE_EVENT: string;
-    static VIEWER_MOUSE_DOWN_EVENT: string;
-    static VIEWER_MOUSE_MOVE_EVENT: string;
-    static VIEWER_MOUSE_UP_EVENT: string;
-    static VIEWER_MOUSE_LONG_TOUCH_EVENT: string;
-    static SETTING_CHANGED_EVENT: string;
-    static SETTING_RESET_EVENT: string;
-}
-export interface ISettingsStorage {
-    clear(): void;
-    getItem<T>(key: string): T | null;
-    removeItem(key: string): void;
-    setItem<T>(key: string, value: T): void;
-    getKeys(): string[];
-}
-export class SettingsStorageFactory {
-    getSettingsStorage(): ISettingsStorage;
-}
-export class LocalSettingsStorage implements ISettingsStorage {
-    clear(): void;
-    getItem<T>(key: string): T | null;
-    removeItem(key: string): void;
-    setItem<T>(key: string, value: T): void;
-    getKeys(): string[];
-}
-export class InMemorySettingsStorage implements ISettingsStorage {
-    clear(): void;
-    getItem<T>(key: string): T | null;
-    removeItem(key: string): void;
-    setItem<T>(key: string, value: T): void;
-    getKeys(): string[];
-}
-export interface ISettings {
-    changeSetting<T>(name: string, value: T, notify?: boolean, providedData?: any): void;
-    getSettingValue<T>(name: string): T;
-}
-export class BaseSettingsNames {
-    static TOOLBAR: string;
-    static TOOLBAR_DIRECTION: string;
-    static TOOLBAR_CONTENT: string;
-    static THEME: string;
-}
-export class SettingChangedEvent extends Event {
-    name: string;
-    oldValue: any;
-    newValue: any;
-    providedData: any;
-}
-export abstract class SettingsBase implements ISettings {
-    protected _eventDispatcher: IEventsDispatcher;
-    protected _storage: ISettingsStorage;
-    changeSetting<T>(name: string, value: T, notify?: boolean, providedData?: any): void;
-    getSettingValue<T>(name: string): T;
-    protected abstract getKeyWithPrefix(key: string): string;
-}
-export enum SettingsTheme {
-    LIGHT_THEME = "ascn-light",
-    DARK_THEME = "ascn-dark"
-}
-export const defaultThemeAppearance: string;
-export enum ToolbarDirection {
-    TOP_FIXED = "ascn-toolbar-direction-fixed-top",
-    TOP_FLUENT = "ascn-toolbar-direction-top",
-    BOTTOM_FIXED = "ascn-toolbar-direction-fixed-bottom",
-    BOTTOM_FLUENT = "ascn-toolbar-direction-bottom"
-}
-export enum ToolbarContent {
-    CENTER = "ascn-toolbar-content-center",
-    START = "ascn-toolbar-content-start",
-    END = "ascn-toolbar-content-end"
-}
-export interface ToolbarOptions {
-    height: number;
-    direction: ToolbarDirection;
-}
-export interface ToolbarStyle {
-    direction?: ToolbarDirection;
-    content?: ToolbarContent;
-}
-export const defaultToolbarAppearance: ToolbarStyle;
-export type ViewerSettings = Record<string, any>;
-export class ViewerConfiguration {
-    settingsPrefix: string;
-    appearance: ViewerSettings;
-    createConfiguration(configuration: ViewerSettings, origin: ViewerSettings): void;
-    changeTheme(newTheme: string): void;
-}
-export type ErrorCallback = (message: string) => void;
-export type SuccessCallback = (modelId: any) => void;
-export enum DocumentType {
-    UNKNOWN = 0,
-    DOCUMENT_2D = 1,
-    DOCUMENT_3D = 2
-}
-export const defaultBaseSettings: ViewerConfiguration;
-export abstract class ViewerBase {
-    protected _clientContainer: HTMLElement;
-    protected _loadingSpinner: LoadingSpinner;
-    protected _documentType: DocumentType;
-    protected _configuration: ViewerConfiguration;
-    readonly container: HTMLElement;
-    readonly layerManagers: Map<number, ILayerManager>;
-    readonly extensionsLoader: ExtensionLoader;
-    abstract settings: ISettings;
-    abstract events: IEventsDispatcher;
-    get rootContainer(): HTMLElement;
-    getConfiguration(): ViewerConfiguration;
-    /**
-     *
-     * @returns
-     */
-    start(): Promise<number>;
-    /**
-     *
-     */
-    finish(): void;
-    onPostExtensionLoad(extension: ExtensionBase): void;
-    protected loadExtensions(): void;
-    protected setThemeFromSettings(): void;
-}
-export class Control {
-    container: HTMLElement;
-    
-    constructor(id: string);
-    addClass(cssClass: string): void;
-    removeClass(cssClass: string): void;
-    getId(): string;
-    setToolTip(tooltipText: string): void;
-}
-export class Toolbar extends Control {
-    
-    constructor(id: string, toolbarContainer: HTMLElement, options?: ToolbarStyle);
-    addControl(control: Control): void;
-    removeControl(id: string): void;
-    changeToolbarPosition(direction: string): void;
-    changeToolbarContent(content: string): void;
-}
-export class ExtensionBase {
-    protected _viewer: ViewerBase;
-    
-    constructor(viewer3D: ViewerBase, options?: any);
-    load(): boolean | Promise<boolean>;
-    unload(): boolean;
-    activate(): boolean;
-    deactivate(): boolean;
-    /**
-    * Gets the name of the extension.
-    * @returns {string} Returns the name of the extension.
-      */
-    getName(): string;
-    onMouseDown(event: MouseEvent): void;
-    onMouseMove(event: MouseEvent): void;
-    onMouseUp(event: MouseEvent): void;
-    onMouseLongTouch(event: MouseEvent): void;
-    onToolbarCreated(toolbar: Toolbar): void;
-    protected bindDomEvents(): void;
-}
-export class ViewerToolbar extends Toolbar {
-}
 export enum UpdateType {
     /**No changes */
     None = 0,
@@ -258,12 +48,18 @@ export abstract class ViewObject extends THREE.Object3D {
     protected _isVisible: boolean;
     protected _isHidden: boolean;
     protected _originalColor: Color;
-    /**model element entity guid */
+    /**
+     * model element entity guid
+     * @default zeroGuid
+    */
     readonly entityGuid: string;
-    /**model part guid */
+    /**
+     * model part guid
+     * @default zeroGuid
+     */
     readonly modelGuid: string;
     
-    constructor(entityGuid: string, modelGuid: string, color: Color);
+    constructor(entityGuid?: string, modelGuid?: string, color?: Color);
     /**Mesh representation of the object */
     abstract get mesh(): THREE.Mesh | null;
     /**Edge representation of the object */
@@ -319,6 +115,12 @@ export abstract class ViewObject extends THREE.Object3D {
      */
     protected riseOnUpdated(updateType?: UpdateType, object?: THREE.Object3D): void;
 }
+export class ModelElementIds {
+    
+    constructor(ids: string[], modelImplId: string);
+    modelPartId: string;
+    elementIds: string[];
+}
 export abstract class CustomMaterial extends THREE.ShaderMaterial {
     
     constructor();
@@ -575,6 +377,39 @@ export class CustomPointMaterial extends CustomMaterial {
     protected onBeforeRender(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group): void;
     copy(source: CustomPointMaterial): this;
 }
+export namespace Viewer3DIcons {
+    const VIEWER_SETTINGS_ICON: string;
+    const VIEWER_MODEL_BROWSER_ICON: string;
+    const VIEWER_FULL_SCREEN_ICON: string;
+    const VIEWER_COLLAPSE_ICON: string;
+    const VIEWER_ELEMENT_PROPERTIES_ICON: string;
+    const VIEWER_ADD_CLIPPING_PLANE_ICON: string;
+    const VIEWER_CLIPPING_FLIP_ICON: string;
+    const VIEWER_DELETE_CLIPPING_PLANE_ICON: string;
+    const VIEWER_CLIPPING_CUBE_ICON: string;
+    const VIEWER_ADD_REMARK_ICON: string;
+    const VIEWER_MEASUREMENT_EDGE_ICON: string;
+    const VIEWER_MEASUREMENT_PLANE_ICON: string;
+    const VIEWER_MEASUREMENT_DIMENSION_ICON: string;
+}
+export namespace ViewerGeneralIcons {
+    const CLOSE: string;
+    const STRETCH_WINDOW: string;
+    const EXPAND_TREE: string;
+    const COLLAPSE_TREE: string;
+    const ARROW_DROP_DOWN: string;
+    const ARROW_DROP_RIGHT: string;
+    const CIRCLE_ICON: string;
+    const SHOW: string;
+    const HIDE: string;
+    const TRASH: string;
+    const ARROW_DR: string;
+}
+export namespace Viewer2DIcons {
+    const REMARK_CIRCLE_ICON: string;
+    const ZOOM_IN: string;
+    const ZOOM_OUT: string;
+}
 export class MeshLineGeometry extends THREE.InstancedBufferGeometry {
     type: string;
     instanceStart: THREE.BufferAttribute;
@@ -585,7 +420,7 @@ export class MeshLineGeometry extends THREE.InstancedBufferGeometry {
     constructor();
     applyMatrix4(matrix: THREE.Matrix4): this;
     updatePoint(index: number, point: THREE.Vector3): void;
-    updateColor(index: number, color: THREE.Color): void;
+    updateColor(index: number, color: Color): void;
     setPoints(points: THREE.Vector3[]): this;
     setPositions(array: ArrayLike<number>): this;
     setColors(array: ArrayLike<number>): this;
@@ -608,52 +443,147 @@ export class MeshLine extends THREE.Mesh {
     raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection[]): void;
 }
 export class TPair<TKey, TValue> {
+    
+    constructor(key: TKey, value: TValue);
     get key(): TKey;
     get value(): TValue;
 }
-export type Point3 = {
-    x: number;
-    y: number;
-    z: number;
-};
-export type CameraParameters = {
-    /** Camera position */
-    position: Point3;
-    /** Camera view direction: vector pointing from camera to target */
-    eyeDir: Point3;
-    /** Field of view: angle in radians */
-    angle: number;
-    /** (optional) Vector pointing to the center of viewing area. Used only in the NavigationTool */
-    viewCenter?: Point3;
-};
-export type CameraOrientation = {
-    /** Camera view direction: vector pointing from camera to target */
-    viewDir: THREE.Vector3;
-    /** (optional) Camera up vector */
-    upDir?: THREE.Vector3;
+export interface IEventsDispatcher {
+    addEventListener(event: string, listener: EventListener, options?: object): void;
+    removeEventListener(event: string, listener: EventListener): void;
+    hasEventListener(event: string, listener: EventListener): boolean;
+    dispatchEvent(event: string | Event): void;
+    dispatchEventAsync(event: string | Event): void;
+    clearListeners(): void;
+}
+export class EventsDispatcherCore implements IEventsDispatcher {
+    dispatchEventAsync(event: string | Event): void;
+    hasEventListener(type: string, listener: EventListener): boolean;
+    dispatchEvent(event: string | Event): void;
+    addEventListener(type: string, listener: EventListener, options?: object): void;
+    removeEventListener(type: string, listener: EventListener): void;
+    removeEvent(type: string): void;
+    clearListeners(): void;
+}
+export const MouseButtons: {
+    Left: number;
+    Middle: number;
+    Right: number;
 };
-export enum CameraNavigationMode {
-    None = 0,
-    Rotation = 1,
-    Translation = 2,
-    Spin = 4,
-    Zoom = 8
+export class RenderEventTypes {
+    static SELECTION_CHANGED_EVENT: string;
+    static SELECTION_RESET_EVENT: string;
+    static CAMERA_CHANGED_EVENT: string;
+    static CAMERA_NAVIGATION_MODE_CHANGED_EVENT: string;
+    static RENDER_CLICK_EVENT: string;
+    static RENDER_HOVER_EVENT: string;
+    static RENDER_DOUBLE_CLICK_EVENT: string;
 }
-export interface ICameraControl {
-    /**
-     * Gets the Three.js camera.
-     */
-    getCamera(): THREE.Camera;
-    /**
-     * Gets the camera parameters.
-     */
-    getCameraParameters(): CameraParameters;
-    /**
-     * Sets the camera parameters.
-     */
-    setCameraParameters(iParams: CameraParameters): void;
-    /**
-     * Sets the aspect ratio.
+export class SelectionChangedEvent extends Event {
+    selectedIds: ModelElementIds[];
+    
+    constructor(type: string, selectedIds?: ModelElementIds[]);
+}
+export class ClickedEvent extends Event {
+    modelId: string;
+    modelElementId: string;
+    ctrlKey: boolean;
+    
+    constructor(type: string, modelId: string, modelElementId: string, ctrlKey: boolean);
+}
+export class HoverEvent extends Event {
+    modelId: string;
+    modelElementId: string;
+    
+    constructor(type: string, modelId: string, modelElementId: string);
+}
+export class GlobalEvents {
+    static events: EventsDispatcherCore;
+}
+
+export enum SelectionMode {
+    Append = 0,
+    Replace = 1
+}
+export interface ISettingsStorage {
+    clear(): void;
+    getItem<T>(key: string): T | null;
+    removeItem(key: string): void;
+    setItem<T>(key: string, value: T): void;
+    getKeys(): string[];
+}
+export class SettingsStorageFactory {
+    getSettingsStorage(): ISettingsStorage;
+}
+export class LocalSettingsStorage implements ISettingsStorage {
+    clear(): void;
+    getItem<T>(key: string): T | null;
+    removeItem(key: string): void;
+    setItem<T>(key: string, value: T): void;
+    getKeys(): string[];
+}
+export class InMemorySettingsStorage implements ISettingsStorage {
+    clear(): void;
+    getItem<T>(key: string): T | null;
+    removeItem(key: string): void;
+    setItem<T>(key: string, value: T): void;
+    getKeys(): string[];
+}
+export type Point3 = {
+    x: number;
+    y: number;
+    z: number;
+};
+export function pointToVector3(point: Point3): THREE.Vector3;
+export type CameraParameters = {
+    /** Camera position */
+    position: Point3;
+    /** Camera view direction: vector pointing from camera to target */
+    eyeDir: Point3;
+    /** Field of view: angle in radians */
+    angle: number;
+    /** (optional) Camera up vector*/
+    upDir?: Point3;
+    /** (optional) Vector pointing to the center of viewing area.*/
+    viewCenter?: Point3;
+};
+export type CameraOrientation = {
+    /** Camera view direction: vector pointing from camera to target */
+    viewDir: THREE.Vector3;
+    /** (optional) Camera up vector */
+    upDir?: THREE.Vector3;
+};
+export enum CameraNavigationMode {
+    None = 0,
+    Rotation = 1,
+    Translation = 2,
+    Spin = 4,
+    Zoom = 8
+}
+export interface ICameraControl {
+    /**
+     * Gets the Three.js camera.
+     */
+    getCamera(): THREE.Camera;
+    /**
+     * Gets the camera parameters.
+     */
+    getCameraParameters(): CameraParameters;
+    /**
+     * Sets the camera parameters.
+     */
+    setCameraParameters(iParams: CameraParameters): void;
+    /**
+     * Sets the camera view point.
+     * @param viewCenter - view point
+     */
+    setViewCenter(viewCenter: THREE.Vector3): void;
+    /**
+     * Gets the camera view point.
+     */
+    getViewCenter(): THREE.Vector3;
+    /**
+     * Sets the aspect ratio.
      */
     setAspectRatio(width: number, heigth: number): boolean;
     /**
@@ -674,12 +604,16 @@ export interface ICameraControl {
      * @param movement - offset in the screen space
      */
     spin(movement: THREE.Vector2): void;
+    /**
+     * Gets the camera orientation.
+     */
+    getCameraOrientation(): CameraOrientation;
     /**
      * Orient the camera
      * @param iOrientation
      * @param isAnimationEnabled
      */
-    orientateCamera(iOrientation: CameraOrientation, isAnimationEnabled?: boolean): void;
+    setCameraOrientation(iOrientation: CameraOrientation, isAnimationEnabled?: boolean): void;
     /**
      * Zoom camera to the point
      * @param deltaSign - zoom distance
@@ -705,47 +639,6 @@ export interface ICameraControl {
      */
     setNavigationMode(mode: CameraNavigationMode, isEnable: boolean, duration?: number): void;
 }
-export type EventFunction<Data> = ((data: Data) => void) | (() => void);
-export interface IEventListener<Data> {
-    dispose(): void;
-}
-export interface IEventSigner<Data> {
-    listen(callback: EventFunction<Data>, options?: {
-        bind?: object;
-    }): IEventListener<Data>;
-    unlisten(callback: EventFunction<Data>, options?: {
-        bind?: object;
-        allowMissing?: boolean;
-    }): boolean;
-}
-
-export enum SelectionMode {
-    Append = 0,
-    Replace = 1
-}
-export class RenderViewSettings {
-    telemetry?: boolean;
-    hideEdgesWhenNavigation?: boolean;
-    antiAliasing?: boolean;
-    displayMode?: DisplayMode;
-    /** Desired render framerate */
-    desiredFramerate?: number;
-    /** Allocated time for rendering operations, excluding scene rendering */
-    manageTime?: number;
-    /** Draw hovered meshes on the `selectionScene` */
-    hoverMeshes?: boolean;
-    /** Draw hovered edges on the `selectionScene` */
-    hoverEdges?: boolean;
-    /** Draw selected meshes on the `selectionScene` */
-    selectEdges?: boolean;
-    /** Draw selected edges on the `selectionScene` */
-    selectMeshes?: boolean;
-}
-export enum DisplayMode {
-    FACES_AND_EDGES = 0,
-    FACES = 1
-}
-export const defaultRenderViewSettings: RenderViewSettings;
 export interface IModelIntersectionChecker {
     /** Gets the center of the model*/
     get modelCenter(): THREE.Vector3;
@@ -797,60 +690,129 @@ export interface IModelIntersectionChecker {
         guid: string;
     }[];
 }
-export interface I3DRenderer {
-    clear(color?: boolean, depth?: boolean, stencil?: boolean): void;
-    setClearColor(color: THREE.ColorRepresentation, alpha?: number): void;
-    clearDepth(): void;
-    render(scene: THREE.Object3D, camera: THREE.Camera): void;
-    getSize(target: THREE.Vector2): THREE.Vector2;
-    setSize(width: number, height: number, updateStyle?: boolean): void;
-    setViewport(x: THREE.Vector4 | number, y?: number, width?: number, height?: number): void;
-    clippingPlanes: THREE.Plane[];
-    domElement: HTMLCanvasElement;
+export enum NavigationHandlerPriority {
+    DefaultNavigation = 0,
+    GizmoHandlers = 20,
+    EmbeddedExtensions = 40,
+    CustomExtensions = 100
 }
-export interface IRenderViewer3D {
-    /** Gets model inetrsection checker. */
-    getIntersectionChecker(): IModelIntersectionChecker;
-    /** Request a full redraw of the canvas. */
-    updateCurrentCanvas(): Promise<void>;
+export class NavigationEventOptions implements EventListenerOptions {
+    /** If true, use event capturing instead of event bubbling*/
+    readonly capture: boolean;
+    /** Call priority of navigation event handlers, from highest to lowest*/
+    readonly priority: number | NavigationHandlerPriority;
+    /** Always handle, used if `NavigationEvent.isHandled` set to true*/
+    readonly alwaysHandle: boolean;
+    /** (optional) listener name*/
+    readonly navigationTargetName?: string;
+    
+    constructor(
+    /** If true, use event capturing instead of event bubbling*/
+    capture?: boolean, 
+    /** Call priority of navigation event handlers, from highest to lowest*/
+    priority?: number | NavigationHandlerPriority, 
+    /** Always handle, used if `NavigationEvent.isHandled` set to true*/
+    alwaysHandle?: boolean, 
+    /** (optional) listener name*/
+    navigationTargetName?: string);
+}
+export type NavigationEvent = {
     /**
-     * Place object on the scene.\
-     * An object can only be placed on one scene.
-     * @param iObj - object to place.
-     * @param sceneID - (optional) scene name. `MainScene` by default.
+     * (optional) Value indicating whether the NavigationEvent event was handled.
      */
-    placeObjectOnScene(iObj: THREE.Object3D, sceneID?: string): Promise<void>;
+    isHandled?: boolean;
+};
+export interface ActiveEvent extends Event {
+    readonly isActive: boolean;
+}
+export interface NavigationEventSourceEventMap extends HTMLElementEventMap {
     /**
-     * Remove object from scene.
-     * @param iObj
+     * Occurs when the {@link INavigationEventSource.isActive} property changes.
      */
-    removeObjectFromScene(iObj: THREE.Object3D): Promise<void>;
+    "active": ActiveEvent;
+}
+export interface INavigationEventSource {
     /**
-     * Set clipping planes for rendering.
-     * @param planes - array of clipping planes.
+     * Activity of the event source
      */
-    setClipping(planes: THREE.Plane[]): void;
+    get isActive(): boolean;
+    set isActive(value: boolean);
+    addEventListener<T extends keyof NavigationEventSourceEventMap>(type: T, listener: (this: object, ev: NavigationEventSourceEventMap[T] & NavigationEvent) => void, options?: boolean | EventListenerOptions | NavigationEventOptions): void;
+    removeEventListener<T extends keyof NavigationEventSourceEventMap>(type: T, listener: (this: object, ev: NavigationEventSourceEventMap[T] & NavigationEvent) => void, options?: boolean | EventListenerOptions | NavigationEventOptions): void;
+}
+export interface INavigationAgent {
     /**
-     * Set active clipping planes: planes with colored sections
-     * @param indices - active planes indices in the array of clipping planes
+     * Canvas DOM-events source
      */
-    setActiveClipPlaneIndices(indices: number[]): void;
+    readonly canvasNavigationSource: INavigationEventSource;
     /**
-     * Gets all render scenes.
+     * Keyboard DOM-events source
      */
-    getScenes(): IUserScene[];
+    readonly keyboardNavigationSource: INavigationEventSource;
     /**
-     *
-     * @param name
-     * @param isClippable
+     * Activity of the navigation agent
      */
-    addScene(name: string, isClippable: boolean): IUserScene;
+    get isActive(): boolean;
+    set isActive(value: boolean);
     /**
-     *
-     * @param scene
+     * Gets rectangle of the navigation area
      */
-    removeScene(scene: IUserScene): void;
+    getNavigationArea(): DOMRect;
+}
+export interface INavigationTool {
+    /**
+     * Gets name of this navigation tool.
+     */
+    get name(): string;
+    /**
+     * Initialize navigation tool.
+     */
+    init(navAgent: INavigationAgent, cameraControl: ICameraControl, intersectionChecker: IModelIntersectionChecker): void;
+    /**
+     * Activates or deactivates this navigation tool.
+     */
+    setActive(isActive: boolean): void;
+    /**
+     * Gets the camera pivot point.
+     */
+    getPivotPoint(): THREE.Vector3;
+    /**
+     * Sets the camera pivot point.
+     */
+    setPivotPoint(pivotPoint: THREE.Vector3): void;
+    /**
+     * Sets the camera parameters.
+     * @param iParams
+     */
+    setCameraParameters(iParams: CameraParameters): void;
+    /**
+     * Gets the camera parameters.
+     */
+    getCameraParameters(): CameraParameters;
+}
+export class RenderViewSettings {
+    telemetry?: boolean;
+    hideEdgesWhenNavigation?: boolean;
+    antiAliasing?: boolean;
+    displayMode?: DisplayMode;
+    /** Desired render framerate */
+    desiredFramerate?: number;
+    /** Allocated time for rendering operations, excluding scene rendering */
+    manageTime?: number;
+    /** Draw hovered meshes on the `selectionScene` */
+    hoverMeshes?: boolean;
+    /** Draw hovered edges on the `selectionScene` */
+    hoverEdges?: boolean;
+    /** Draw selected meshes on the `selectionScene` */
+    selectEdges?: boolean;
+    /** Draw selected edges on the `selectionScene` */
+    selectMeshes?: boolean;
+}
+export enum DisplayMode {
+    FACES_AND_EDGES = 0,
+    FACES = 1
 }
+export const defaultRenderViewSettings: RenderViewSettings;
 export interface IRenderOperationContext {
     /** If true, renderScenes operations will be forced*/
     isRedrawRequested: boolean;
@@ -905,7 +867,7 @@ export enum OperationPriority {
     afterAll = 100
 }
 export type RenderOperationDelegate = (context: IRenderOperationContext) => OperationStatus;
-export interface IUserScene {
+export interface IUserScene extends THREE.Scene {
     /** Scene name */
     readonly name: string;
     /** Indicates whether the scene should to be updated (should to be managed)*/
@@ -914,8 +876,6 @@ export interface IUserScene {
     get needsRedraw(): boolean;
     /** Gets the scene intersection checker */
     get intersectionChecker(): IModelIntersectionChecker | null;
-    /** Gets the THREE.Object3D representation of the scene */
-    get threeObjectRepresentation(): THREE.Object3D | null;
     /** Sets clipping enable */
     set clippingEnable(value: boolean);
     /** Indicates whether the scene should be clipped */
@@ -936,292 +896,84 @@ export interface IUserScene {
     manageScene(context?: IRenderOperationContext): boolean;
     /** Render scene */
     render(context: IRenderOperationContext): void;
-    /** Clear scene */
-    clear(): void;
     /** Dispose scene */
     dispose(): void;
 }
-export enum NavigationHandlerPriority {
-    DefaultNavigation = 0,
-    GizmoHandlers = 20,
-    EmbeddedExtensions = 40,
-    CustomExtensions = 100
-}
-export class NavigationEventOptions implements EventListenerOptions {
-    /** If true, use event capturing instead of event bubbling*/
-    readonly capture: boolean;
-    /** Call priority of navigation event handlers, from highest to lowest*/
-    readonly priority: number | NavigationHandlerPriority;
-    /** Always handle, used if `NavigationEvent.isHandled` set to true*/
-    readonly alwaysHandle: boolean;
-    /** (optional) listener name*/
-    readonly navigationTargetName?: string;
-    
-    constructor(
-    /** If true, use event capturing instead of event bubbling*/
-    capture?: boolean, 
-    /** Call priority of navigation event handlers, from highest to lowest*/
-    priority?: number | NavigationHandlerPriority, 
-    /** Always handle, used if `NavigationEvent.isHandled` set to true*/
-    alwaysHandle?: boolean, 
-    /** (optional) listener name*/
-    navigationTargetName?: string);
-}
-export type NavigationEvent = {
-    /**
-     * (optional) Value indicating whether the NavigationEvent event was handled.
-     */
-    isHandled?: boolean;
-};
-export interface INavigationEventSource {
-    /**
-     * Event fired on activity changed
-     */
-    readonly eventSourceActivityChanged: IEventSigner<boolean>;
-    /**
-     * Activates or deactivate event source
-     * @param value - activate if true
-     */
-    setActive(value: boolean): void;
-    addEventListener<T extends keyof HTMLElementEventMap>(type: T, listener: (this: object, ev: HTMLElementEventMap[T] & NavigationEvent) => void, options?: boolean | EventListenerOptions | NavigationEventOptions): void;
-    removeEventListener<T extends keyof HTMLElementEventMap>(type: T, listener: (this: object, ev: HTMLElementEventMap[T] & NavigationEvent) => void, options?: boolean | EventListenerOptions | NavigationEventOptions): void;
-}
-export interface INavigationAgent {
-    /**
-     * Canvas DOM-events source
-     */
-    readonly canvasNavigationSource: INavigationEventSource;
-    /**
-     * Keyboard DOM-events source
-     */
-    readonly keyboardNavigationSource: INavigationEventSource;
-    /**
-     * Activates canvas and keyboard navigation event sources
-     */
-    setActive(value: boolean): void;
-    /**
-     * Gets rectangle of the navigation area
-     */
-    getNavigationArea(): DOMRect;
+export interface I3DRenderer {
+    clear(color?: boolean, depth?: boolean, stencil?: boolean): void;
+    setClearColor(color: THREE.ColorRepresentation, alpha?: number): void;
+    clearDepth(): void;
+    render(scene: THREE.Object3D, camera: THREE.Camera): void;
+    getSize(target: THREE.Vector2): THREE.Vector2;
+    setSize(width: number, height: number, updateStyle?: boolean): void;
+    setViewport(x: THREE.Vector4 | number, y?: number, width?: number, height?: number): void;
+    getViewport(target: THREE.Vector4): THREE.Vector4;
+    clippingPlanes: THREE.Plane[];
+    domElement: HTMLCanvasElement;
 }
-export interface INavigationTool {
+export interface IRenderViewer3D {
+    /** Gets model inetrsection checker. */
+    getIntersectionChecker(): IModelIntersectionChecker;
+    /** Request a full redraw of the canvas. */
+    updateCurrentCanvas(): Promise<void>;
     /**
-     * Gets name of this navigation tool.
+     * Place object on the scene.\
+     * An object can only be placed on one scene.
+     * @param iObj - object to place.
+     * @param sceneID - (optional) scene name. `MainScene` by default.
      */
-    get name(): string;
+    placeObjectOnScene(iObj: THREE.Object3D, sceneID?: string): Promise<void>;
     /**
-     * Initialize navigation tool.
+     * Remove object from scene.
+     * @param iObj
      */
-    init(navAgent: INavigationAgent, cameraControl: ICameraControl, intersectionChecker: IModelIntersectionChecker): void;
+    removeObjectFromScene(iObj: THREE.Object3D): Promise<void>;
     /**
-     * Activates or deactivates this navigation tool.
+     * Set clipping planes for rendering.
+     * @param planes - array of clipping planes.
      */
-    setActive(isActive: boolean): void;
+    setClipping(planes: THREE.Plane[]): void;
     /**
-     * Gets the camera pivot point.
+     * Set active clipping planes: planes with colored sections
+     * @param indices - active planes indices in the array of clipping planes
      */
-    getPivotPoint(): THREE.Vector3;
+    setActiveClipPlaneIndices(indices: number[]): void;
     /**
-     * Sets the camera pivot point.
+     * Gets all render scenes.
      */
-    setPivotPoint(pivotPoint: THREE.Vector3): void;
+    getScenes(): IUserScene[];
     /**
-     * Sets the camera parameters.
-     * @param iParams
+     *
+     * @param name
+     * @param isClippable
      */
-    setCameraParameters(iParams: CameraParameters): void;
+    addScene(name: string, isClippable: boolean): IUserScene;
     /**
-     * Gets the camera parameters.
+     *
+     * @param scene
      */
-    getCameraParameters(): CameraParameters;
-}
-export class GizmoMaterials {
-    static gizmoMaterial: THREE.MeshBasicMaterial;
-    static matInvisible: THREE.MeshBasicMaterial;
-    static matRed: THREE.MeshBasicMaterial;
-    static matGreen: THREE.MeshBasicMaterial;
-    static matBlue: THREE.MeshBasicMaterial;
-    static matYellow: THREE.MeshBasicMaterial;
-    static matViolet: THREE.MeshBasicMaterial;
-    static matYellowTransparent: THREE.MeshBasicMaterial;
-    static init(): void;
-}
-export interface IGizmoObject extends THREE.Object3D {
-    getHovered(): boolean;
-    setHovered(value: boolean): void;
-    getActive(): boolean;
-    setActive(value: boolean): void;
-    dispose(): void;
-}
-export class GizmoObject extends THREE.Object3D implements IGizmoObject {
-    protected _meshes: THREE.Mesh[];
-    readonly baseMaterial: THREE.Material;
-    readonly hoverMaterial: THREE.Material;
-    readonly activeMaterial: THREE.Material;
-    
-    constructor(_meshes: THREE.Mesh[], baseMaterial?: THREE.Material, hoverMaterial?: THREE.Material, activeMaterial?: THREE.Material);
-    getHovered(): boolean;
-    setHovered(value: boolean): void;
-    getActive(): boolean;
-    setActive(value: boolean): void;
-    dispose(): void;
-    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection<THREE.Object3D<THREE.Event>>[]): void;
-}
-export abstract class GizmoAxis extends THREE.Object3D implements IGizmoObject {
-    readonly handle: IGizmoObject;
-    readonly picker?: IGizmoObject;
-    readonly helper?: IGizmoObject;
-    protected _isHovered: boolean;
-    protected _isActive: boolean;
-    protected _plane: THREE.Plane;
-    protected _axisDir: THREE.Vector3;
-    protected _raycaster: THREE.Raycaster;
-    protected _worldPositionStart: THREE.Vector3;
-    protected _worldQuaternionStart: THREE.Quaternion;
-    protected _worldAxisDir: THREE.Vector3;
-    protected _startPoint: THREE.Vector3;
-    protected _endPoint: THREE.Vector3;
-    getActive(): boolean;
-    setActive(value: boolean): void;
-    getHovered(): boolean;
-    setHovered(value: boolean): void;
-    dispose(): void;
-    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection<THREE.Object3D<THREE.Event>>[]): void;
-    abstract moveByNdcPt(ndcPos: THREE.Vector2, camera: THREE.Camera): THREE.Matrix4;
-    protected abstract updateGizmoPlane(camera: THREE.Camera): void;
-    protected setStartPt(ndcPos: THREE.Vector2, camera: THREE.Camera): void;
-}
-export class GizmoTranslationAxis extends GizmoAxis {
-    readonly handle: IGizmoObject;
-    readonly picker?: IGizmoObject;
-    readonly helper?: IGizmoObject;
-    
-    constructor(axisDir: THREE.Vector3, handle: IGizmoObject, picker?: IGizmoObject, helper?: IGizmoObject);
-    moveByNdcPt(ndcPos: THREE.Vector2, camera: THREE.Camera): THREE.Matrix4;
-    protected updateGizmoPlane(camera: THREE.Camera): void;
-}
-export class GizmoRotationAxis extends GizmoAxis {
-    readonly handle: IGizmoObject;
-    readonly picker?: IGizmoObject;
-    readonly helper?: IGizmoObject;
-    moveByNdcPt(ndcPos: THREE.Vector2, camera: THREE.Camera): THREE.Matrix4;
-    protected updateGizmoPlane(camera: THREE.Camera): void;
-}
-export class GizmoScaleAxis extends GizmoAxis {
-    readonly handle: IGizmoObject;
-    readonly picker?: IGizmoObject;
-    readonly helper?: IGizmoObject;
-    moveByNdcPt(ndcPos: THREE.Vector2, camera: THREE.Camera): THREE.Matrix4;
-    protected updateGizmoPlane(camera: THREE.Camera): void;
-}
-export class GizmoControl extends THREE.Object3D {
-    
-    constructor(camera: THREE.Camera, navAgent: INavigationAgent);
-    attachTo(object: THREE.Object3D, asChild?: boolean): void;
-    detach(): void;
-    addAxis(axis: GizmoAxis): void;
-    dispose(): void;
-    updateMatrixWorld(force?: boolean): void;
-    updateGizmoOffset(position?: THREE.Vector3, quaternion?: THREE.Quaternion): void;
+    removeScene(scene: IUserScene): void;
 }
-export enum GizmoAxisDir {
-    NONE = 0,
-    X = 1,
-    Y = 2,
-    Z = 4,
-    XY = 3,
-    YZ = 6,
-    XZ = 5,
-    XYZ = 7
+export class InitializerOptions {
+    libList?: string[];
+    language?: string;
 }
-export class GizmoBuilder {
-    static build(camera: THREE.Camera, navAgent: INavigationAgent, translation?: GizmoAxisDir, rotation?: GizmoAxisDir, scale?: GizmoAxisDir): GizmoControl;
-    static buildTranslationAxis(axisDir: THREE.Vector3, handleBaseMatrial?: THREE.Material, handleHoveredMaterial?: THREE.Material, handleSelectedMaterial?: THREE.Material, pickerBaseMatrial?: THREE.Material, pickerHoveredMaterial?: THREE.Material, pickerSelectedMaterial?: THREE.Material): GizmoAxis;
-    static buildRotationAxis(axisDir: THREE.Vector3, handleBaseMatrial?: THREE.Material, handleHoveredMaterial?: THREE.Material, handleSelectedMaterial?: THREE.Material, pickerBaseMatrial?: THREE.Material, pickerHoveredMaterial?: THREE.Material, pickerSelectedMaterial?: THREE.Material): GizmoAxis;
-    static buildScaleAxis(axisDir: THREE.Vector3, handleBaseMatrial?: THREE.Material, handleHoveredMaterial?: THREE.Material, handleSelectedMaterial?: THREE.Material): GizmoAxis;
+class Global {
+    G: any;
+    RESOURCE_ROOT: string;
+    initializeResourceRoot(options: InitializerOptions): void;
+    getResourceUrl(resourceRelativePath: string): string;
 }
-export interface LabelSpriteParameters {
-    text?: string | undefined;
-    sizeAttenuation?: boolean | undefined;
-    fontFace?: string | FontFace | undefined;
-    fontSize?: number | undefined;
-    borderColor?: Color | undefined;
-    backgroundColor?: Color | undefined;
-    borderThickness?: number | undefined;
-    borderRadius?: number | undefined;
-    textColor?: Color | undefined;
-    textPadding?: THREE.Vector4Tuple | undefined;
-}
-export class LabelSprite extends THREE.Sprite {
-    readonly extraHeightFactor = 1.4;
-    
-    constructor(parameters: LabelSpriteParameters);
-    get sizeAttenuation(): boolean;
-    set sizeAttenuation(value: boolean);
-    /**
-     * @default ''
-     */
-    get text(): string;
-    set text(value: string);
-    /**
-    * @default 'Roboto, sans-serif'
-    */
-    get fontFace(): string | FontFace;
-    set fontFace(value: string | FontFace);
-    /**
-    * @default 12
-    */
-    get fontSize(): number;
-    set fontSize(value: number);
-    /**
-    * @default 2
-    */
-    get borderThickness(): number;
-    set borderThickness(value: number);
-    /**
-    * @default new Color(0, 0, 0, 1.0)
-    */
-    get borderColor(): Color;
-    set borderColor(value: Color);
-    /**
-    * @default 1
-    */
-    get borderRadius(): number;
-    set borderRadius(value: number);
-    /**
-    * @default new Color(1.0, 1.0, 1.0, 1.0)
-    */
-    get backgroundColor(): Color;
-    set backgroundColor(value: Color);
-    /**
-    * @default new Color(0, 0, 0, 1.0)
-    */
-    get textColor(): Color;
-    set textColor(value: Color);
-    /**
-     * Label text padding: left, top, right, bottom
-     * @default [0, 0, 0, 0]
-     */
-    get textPadding(): THREE.Vector4Tuple;
-    set textPadding(value: THREE.Vector4Tuple);
-    dispose(): void;
-}
-export interface EventEmitter<Data> {
-    emit(data?: Data, options?: object): void;
-}
-export class EventDispatcher<Data> implements IEventSigner<Data>, EventEmitter<Data> {
-    listen(func: EventFunction<Data>, options?: {
-        bind?: object;
-    }): IEventListener<Data>;
-    unlisten(func: EventFunction<Data>, options?: {
-        bind?: object;
-        allowMissing?: boolean;
-    }): boolean;
-    emit(data?: Data): void;
-    emitR(data?: Data): any[];
-    asSigner(): IEventSigner<Data>;
-    asEmitter(): EventEmitter<Data>;
-    removeAllListeners(): void;
+export const global: Global;
+export {};
+export type StringMap = {
+    [key: string]: any;
+};
+export class Localization {
+    static initialize(options: any): Promise<void>;
+    static translate<T extends (string | StringMap) = string>(stringToTrans: string): T;
+    static setLanguage(language: string): Promise<void>;
+    static extendLocalization(locales: any): boolean;
 }
 export class ModelElement {
     get id(): string;
@@ -1282,6 +1034,135 @@ export class ModelPart {
     get elementTree(): ModelElementTree;
     dispose(): void;
 }
+export interface INavigation {
+    /**
+     * Register navigation tool.
+     */
+    registerNavigation(navigationTool: INavigationTool): void;
+    /**
+     * Unregister navigation tool.
+     */
+    unregisterNavigation(navigationTool: INavigationTool): void;
+    /**
+     * Activate or deactivate registered navigation tool.
+     * NB: There can be only one active navigation tool at time.
+     */
+    setActive(navigationToolName: string, isActive: boolean): void;
+    /**
+     * Get active navigation tool.
+     */
+    getActiveNavigation(): INavigationTool | null;
+    /**
+     * Get navigation agent.
+     */
+    getNavigationAgent(): INavigationAgent;
+    /**
+     * Gets navigation area rectangle
+     */
+    getNavigationArea(): DOMRect;
+    /**
+     * Sets the camera parameters.
+     */
+    setCameraParameters(params: CameraParameters): void;
+    /**
+     * Gets the camera parameters.
+     */
+    getCameraParameters(): CameraParameters;
+    /**
+     * Gets the camera control.
+     */
+    getCameraControl(): ICameraControl;
+    /**
+     * Gets the Three.js camera.
+     */
+    getCamera(): THREE.Camera;
+    /**
+     * Fits camera to objects by IDs.
+     * @param {string[] | string} elementIds  - element or array of elements
+     * @param {string | ModelPart} modelPart - the model part id or the model part instance containing the elements.
+     * @param {boolean} immediate - true to avoid the default transition.
+     * @returns
+     */
+    fitToView(elementIds: string[] | string, modelPart: string | ModelPart, immediate?: boolean): void;
+    /**
+     * Sets the camera pivot point.
+     */
+    setPivotPoint(point: Point3): void;
+    /**
+     * Gets the camera pivot point.
+     */
+    getPivotPoint(): Point3;
+    /**
+     * Reset the camera pivot point.
+     */
+    resetPivotPoint(): void;
+}
+export interface CustomSpriteMaterialParameters extends THREE.ShaderMaterialParameters {
+    color?: THREE.ColorRepresentation | undefined;
+    map?: THREE.Texture | null | undefined;
+    alphaMap?: THREE.Texture | null | undefined;
+    rotation?: number | undefined;
+    sizeAttenuation?: boolean | undefined;
+    fog?: boolean | undefined;
+    center?: THREE.Vector2 | undefined;
+    discreteClipping?: boolean | undefined;
+    offset?: THREE.Vector2 | undefined;
+}
+export class CustomSpriteMaterial extends CustomMaterial {
+    type: string;
+    readonly isSpriteMaterial: true;
+    
+    constructor(parameters?: CustomSpriteMaterialParameters);
+    /**
+     * @default new THREE.Color( 0xffffff )
+     */
+    color: THREE.Color;
+    /**
+     * @default null
+     */
+    map: THREE.Texture | null;
+    /**
+     * @default null
+     */
+    alphaMap: THREE.Texture | null;
+    /**
+     * @default 0
+     */
+    rotation: number;
+    /**
+     * @default true
+     */
+    sizeAttenuation: boolean;
+    /**
+     * @default true
+     */
+    transparent: boolean;
+    /**
+     * Whether the material is affected by fog. Default is true.
+     * @default fog
+     */
+    fog: boolean;
+    /**
+     * @default new THREE.Vector2(0.5, 0.5)
+     */
+    center: THREE.Vector2;
+    /**
+     * @default new THREE.Vector2(0.0, 0.0)
+     */
+    offset: THREE.Vector2;
+    /**
+     * @default true
+     */
+    get discreteClipping(): boolean;
+    set discreteClipping(value: boolean);
+    get resolution(): THREE.Vector2;
+    set resolution(value: THREE.Vector2);
+    protected refreshUniformsCommon(uniforms: {
+        [uniform: string]: THREE.IUniform;
+    }, material: CustomSpriteMaterial, renderer: THREE.WebGLRenderer): void;
+    protected onBeforeRender(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group): void;
+    copy(source: CustomSpriteMaterial): this;
+}
 
 export class SettingsNames {
     static TELEMETRY: string;
@@ -1310,12 +1191,194 @@ export enum ValueType {
     ENUM = 2,
     BOOL = 3
 }
+export interface ISettings {
+    changeSetting<T>(name: string, value: T, notify?: boolean, providedData?: any): void;
+    getSettingValue<T>(name: string): T;
+}
+export enum BaseSettingsNames {
+    TOOLBAR = "toolbar",
+    TOOLBAR_POSITION = "toolbarPosition",
+    TOOLBAR_CONTENT_ALIGNMENT = "toolbarContent",
+    THEME = "theme"
+}
+export class SettingChangedEvent extends Event {
+    name: string;
+    oldValue: any;
+    newValue: any;
+    providedData: any;
+}
+export enum SettingsTheme {
+    LIGHT_THEME = "ascn-light",
+    DARK_THEME = "ascn-dark"
+}
+export const defaultThemeAppearance: string;
+export enum ToolbarPosition {
+    TOP_FIXED = "ascn-toolbar-position-fixed-top",
+    TOP_FLUENT = "ascn-toolbar-position-top",
+    BOTTOM_FIXED = "ascn-toolbar-position-fixed-bottom",
+    BOTTOM_FLUENT = "ascn-toolbar-position-bottom"
+}
+export enum ToolbarContentAlignment {
+    CENTER = "ascn-toolbar-content-center",
+    START = "ascn-toolbar-content-start",
+    END = "ascn-toolbar-content-end"
+}
+export interface ToolbarStyle {
+    [BaseSettingsNames.TOOLBAR_POSITION]?: ToolbarPosition;
+    [BaseSettingsNames.TOOLBAR_CONTENT_ALIGNMENT]?: ToolbarContentAlignment;
+}
+export const defaultToolbarAppearance: ToolbarStyle;
+export type ViewerSettings = Record<string, any>;
+export class ViewerConfiguration {
+    settingsPrefix: string;
+    appearance: ViewerSettings;
+    createConfiguration(configuration: ViewerSettings, origin: ViewerSettings): void;
+    mergeConfigurationAndSettings(configuration: ViewerSettings, settings: ISettings): void;
+    changeTheme(newTheme: string): void;
+}
 export class Viewer3DConfiguration extends ViewerConfiguration {
     render: ViewerSettings;
     
     constructor(appearance?: ViewerSettings, render?: ViewerSettings);
 }
 export const defaultViewer3DSettings: ViewerSettings;
+export class LoadingSpinner {
+    addToDOM(container: HTMLElement): void;
+    removeFromDOM(container: HTMLElement): void;
+}
+export class CoreEventTypes {
+    static VIEWER_RESIZE_EVENT: string;
+    static VIEWER_MOUSE_DOWN_EVENT: string;
+    static VIEWER_MOUSE_MOVE_EVENT: string;
+    static VIEWER_MOUSE_UP_EVENT: string;
+    static VIEWER_MOUSE_LONG_TOUCH_EVENT: string;
+    static SETTING_CHANGED_EVENT: string;
+    static SETTING_RESET_EVENT: string;
+    static SETTING_LANGUAGE_CHANGED_EVENT: string;
+    static SETTING_THEME_CHANGED_EVENT: string;
+}
+export interface IControl {
+    container: HTMLElement;
+    getId(): string;
+    setToolTip(tooltipText: string): void;
+    setText(text: string): void;
+}
+export class Control implements IControl {
+    container: HTMLElement;
+    
+    constructor(id: string);
+    addClass(cssClass: string): void;
+    removeClass(cssClass: string): void;
+    getId(): string;
+    setToolTip(tooltipText: string): void;
+    setText(text: string): void;
+}
+export interface IMenu {
+    controls: IControl[];
+    addControl(control: IControl, index?: number): void;
+    removeControl(index: number): void;
+}
+interface IToolbarButton {
+    button: IControl;
+    index: number;
+}
+export class Toolbar extends Control implements IMenu {
+    readonly controls: IControl[];
+    addControl(control: IControl, index?: number): void;
+    removeControl(index: number): void;
+    getControls(): IToolbarButton[];
+    changeToolbarPosition(direction: ToolbarPosition): void;
+    changeToolbarContentAlignment(content: ToolbarContentAlignment): void;
+}
+export {};
+export class ExtensionBase {
+    protected _viewer: ViewerBase;
+    protected _options: object;
+    
+    constructor(viewer3D: ViewerBase, options?: object);
+    load(): boolean | Promise<boolean>;
+    unload(): boolean;
+    activate(): boolean;
+    deactivate(): boolean;
+    /**
+    * Gets the name of the extension.
+    * @returns {string} Returns the name of the extension.
+      */
+    getName(): string;
+    onMouseDown(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onMouseLongTouch(event: MouseEvent): void;
+    onToolbarCreated(toolbar: Toolbar): void;
+    protected bindDomEvents(): void;
+}
+export class ExtensionManager {
+    registerExtensionType(extensionId: string, extension: typeof ExtensionBase): boolean;
+    unregisterExtensionType(extensionId: string): boolean;
+    getExtensionType(extensionId: string): typeof ExtensionBase;
+}
+export const theExtensionManager: ExtensionManager;
+export class ExtensionLoader {
+    /**
+     * Loads the extension with the given id and options.
+     *
+     * @param {string} extensionId - The string id of the extension.
+     * @param {object} options - An optional dictionary of options.
+     *
+     * @returns {Promise<ExtensionBase>} - Resolves with the extension requested.
+     */
+    loadExtension(extensionId: string, options?: object): Promise<ExtensionBase>;
+    /**
+     * Unloads the extension with the given id.
+     *
+     * @param {string} extensionId - The string id of the extension.
+     * @returns {Promise<boolean>} - True if the extension was successfully unloaded.
+     */
+    unloadExtension(extensionId: string): Promise<boolean>;
+    /**
+     * Returns all loaded extensions.
+     * @returns {?string[]} - Ids of loaded extensions.
+     */
+    getExtensions(): string[];
+    /**
+     * Returns the loaded extension.
+     * @param {string} extensionId - The string id of the extension.
+     * @returns {?ExtensionBase} - Extension.
+     */
+    getExtension(extensionId: string): ExtensionBase;
+}
+export type ErrorCallback = (message: string) => void;
+export type SuccessCallback = (modelId: any) => void;
+export enum DocumentType {
+    UNKNOWN = 0,
+    DOCUMENT_2D = 1,
+    DOCUMENT_3D = 2
+}
+export const defaultBaseSettings: ViewerConfiguration;
+export abstract class ViewerBase {
+    protected _clientContainer: HTMLElement;
+    protected _loadingSpinner: LoadingSpinner;
+    protected _documentType: DocumentType;
+    protected _configuration: ViewerConfiguration;
+    readonly container: HTMLElement;
+    readonly extensionsLoader: ExtensionLoader;
+    abstract settings: ISettings;
+    abstract events: IEventsDispatcher;
+    get rootContainer(): HTMLElement;
+    getConfiguration(): ViewerConfiguration;
+    /**
+     *
+     * @returns
+     */
+    start(): Promise<number>;
+    /**
+     *
+     */
+    finish(): void;
+    onPostExtensionLoad(extension: ExtensionBase): void;
+    protected loadExtensions(): void;
+    protected setThemeFromSettings(): void;
+}
 export enum IfcType {
     IfcAbsorbedDoseMeasure = 0,
     IfcAccelerationMeasure = 1,
@@ -2544,103 +2607,6 @@ export class ModelElementPropertyValue {
     bool_value?: boolean;
     get value(): unknown;
 }
-export class ModelElementIds {
-    modelPartId: string;
-    elementIds: string[];
-}
-export class EventTypes extends CoreEventTypes {
-    static SELECTION_CHANGED_EVENT: string;
-    static MODEL_PART_LOADED: string;
-    static MODEL_PART_UNLOADED: string;
-    static CAMERA_CHANGE_EVENT: string;
-    static CAMERA_NAVIGATION_MODE_CHANGED_EVENT: string;
-    static RENDER_CLICK_EVENT: string;
-    static RENDER_HOVER_EVENT: string;
-}
-export class SelectionChangedEvent extends Event {
-    selectedIds: ModelElementIds[];
-}
-export class ModelPartEvent extends Event {
-    modelPartId: string;
-}
-export class CameraEvent extends Event {
-}
-export class ClickedEvent extends Event {
-    modelId: string;
-    modelElementId: string;
-    ctrlKey: boolean;
-}
-export class HoverEvent extends Event {
-    modelId: string;
-    modelElementId: string;
-}
-export interface INavigation {
-    /**
-     * Register navigation tool.
-     */
-    registerNavigation(navigationTool: INavigationTool): void;
-    /**
-     * Unregister navigation tool.
-     */
-    unregisterNavigation(navigationTool: INavigationTool): void;
-    /**
-     * Activate or deactivate registered navigation tool.
-     * NB: There can be only one active navigation tool at time.
-     */
-    setActive(navigationToolName: string, isActive: boolean): void;
-    /**
-     * Get active navigation tool.
-     */
-    getActiveNavigation(): INavigationTool | null;
-    /**
-     * Get navigation agent.
-     */
-    getNavigationAgent(): INavigationAgent;
-    /**
-     * Gets navigation area rectangle
-     */
-    getNavigationArea(): DOMRect;
-    /**
-     * Sets the camera parameters.
-     */
-    setCameraParameters(params: CameraParameters): void;
-    /**
-     * Gets the camera parameters.
-     */
-    getCameraParameters(): CameraParameters;
-    /**
-     * Gets the camera control.
-     */
-    getCameraControl(): ICameraControl;
-    /**
-     * Gets the Three.js camera.
-     */
-    getCamera(): THREE.Camera;
-    /**
-     * Fits camera to objects by IDs.
-     * @param {string[] | string} elementIds  - element or array of elements
-     * @param {string | ModelPart} modelPart - the model part id or the model part instance containing the elements.
-     * @param {boolean} immediate - true to avoid the default transition.
-     * @returns
-     */
-    fitToView(elementIds: string[] | string, modelPart: string | ModelPart, immediate?: boolean): void;
-    /**
-     * Sets the camera pivot point.
-     */
-    setPivotPoint(point: Point3): void;
-    /**
-     * Gets the camera pivot point.
-     */
-    getPivotPoint(): Point3;
-    /**
-     * Reset the camera pivot point.
-     */
-    resetPivotPoint(): void;
-}
-export class ModelLoadingOptions {
-    guid: string;
-    isConsolidatedModel?: boolean;
-}
 /**
  * This class describes the coordination model. The coordination model contains parts of the model (aka ModelPart).
  */
@@ -2754,12 +2720,41 @@ export class Model {
      */
     getElementProperties(elementId: string, modelPart?: string | ModelPart, version?: bigint): ModelElementPropertySet[];
 }
+export class EventTypes extends CoreEventTypes {
+    static MODEL_PART_LOADED: string;
+    static MODEL_PART_UNLOADED: string;
+    static VIRTUAL_ORIGIN_CHANGED: string;
+    static SELECTION_CHANGED_EVENT: string;
+    static CAMERA_CHANGE_EVENT: string;
+    static CAMERA_NAVIGATION_MODE_CHANGED_EVENT: string;
+    static RENDER_CLICK_EVENT: string;
+    static RENDER_HOVER_EVENT: string;
+    static RENDER_DOUBLE_CLICK_EVENT: string;
+}
+export class ModelPartEvent extends Event {
+    modelPartId: string;
+}
+export class VirtualOriginEvent extends Event {
+    virtualOrigin: Point3;
+    delta: Point3;
+}
+export class ModelLoadingOptions {
+    guid: string;
+    isConsolidatedModel?: boolean;
+}
 export let ViewerInstance: Viewer3D;
 export class Viewer3D extends ViewerBase {
     protected _configuration: Viewer3DConfiguration;
     settings: Readonly<ISettings>;
+    events: Readonly<IEventsDispatcher>;
+    /**
+     * Returns general model
+     * @returns { Model } - general model
+     */
+    get model(): Model;
+    get renderView(): IRenderViewer3D;
+    get canvas(): HTMLCanvasElement;
     get navigation(): INavigation;
-    events: Readonly<IEventsDispatcher>;
     getConfiguration(): Viewer3DConfiguration;
     start(): Promise<number>;
     finish(): void;
@@ -2776,13 +2771,8 @@ export class Viewer3D extends ViewerBase {
      * @param modelPart - model part id or model part instance
      */
     unloadModelPart(modelPart?: string | ModelPart): void;
-    /**
-     * Returns general model
-     * @returns { Model } - general model
-     */
-    get model(): Model;
-    get renderView(): IRenderViewer3D;
-    get canvas(): HTMLCanvasElement;
+    setVirtualOrigin(point: Point3): void;
+    getVirtualOrigin(): Point3;
     /**
      * Makes screenshot
      * @param {string} [mimeType=image/png] Image MIME type.
@@ -2792,16 +2782,26 @@ export class Viewer3D extends ViewerBase {
     makeScreenshot(mimeType?: string, quality?: number): Promise<Blob>;
     setThemeFromSettings(): void;
 }
+export class ViewerToolbar extends Toolbar {
+}
 export class GuiViewer3D extends Viewer3D {
     loadModelPart(buffer: ArrayBuffer, options: ModelLoadingOptions, onSuccessCallback: SuccessCallback, onErrorCallback: ErrorCallback): void;
     getToolbar(): ViewerToolbar;
     onPostExtensionLoad(extension: ExtensionBase): void;
     protected getToolbarHeight(): number;
 }
+export abstract class SettingsBase implements ISettings {
+    protected _eventDispatcher: IEventsDispatcher;
+    protected _storage: ISettingsStorage;
+    changeSetting<T>(name: string, value: T, notify?: boolean, providedData?: any): void;
+    getSettingValue<T>(name: string): T;
+    protected abstract getKeyWithPrefix(key: string): string;
+}
 export type InitializeSuccessCallback = () => void;
 export function coreInitializer(options: InitializerOptions, callback: InitializeSuccessCallback): void;
 export function coreShutdown(): void;
 export function CreateViewer(container: HTMLElement, configuration?: Viewer3DConfiguration): GuiViewer3D;
+export function CreateBasicViewer(container: HTMLElement, configuration?: Viewer3DConfiguration): Viewer3D;
 /**
  * @param options
  * @param callback
@@ -2813,6 +2813,230 @@ export class Extension extends ExtensionBase {
     
     constructor(viewer: Viewer3D, options?: object);
 }
+export class GizmoMaterials {
+    static gizmoMaterial: THREE.MeshBasicMaterial;
+    static matInvisible: THREE.MeshBasicMaterial;
+    static matRed: THREE.MeshBasicMaterial;
+    static matGreen: THREE.MeshBasicMaterial;
+    static matBlue: THREE.MeshBasicMaterial;
+    static matYellow: THREE.MeshBasicMaterial;
+    static matViolet: THREE.MeshBasicMaterial;
+    static matYellowTransparent: THREE.MeshBasicMaterial;
+    static init(): void;
+}
+export interface IGizmoObject extends THREE.Object3D {
+    getHovered(): boolean;
+    setHovered(value: boolean): void;
+    getActive(): boolean;
+    setActive(value: boolean): void;
+    dispose(): void;
+}
+export class GizmoObject extends THREE.Object3D implements IGizmoObject {
+    protected _meshes: THREE.Mesh[];
+    readonly baseMaterial: THREE.Material;
+    readonly hoverMaterial: THREE.Material;
+    readonly activeMaterial: THREE.Material;
+    
+    constructor(_meshes: THREE.Mesh[], baseMaterial?: THREE.Material, hoverMaterial?: THREE.Material, activeMaterial?: THREE.Material);
+    getHovered(): boolean;
+    setHovered(value: boolean): void;
+    getActive(): boolean;
+    setActive(value: boolean): void;
+    dispose(): void;
+    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection<THREE.Object3D<THREE.Event>>[]): void;
+}
+export abstract class GizmoAxis extends THREE.Object3D implements IGizmoObject {
+    readonly handle: IGizmoObject;
+    readonly picker?: IGizmoObject;
+    readonly helper?: IGizmoObject;
+    protected _isHovered: boolean;
+    protected _isActive: boolean;
+    protected _plane: THREE.Plane;
+    protected _axisDir: THREE.Vector3;
+    protected _raycaster: THREE.Raycaster;
+    protected _worldPositionStart: THREE.Vector3;
+    protected _worldQuaternionStart: THREE.Quaternion;
+    protected _worldAxisDir: THREE.Vector3;
+    protected _startPoint: THREE.Vector3;
+    protected _endPoint: THREE.Vector3;
+    getActive(): boolean;
+    setActive(value: boolean): void;
+    getHovered(): boolean;
+    setHovered(value: boolean): void;
+    dispose(): void;
+    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection<THREE.Object3D<THREE.Event>>[]): void;
+    abstract moveByNdcPt(ndcPos: THREE.Vector2, camera: THREE.Camera): THREE.Matrix4;
+    protected abstract updateGizmoPlane(camera: THREE.Camera): void;
+    protected setStartPt(ndcPos: THREE.Vector2, camera: THREE.Camera): void;
+}
+export class GizmoTranslationAxis extends GizmoAxis {
+    readonly handle: IGizmoObject;
+    readonly picker?: IGizmoObject;
+    readonly helper?: IGizmoObject;
+    
+    constructor(axisDir: THREE.Vector3, handle: IGizmoObject, picker?: IGizmoObject, helper?: IGizmoObject);
+    moveByNdcPt(ndcPos: THREE.Vector2, camera: THREE.Camera): THREE.Matrix4;
+    protected updateGizmoPlane(camera: THREE.Camera): void;
+}
+export class GizmoRotationAxis extends GizmoAxis {
+    readonly handle: IGizmoObject;
+    readonly picker?: IGizmoObject;
+    readonly helper?: IGizmoObject;
+    moveByNdcPt(ndcPos: THREE.Vector2, camera: THREE.Camera): THREE.Matrix4;
+    protected updateGizmoPlane(camera: THREE.Camera): void;
+}
+export class GizmoScaleAxis extends GizmoAxis {
+    readonly handle: IGizmoObject;
+    readonly picker?: IGizmoObject;
+    readonly helper?: IGizmoObject;
+    moveByNdcPt(ndcPos: THREE.Vector2, camera: THREE.Camera): THREE.Matrix4;
+    protected updateGizmoPlane(camera: THREE.Camera): void;
+}
+export class GizmoControl extends THREE.Object3D {
+    
+    constructor(camera: THREE.Camera, navAgent: INavigationAgent);
+    attachTo(object: THREE.Object3D, asChild?: boolean): void;
+    detach(): void;
+    addAxis(axis: GizmoAxis): void;
+    dispose(): void;
+    updateMatrixWorld(force?: boolean): void;
+    updateGizmoOffset(position?: THREE.Vector3, quaternion?: THREE.Quaternion): void;
+}
+export enum GizmoAxisDir {
+    NONE = 0,
+    X = 1,
+    Y = 2,
+    Z = 4,
+    XY = 3,
+    YZ = 6,
+    XZ = 5,
+    XYZ = 7
+}
+export class GizmoBuilder {
+    static build(camera: THREE.Camera, navAgent: INavigationAgent, translation?: GizmoAxisDir, rotation?: GizmoAxisDir, scale?: GizmoAxisDir): GizmoControl;
+    static buildTranslationAxis(axisDir: THREE.Vector3, handleBaseMatrial?: THREE.Material, handleHoveredMaterial?: THREE.Material, handleSelectedMaterial?: THREE.Material, pickerBaseMatrial?: THREE.Material, pickerHoveredMaterial?: THREE.Material, pickerSelectedMaterial?: THREE.Material): GizmoAxis;
+    static buildRotationAxis(axisDir: THREE.Vector3, handleBaseMatrial?: THREE.Material, handleHoveredMaterial?: THREE.Material, handleSelectedMaterial?: THREE.Material, pickerBaseMatrial?: THREE.Material, pickerHoveredMaterial?: THREE.Material, pickerSelectedMaterial?: THREE.Material): GizmoAxis;
+    static buildScaleAxis(axisDir: THREE.Vector3, handleBaseMatrial?: THREE.Material, handleHoveredMaterial?: THREE.Material, handleSelectedMaterial?: THREE.Material): GizmoAxis;
+}
+export interface LabelSpriteParameters {
+    text?: string | undefined;
+    sizeAttenuation?: boolean | undefined;
+    fontFace?: string | FontFace | undefined;
+    fontSize?: number | undefined;
+    borderColor?: Color | undefined;
+    backgroundColor?: Color | undefined;
+    borderThickness?: number | undefined;
+    borderRadius?: number | undefined;
+    textColor?: Color | undefined;
+    textPadding?: THREE.Vector4Tuple | undefined;
+}
+export class LabelSprite extends THREE.Sprite {
+    readonly extraHeightFactor = 1.4;
+    
+    constructor(parameters: LabelSpriteParameters);
+    get sizeAttenuation(): boolean;
+    set sizeAttenuation(value: boolean);
+    /**
+     * @default ''
+     */
+    get text(): string;
+    set text(value: string);
+    /**
+    * @default 'Roboto, sans-serif'
+    */
+    get fontFace(): string | FontFace;
+    set fontFace(value: string | FontFace);
+    /**
+    * @default 12
+    */
+    get fontSize(): number;
+    set fontSize(value: number);
+    /**
+    * @default 2
+    */
+    get borderThickness(): number;
+    set borderThickness(value: number);
+    /**
+    * @default new Color(0, 0, 0, 1.0)
+    */
+    get borderColor(): Color;
+    set borderColor(value: Color);
+    /**
+    * @default 1
+    */
+    get borderRadius(): number;
+    set borderRadius(value: number);
+    /**
+    * @default new Color(1.0, 1.0, 1.0, 1.0)
+    */
+    get backgroundColor(): Color;
+    set backgroundColor(value: Color);
+    /**
+    * @default new Color(0, 0, 0, 1.0)
+    */
+    get textColor(): Color;
+    set textColor(value: Color);
+    /**
+     * Label text padding: left, top, right, bottom
+     * @default [0, 0, 0, 0]
+     */
+    get textPadding(): THREE.Vector4Tuple;
+    set textPadding(value: THREE.Vector4Tuple);
+    dispose(): void;
+}
+export interface MeshPointMaterialParameters extends THREE.ShaderMaterialParameters {
+    sizeAttenuation?: boolean | undefined;
+    discreteClipping?: boolean | undefined;
+}
+export class MeshPointMaterial extends CustomMaterial {
+    
+    constructor(parameters?: MeshPointMaterialParameters);
+    /**
+     * @default true
+     */
+    sizeAttenuation: boolean;
+    /**
+     * @default true
+     */
+    get discreteClipping(): boolean;
+    set discreteClipping(value: boolean);
+    get resolution(): THREE.Vector2;
+    set resolution(value: THREE.Vector2);
+    protected refreshUniformsCommon(uniforms: {
+        [uniform: string]: THREE.IUniform;
+    }, material: MeshPointMaterial, renderer: THREE.WebGLRenderer): void;
+    protected onBeforeRender(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group): void;
+    copy(source: MeshPointMaterial): this;
+}
+export interface MeshPointParamter {
+    point?: THREE.Vector3;
+    color?: Color;
+    size?: number;
+}
+export class MeshPoints extends THREE.Mesh {
+    geometry: THREE.InstancedBufferGeometry;
+    material: MeshPointMaterial;
+    
+    constructor();
+    /**
+    * @default new Color( 1,1,1,1 )
+    */
+    color: Color;
+    /**
+   * @default 1
+   */
+    pointSize: number;
+    /**
+   * @default new THREE.Vector3(0, 0, 0)
+   */
+    point: THREE.Vector3;
+    addPoint(pointParameter?: MeshPointParamter): number;
+    updatePoint(index: number, pointParameter: MeshPointParamter): void;
+    removePoint(index: number): this;
+    updateAttributes(): void;
+    dispose(): void;
+    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection<THREE.Object3D<THREE.Event>>[]): void;
+}
 export interface IWindowStyle {
     width: string;
     height: string;
@@ -2840,36 +3064,20 @@ export class Dragger {
     constructor(allowedDraggableElement: HTMLElement, draggableContainer: HTMLElement, containerToRestriction: HTMLElement, windowStater?: WindowStater);
     get windowState(): IWindowStyle | null;
 }
-export namespace Viewer3DIcons {
-    const VIEWER_SETTINGS_ICON: string;
-    const VIEWER_MODEL_BROWSER_ICON: string;
-    const VIEWER_FULL_SCREEN_ICON: string;
-    const VIEWER_COLLAPSE_ICON: string;
-    const VIEWER_ELEMENT_PROPERTIES_ICON: string;
-    const VIEWER_ADD_CLIPPING_PLANE_ICON: string;
-    const VIEWER_CLIPPING_FLIP_ICON: string;
-    const VIEWER_DELETE_CLIPPING_PLANE_ICON: string;
-    const VIEWER_CLIPPING_CUBE_ICON: string;
-    const VIEWER_DISABLED_DELETE_CLIPPING_PLANE_ICON: string;
-    const VIEWER_DISABLED_CLIPPING_FLIP_ICON: string;
-    const VIEWER_ADD_REMARK_ICON: string;
-}
-export namespace ViewerGeneralIcons {
-    const ZOOM_IN: string;
-    const ZOOM_OUT: string;
-    const CLOSE: string;
-    const STRETCH_WINDOW: string;
-    const EXPAND_TREE: string;
-    const COLLAPSE_TREE: string;
-    const ARROW_DROP_DOWN: string;
-    const ARROW_DROP_RIGHT: string;
+export namespace ControlState {
+    enum State {
+        ACTIVE = 0,
+        INACTIVE = 1,
+        DISABLED = 2
+    }
 }
 export class Button extends Control {
     
     constructor(id: string);
     setIsChecked(value: boolean): void;
-    setState(state: Button.State): boolean;
-    getState(): Button.State;
+    setState(state: ControlState.State): boolean;
+    setText(text: string): void;
+    getState(): ControlState.State;
     setIcon(iconClassName: string): void;
     setFromSvgTemlate(template: string): void;
     /**
@@ -2889,16 +3097,36 @@ export class Button extends Control {
     onMouseOut: (event: MouseEvent) => void;
 }
 export namespace Button {
-    enum State {
-        ACTIVE = 0,
-        INACTIVE = 1,
-        DISABLED = 2
-    }
     enum Event {
         STATE_CHANGED = "Button.StateChanged",
         CLICK = "click"
     }
 }
+export class SubMenu implements IMenu {
+    readonly controls: IControl[];
+    set selectedIndex(value: number);
+    get selectedIndex(): number;
+    addControl(control: IControl, index?: number): void;
+    removeControl(index?: number): void;
+    clearList(): void;
+    changeControl(item: IControl, index: number): void;
+    getControlsCount(): number;
+}
+export class ComboButton extends Control {
+    
+    constructor(id: string, selectedIndex?: number);
+    get subMenu(): SubMenu;
+    /**
+     * Override this method to be notified when the user clicks on the button.
+     * @param {MouseEvent} event
+     */
+    onClick: (event: PointerEvent) => void;
+    onOpen: () => void;
+    onClose: () => void;
+    setState(state: ControlState.State): boolean;
+    setText(text: string): void;
+    setFromSvgTemlate(template: string): void;
+}
 interface ElementClass {
     panelClassName?: string;
     contentClassName?: string;