@pilotdev/pilot-web-3d 23.0.8 → 23.0.11

package/index.d.ts

@@ -26,12 +26,16 @@ export enum UpdateType {
 }
 export const zeroGuid = "00000000-0000-0000-0000-000000000000";
 export class Color {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
     
     constructor(r: number, g: number, b: number, a: number);
+    get r(): number;
+    set r(value: number);
+    get g(): number;
+    set g(value: number);
+    get b(): number;
+    set b(value: number);
+    get a(): number;
+    set a(value: number);
     static fromThreeColor(color: THREE.Color, alpha?: number): Color;
     static fromColorRepresentation(representation: THREE.ColorRepresentation): Color;
     static fromMaterial(material: THREE.Material): Color;
@@ -47,7 +51,10 @@ export abstract class ViewObject extends THREE.Object3D {
     protected _isHovered: boolean;
     protected _isVisible: boolean;
     protected _isHidden: boolean;
+    protected _isDecomposed: boolean;
+    protected _isGhosted: boolean;
     protected _originalColor: Color;
+    protected _color: Color;
     /**
      * model element entity guid
      * @default zeroGuid
@@ -73,8 +80,14 @@ export abstract class ViewObject extends THREE.Object3D {
     remove(...object: THREE.Object3D<THREE.Event>[]): this;
     updateMatrixWorld(force?: boolean): void;
     updateWorldMatrix(updateParents: boolean, updateChildren: boolean): void;
+    updateMatrix(): void;
+    applyMatrix4(matrix: THREE.Matrix4): void;
+    /** Decompose object matrix to position, rotation and scale vectors or free these vectors to reduce memory consumption. */
+    setDecomposed(value: boolean): void;
+    /**Check if object is decomposed: have valid position, quaternion, scale, up vectors */
+    isDecomposed(): boolean;
     /**Set visibility of this object */
-    setVisible(iVal: boolean): void;
+    setVisible(value: boolean): void;
     /**Get visibility of this object */
     isVisible(): boolean;
     /**Hide this object from the scene */
@@ -82,35 +95,44 @@ export abstract class ViewObject extends THREE.Object3D {
     /**Check if object is hidden from the scene */
     isHidden(): boolean;
     /**Select this object */
-    setSelected(iVal: boolean): void;
+    setSelected(value: boolean): void;
     /**Check if object is selected */
     isSelected(): boolean;
     /**Hover this object */
-    setHovered(iVal: boolean): void;
+    setHovered(value: boolean): void;
     /**Check if object is hovered */
     isHovered(): boolean;
     /**Set color for this object */
     setColor(color: Color): void;
+    /**Get color of this object */
+    getColor(): Color;
+    /**Check if object is in ghost mode */
+    isGhosted(): boolean;
+    /**Set ghost mode for this object */
+    setGhosted(value: boolean): void;
     /**Reset color to original color for this object */
     resetColor(): void;
     /**Gets original color for this object */
     getOriginalColor(): Color;
+    getRelativePosition(absPosition: THREE.Vector3): THREE.Vector3;
     /**Dispose geometry */
     dispose(): void;
     /**User defined bounding box calculation for this object. Returns an empty THREE.Box3 by default.*/
     getBoundingBox(): THREE.Box3;
-    /**User defined raycast implementation for this object. Emty method by default. */
+    /**User defined raycast implementation for this object. Empty method by default. */
     raycast(iRaycaster: THREE.Raycaster, oIntersects: THREE.Intersection[]): void;
-    /**User defined hover behavior for this object. Emty method by default. */
-    protected setHoveredForObject(iVal: boolean): void;
-    /**User defined selection behavior for this object. Emty method by default. */
-    protected setSelectedForObject(iVal: boolean): void;
+    /**User defined hover behavior for this object. Empty method by default. */
+    protected setHoveredForObject(value: boolean): void;
+    /**User defined selection behavior for this object. Empty method by default. */
+    protected setSelectedForObject(value: boolean): void;
     /**User defined hide behavior for this object. Has default implementation used on the MainScene only. */
     protected setHiddenForObject(iVal: boolean): void;
     /**User defined visibility behavior for this object. Sets THREE.Object3D visibility by default. */
-    protected setVisibleForObject(iVal: boolean): void;
-    /**User defined change color behavior for this object. Emty method by default. */
+    protected setVisibleForObject(value: boolean): void;
+    /**User defined change color behavior for this object. Empty method by default. */
     protected setColorForObject(color: Color): void;
+    /**User defined ghost mode behavior for this object. Empty method by default. */
+    protected setGhostModeForObject(value: boolean): void;
     /**Reset color to the original color for this object. */
     protected resetColorForObject(): void;
     /**
@@ -126,355 +148,470 @@ export class ModelElementIds {
     modelPartId: string;
     elementIds: string[];
 }
-export abstract class CustomMaterial extends THREE.ShaderMaterial {
+export class InitializerOptions {
+    libList?: string[];
+    language?: string;
+}
+class Global {
+    G: any;
+    RESOURCE_ROOT: string;
+    initializeResourceRoot(options: InitializerOptions): void;
+    getResourceUrl(resourceRelativePath: string): string;
+}
+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 type InitializeSuccessCallback = () => void;
+export function coreInitializer(options: InitializerOptions, callback: InitializeSuccessCallback): void;
+export function coreShutdown(): void;
+export class DeviceEventHandler {
+    static isMobile: boolean;
+    static eventStartType: string;
+    static eventProcessType: string;
+    static eventEndType: string;
+}
+export interface IWindowStyle {
+    width: string;
+    height: string;
+    left: string;
+    top: string;
+}
+export interface IWindowStateOptions {
+    saveKey: string;
+    restoreWindowSize?: boolean;
+    restoreWindowPosition?: boolean;
+}
+export class WindowStater {
+    get windowStylesState(): IWindowStyle;
+    get windowOptionsState(): IWindowStateOptions;
+    restore(): void;
+    saveWindowState(): void;
+}
+export class Resizer {
     
-    constructor();
-    copy(source: CustomMaterial): this;
-    protected refreshUniforms(uniforms: {
-        [uniform: string]: THREE.IUniform;
-    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
-    protected onBeforeCompileCallback(shader: THREE.Shader): void;
-    protected refreshTransformUniform(map: THREE.Texture, uniform: THREE.IUniform): void;
-    protected onBeforeRender(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group): void;
+    constructor(resizableContainer: HTMLElement, containerToRestriction: HTMLElement, elementAnchor?: HTMLElement, windowStater?: WindowStater);
+    get windowState(): IWindowStyle | null;
 }
-export interface CustomMeshLambertMaterialParameters extends THREE.ShaderMaterialParameters, THREE.MeshLambertMaterialParameters {
-    instancing?: boolean | undefined;
-    instancingColor?: boolean | undefined;
+export class Dragger {
+    
+    constructor(allowedDraggableElement: HTMLElement, draggableContainer: HTMLElement, containerToRestriction: HTMLElement, windowStater?: WindowStater);
+    get windowState(): IWindowStyle | null;
 }
-export class CustomMeshLambertMaterial extends CustomMaterial {
-    type: string;
+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;
+    const FIT_WIDTH: string;
+}
+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 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 VIEWER_MOUSE_WHEEL: string;
+    static VIEWER_TOUCHSTART_EVENT: string;
+    static VIEWER_TOUCHEND_EVENT: string;
+    static SETTING_CHANGED_EVENT: string;
+    static SETTING_RESET_EVENT: string;
+    static SETTING_LANGUAGE_CHANGED_EVENT: string;
+    static SETTING_THEME_CHANGED_EVENT: string;
+    static EXTENSION_LOADED: string;
+    static EXTENSION_UNLOADING: string;
+    static EXTENSION_UNLOADED: string;
+}
+export class ExtensionEvent extends Event {
+    extensionName: string;
+}
+export namespace ControlState {
+    enum State {
+        ACTIVE = 0,
+        INACTIVE = 1,
+        DISABLED = 2
+    }
+}
+export interface IControl {
+    container: HTMLElement;
+    getId(): string;
+    setToolTip(tooltipText: string): void;
+    setText(text: string): void;
+    setState(state: ControlState.State): void;
+}
+export class Control implements IControl {
+    container: HTMLElement;
     
-    constructor(parameters?: CustomMeshLambertMaterialParameters);
-    /**
-     * @default false
-     */
-    get instancing(): boolean;
-    set instancing(value: boolean);
-    /**
-     * @default false
-     */
-    get instancingColor(): boolean;
-    set instancingColor(value: boolean);
-    /**
-     * @default new THREE.Color( 0xffffff )
-     */
-    color: THREE.Color;
+    constructor(id: string);
+    addClass(cssClass: string): void;
+    removeClass(cssClass: string): void;
+    getId(): string;
+    setToolTip(tooltipText: string): void;
+    setText(text: string): void;
+    setState(state: ControlState.State): void;
+}
+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 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;
     /**
-     * @default null
-     */
-    bumpMap: THREE.Texture | null;
+    * Gets the name of the extension.
+    * @returns {string} Returns the name of the extension.
+      */
+    getName(): string;
+    addCursorPhantomFromSvg(template: string): void;
+    removeCursorPhantom(): void;
+    onMouseDown(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onMouseLongTouch(event: MouseEvent): void;
+    onToolbarCreated(toolbar: Toolbar): void;
+    onTouchStart(event: TouchEvent): void;
+    onTouchEnd(event: TouchEvent): 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 {
     /**
-     * @default 1
+     * 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.
      */
-    bumpScale: number;
+    loadExtension(extensionId: string, options?: object): Promise<ExtensionBase>;
     /**
-     * @default null
+     * 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.
      */
-    displacementMap: THREE.Texture | null;
+    unloadExtension(extensionId: string): Promise<boolean>;
     /**
-     * @default 1
+     * Returns all loaded extensions.
+     * @returns {?string[]} - Ids of loaded extensions.
      */
-    displacementScale: number;
+    getExtensions(): string[];
     /**
-     * @default 0
+     * Returns the loaded extension.
+     * @param {string} extensionId - The string id of the extension.
+     * @returns {?ExtensionBase} - Extension.
      */
-    displacementBias: number;
-    /**
-     * @default new THREE.Color( 0x000000 )
-     */
-    emissive: THREE.Color;
-    /**
-     * @default 1
-     */
-    emissiveIntensity: number;
-    /**
-     * @default null
-     */
-    emissiveMap: THREE.Texture | null;
-    /**
-     * @default false
-     */
-    flatShading: boolean;
-    /**
-     * @default null
-     */
-    map: THREE.Texture | null;
-    /**
-     * @default null
-     */
-    lightMap: THREE.Texture | null;
-    /**
-     * @default 1
-     */
-    lightMapIntensity: number;
-    /**
-     * @default null
-     */
-    normalMap: THREE.Texture | null;
-    normalMapType: THREE.NormalMapTypes;
-    /**
-     * @default new THREE.Vector2( 1, 1 )
-     */
-    normalScale: THREE.Vector2;
-    /**
-     * @default null
-     */
-    aoMap: THREE.Texture | null;
-    /**
-     * @default 1
-     */
-    aoMapIntensity: number;
-    /**
-     * @default null
-     */
-    specularMap: THREE.Texture | null;
-    /**
-     * @default null
-     */
-    alphaMap: THREE.Texture | null;
-    /**
-     * @default null
-     */
-    envMap: THREE.Texture | null;
-    /**
-     * @default THREE.MultiplyOperation
-     */
-    combine: THREE.Combine;
-    /**
-     * @default 1
-     */
-    reflectivity: number;
-    /**
-     * @default 0.98
-     */
-    refractionRatio: number;
-    /**
-     * @default false
-     */
-    wireframe: boolean;
-    /**
-     * @default 1
-     */
-    wireframeLinewidth: number;
-    /**
-     * @default 'round'
-     */
-    wireframeLinecap: string;
-    /**
-     * @default 'round'
-     */
-    wireframeLinejoin: string;
-    /**
-     * Whether the material is affected by fog. Default is true.
-     * @default fog
-     */
-    fog: boolean;
-    protected refreshUniformsCommon(uniforms: {
-        [uniform: string]: THREE.IUniform;
-    }, material: CustomMeshLambertMaterial, renderer: THREE.WebGLRenderer): void;
-    protected refreshUniforms(uniforms: {
-        [uniform: string]: THREE.IUniform<any>;
-    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
-    copy(source: CustomMeshLambertMaterial): this;
+    getExtension(extensionId: string): ExtensionBase;
 }
-export interface CustomLineMaterialParameters extends THREE.ShaderMaterialParameters {
-    instancing?: boolean | undefined;
-    instancingColor?: boolean | undefined;
-    color?: THREE.ColorRepresentation | undefined;
+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 CustomLineMaterial extends CustomMaterial {
-    type: string;
-    
-    constructor(parameters?: CustomLineMaterialParameters);
-    /**
-     * @default false
-     */
-    get instancing(): boolean;
-    set instancing(value: boolean);
+export enum SettingsTheme {
+    LIGHT_THEME = "ascn-light",
+    DARK_THEME = "ascn-dark"
+}
+export const defaultThemeAppearance: string;
+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 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;
     /**
-     * @default false
+     *
+     * @returns
      */
-    get instancingColor(): boolean;
-    set instancingColor(value: boolean);
+    start(): Promise<number>;
     /**
-     * @default 0xffffff
+     *
      */
-    color: THREE.Color;
-    copy(source: CustomLineMaterial): this;
-    protected refreshUniforms(uniforms: {
-        [uniform: string]: THREE.IUniform;
-    }, material: CustomLineMaterial, renderer: THREE.WebGLRenderer): void;
+    finish(): void;
+    onPostExtensionLoad(extension: ExtensionBase): void;
+    onExtensionUnloading(extension: ExtensionBase): void;
+    onPostExtensionUnload(extension: ExtensionBase): void;
+    protected loadExtensions(): void;
+    protected setThemeFromSettings(): void;
 }
-export interface MeshLineMaterialParameters extends THREE.ShaderMaterialParameters {
-    color?: THREE.ColorRepresentation | undefined;
-    dashed?: boolean | undefined;
-    dashScale?: number | undefined;
-    dashSize?: number | undefined;
-    dashOffset?: number | undefined;
-    gapSize?: number | undefined;
-    worldUnits?: boolean | undefined;
+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 class MeshLineMaterial extends CustomMaterial {
-    type: string;
+export class Button extends Control {
     
-    constructor(parameters: MeshLineMaterialParameters);
-    /**
-     * @default false
-     */
-    get worldUnits(): boolean;
-    set worldUnits(value: boolean);
-    /**
-     * @default false
-     */
-    get dashed(): boolean;
-    set dashed(value: boolean);
-    get resolution(): THREE.Vector2;
-    /**
-     * @default 0xffffff
-     */
-    color: THREE.Color;
-    /**
-     * @default 1
-     */
-    dashScale: number;
+    constructor(id: string);
+    setIsChecked(value: boolean): void;
+    setState(state: ControlState.State): boolean;
+    setText(text: string): void;
+    getState(): ControlState.State;
+    setIcon(iconClassName: string): void;
+    setFromSvgTemlate(template: string): void;
     /**
-     * @default 1
+     * Override this method to be notified when the user clicks on the button.
+     * @param {MouseEvent} event
      */
-    dashSize: number;
+    onClick: (event: MouseEvent) => void;
     /**
-     * @default 0
+     * Override this method to be notified when the mouse enters the button.
+     * @param {MouseEvent} event
      */
-    dashOffset: number;
+    onMouseOver: (event: MouseEvent) => void;
     /**
-     * @default 1
+     * Override this method to be notified when the mouse leaves the button.
+     * @param {MouseEvent} event
      */
-    gapSize: number;
-    copy(source: MeshLineMaterial): this;
-    protected refreshUniforms(uniforms: {
-        [uniform: string]: THREE.IUniform<any>;
-    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
+    onMouseOut: (event: MouseEvent) => void;
 }
-export interface CustomPointMaterialParameters extends THREE.ShaderMaterialParameters, THREE.PointsMaterialParameters {
+export namespace Button {
+    enum Event {
+        STATE_CHANGED = "Button.StateChanged",
+        CLICK = "click"
+    }
 }
-export class CustomPointMaterial extends CustomMaterial {
-    type: string;
+export class SubMenu implements IMenu {
+    readonly controls: IControl[];
+    set selectedIndex(value: number);
+    get selectedIndex(): number;
+    setEnabled(index: number, value: boolean): void;
+    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(parameters?: CustomPointMaterialParameters);
-    /**
-     * @default new THREE.Color( 0xffffff )
-     */
-    color: THREE.Color;
-    /**
-     * @default null
-     */
-    map: THREE.Texture | null;
-    /**
-     * @default null
-     */
-    alphaMap: THREE.Texture | null;
-    /**
-     * @default 1
-     */
-    size: number;
+    constructor(id: string, selectedIndex?: number);
+    get subMenu(): SubMenu;
     /**
-     * @default true
+     * Override this method to be notified when the user clicks on the button.
+     * @param {MouseEvent} event
      */
-    sizeAttenuation: boolean;
-    copy(source: CustomPointMaterial): this;
-    protected refreshUniformsCommon(uniforms: {
-        [uniform: string]: THREE.IUniform;
-    }, material: CustomPointMaterial, renderer: THREE.WebGLRenderer): void;
-    protected refreshUniforms(uniforms: {
-        [uniform: string]: THREE.IUniform<any>;
-    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
-}
-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;
+    onClick: (event: PointerEvent) => void;
+    onOpen: () => void;
+    onClose: () => void;
+    setState(state: ControlState.State): boolean;
+    setText(text: string): void;
+    setFromSvgTemlate(template: string): void;
 }
-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 class Checkbox {
+    
+    constructor(id: string, checked: boolean, disabled: boolean, placeholder: string);
+    get checked(): boolean;
+    set checked(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get label(): HTMLLabelElement;
+    onChange(value: boolean): void;
+    createElement(): Element;
 }
-export namespace Viewer2DIcons {
-    const REMARK_CIRCLE_ICON: string;
-    const ZOOM_IN: string;
-    const ZOOM_OUT: string;
+interface ISelectItem {
+    text: string;
+    value: string;
 }
-export class MeshLineGeometry extends THREE.InstancedBufferGeometry {
-    type: string;
-    instanceStart: THREE.BufferAttribute;
-    instanceEnd: THREE.BufferAttribute;
-    instanceColorStart: THREE.BufferAttribute;
-    instanceColorEnd: THREE.BufferAttribute;
+export class Select {
     
-    constructor();
-    applyMatrix4(matrix: THREE.Matrix4): this;
-    updatePoint(index: number, point: THREE.Vector3): void;
-    updateColor(index: number, color: Color): void;
-    setPoints(points: THREE.Vector3[]): this;
-    setPositions(array: ArrayLike<number>): this;
-    setColors(array: ArrayLike<number>): this;
-    computeLineDistances(): this;
-    toBufferGeometry(): THREE.BufferGeometry;
-    toWireframeGeometry(): THREE.BufferGeometry;
-    fromWireframeGeometry(geometry: THREE.WireframeGeometry): this;
-    fromEdgesGeometry(geometry: THREE.EdgesGeometry): this;
-    fromMesh(mesh: THREE.Mesh): this;
-    fromLineSegments(lineSegments: THREE.LineSegments): this;
-    computeBoundingBox(): void;
-    computeBoundingSphere(): void;
+    constructor(id: string, items: ISelectItem[], placeholder: string);
+    get select(): HTMLElement;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get selectedIndex(): number;
+    set selectedIndex(value: number);
+    get placeholder(): string;
+    set placeholder(value: string);
+    get label(): HTMLElement;
+    get previousSelectedIndex(): number;
+    onChange({ index, value }: {
+        index: any;
+        value: any;
+    }): void;
+    update(array: ISelectItem[], selectedIndex?: number): void;
 }
-export class MeshLine extends THREE.Mesh {
-    type: string;
-    material: MeshLineMaterial;
-    geometry: MeshLineGeometry;
-    
-    constructor(geometry?: MeshLineGeometry, material?: MeshLineMaterial);
-    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection[]): void;
+export {};
+export class ViewerToolbar extends Toolbar {
 }
-export class TPair<TKey, TValue> {
+interface ElementClass {
+    panelClassName?: string;
+    contentClassName?: string;
+    headerClassName?: string;
+}
+export class Dialog extends Control {
+    responseDialog: (state?: boolean) => void;
     
-    constructor(key: TKey, value: TValue);
-    get key(): TKey;
-    get value(): TValue;
+    constructor(id: string, panelToAttach: HTMLElement);
+    get dialog(): HTMLElement;
+    get dialogContent(): HTMLElement;
+    get resizable(): boolean;
+    setDialogContent(value: HTMLElement): Dialog;
+    setHeader(value: HTMLElement): Dialog;
+    setCaption(value: string): Dialog;
+    setSvgIcon(template: string): Dialog;
+    setFooter(value: HTMLElement): Dialog;
+    setDialogElementClassNames(value: ElementClass): Dialog;
+    setResizable(value: boolean): Dialog;
+    setWindowOptions(value: IWindowStateOptions): Dialog;
+    setDraggable(value: boolean): Dialog;
+    setCloseble(value: boolean): Dialog;
+    openDialog(x?: number, y?: number): HTMLElement;
+    destroyDialog(): void;
+    isDialogShown(): boolean;
+    subscribe(fn: (state: boolean) => void): void;
 }
-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 {};
+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 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 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 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 const MouseButtons: {
     Left: number;
@@ -482,13 +619,12 @@ export const MouseButtons: {
     Right: number;
 };
 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;
+    static RENDER_SELECTION_RESET_EVENT: string;
 }
 export class SelectionChangedEvent extends Event {
     selectedIds: ModelElementIds[];
@@ -511,35 +647,6 @@ export class HoverEvent extends Event {
 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;
@@ -650,156 +757,66 @@ export interface ICameraControl {
      */
     setNavigationMode(mode: CameraNavigationMode, isEnable: boolean, duration?: number): void;
 }
-export interface IModelIntersectionChecker {
-    /** Gets the center of the model*/
-    get modelCenter(): THREE.Vector3;
-    /** Gets the bounding box of the model*/
-    get boundingBox(): THREE.Box3;
-    /**
-     * Gets intersection point of the last casted ray
-     */
-    getIntersectionPoint(): THREE.Intersection<THREE.Object3D> | undefined;
-    /**
-     * Gets {@link THREE.Intersection} between a casted {@link ray} and model object.
-     * @param ray
-     * @param camera
-     */
-    getIntersectionByRay(ray: THREE.Ray, camera: THREE.Camera): THREE.Intersection<THREE.Object3D> | undefined;
-    /**
-     * Gets ID of the model object intersected by {@link ray}
-     * @param ray
-     * @param camera
-     */
-    getIntersectionIDByRay(ray: THREE.Ray, camera: THREE.Camera): {
-        modelId: string;
-        guid: string;
-    } | undefined;
-    /**
-     * Gets {@link THREE.Intersection} between a ray, casted from {@link camera} to {@link ndcPoint}, and model object.
-     * @param ndcPoint
-     * @param camera
-     */
-    getIntersectionByNdcPt(ndcPoint: THREE.Vector2, camera: THREE.Camera): THREE.Intersection<THREE.Object3D> | undefined;
-    /**
-     * Gets ID of the model object intersected by ray, casted from {@link camera} to {@link ndcPoint}.
-     * @param ndcPoint
-     * @param camera
-     */
-    getIntersectionIDByNdcPt(ndcPoint: THREE.Vector2, camera: THREE.Camera): {
-        modelId: string;
-        guid: string;
-    } | undefined;
-    /**
-     * Gets IDs of the model objects intersected by frustum
-     * @param ndcFrustumBox - frustum in the NDC space
-     * @param unProjMatrix - NDC to World projection matrix
-     * @param isContainsOnly - if true, gets only fully contained objects in the frustum
-     * @param isClippingEnable - if true, intersect objects only in the clipping space
-     */
-    getIntersectionIDByFrustumNdcPt(ndcFrustumBox: THREE.Box3, unProjMatrix: THREE.Matrix4, isContainsOnly: boolean, isClippingEnable?: boolean): {
-        modelId: string;
-        guid: string;
-    }[];
+export class EventTypes extends CoreEventTypes {
+    static MODEL_PART_LOADED: string;
+    static MODEL_PART_UPDATED: string;
+    static MODEL_PART_UNLOADED: string;
+    static VIRTUAL_ORIGIN_CHANGED: string;
+    static SELECTION_CHANGED_EVENT: string;
+    static DELETE_OBJECTS_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 enum NavigationHandlerPriority {
-    DefaultNavigation = 0,
-    GizmoHandlers = 20,
-    EmbeddedExtensions = 40,
-    CustomExtensions = 100
+export class ModelPartEvent extends Event {
+    modelPartId: string;
 }
-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 class ModelPartUpdateEvent extends ModelPartEvent {
+    updatedElementIds?: string[];
+    removedElementIds?: string[];
+    addedElementIds?: string[];
 }
-export type NavigationEvent = {
-    /**
-     * (optional) Value indicating whether the NavigationEvent event was handled.
-     */
-    isHandled?: boolean;
-};
-export interface ActiveEvent extends Event {
-    readonly isActive: boolean;
+export class VirtualOriginEvent extends Event {
+    virtualOrigin: Point3;
+    delta: Point3;
 }
-export interface NavigationEventSourceEventMap extends HTMLElementEventMap {
-    /**
-     * Occurs when the {@link INavigationEventSource.isActive} property changes.
-     */
-    "active": ActiveEvent;
+export class DeleteEvent extends Event {
+    deletedIds: ModelElementIds[];
 }
-export interface INavigationEventSource {
-    /**
-     * Activity of the event source
-     */
-    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 enum SelectionMode {
+    Append = 0,
+    Replace = 1
 }
-export interface INavigationAgent {
-    /**
-     * Canvas DOM-events source
-     */
-    readonly canvasNavigationSource: INavigationEventSource;
-    /**
-     * Keyboard DOM-events source
-     */
-    readonly keyboardNavigationSource: INavigationEventSource;
-    /**
-     * Activity of the navigation agent
-     */
-    get isActive(): boolean;
-    set isActive(value: boolean);
-    /**
-     * Gets rectangle of the navigation area
-     */
-    getNavigationArea(): DOMRect;
+
+export class SettingsNames {
+    static TELEMETRY: string;
+    static AXES: string;
+    static CAMERA_ANIMATION: string;
+    static HIDE_SMALL_ELEMENTS_WHEN_NAVIGATING: string;
+    static GLOBAL_LIGHT: string;
+    static LIGHT_SOURCE: string;
+    static ANTI_ALIASING: string;
+    static HIDE_SMALL_ELEMENTS_MOVING: string;
+    static SMALL_ELEMENT_SIZE: string;
+    static LABEL_LINE_LENGTH: string;
+    static HIDE_EDGES_WHEN_NAVIGATING: string;
+    static DISPLAY_MODE: string;
+    static NAVIGATION_CUBE: string;
+    static DESIRED_FRAMERATE: string;
+    static MANAGE_TIME: string;
+    static HOVER_MESHES: string;
+    static HOVER_EDGES: string;
+    static SELECT_MESHES: string;
+    static SELECT_EDGES: string;
 }
-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 enum ValueType {
+    STRING = 0,
+    NUMBER = 1,
+    ENUM = 2,
+    BOOL = 3
 }
 export class RenderViewSettings {
     telemetry?: boolean;
@@ -810,6 +827,8 @@ export class RenderViewSettings {
     desiredFramerate?: number;
     /** Allocated time for rendering operations, excluding scene rendering */
     manageTime?: number;
+    /** Number of scene updates managed at once */
+    chunkUpdateSize?: number;
     /** Draw hovered meshes on the `selectionScene` */
     hoverMeshes?: boolean;
     /** Draw hovered edges on the `selectionScene` */
@@ -824,6 +843,87 @@ export enum DisplayMode {
     FACES = 1
 }
 export const defaultRenderViewSettings: RenderViewSettings;
+export class Viewer3DConfiguration extends ViewerConfiguration {
+    render: ViewerSettings;
+    
+    constructor(appearance?: ViewerSettings, render?: ViewerSettings);
+}
+export const defaultViewer3DSettings: ViewerSettings;
+export interface SceneCheckOptions {
+    /** specify whether intersections should be filtered by clippings */
+    filterByClipping?: boolean;
+}
+export interface ModelCheckOptions extends SceneCheckOptions {
+    /** Scene names to check intersections. */
+    sceneNames?: string[];
+}
+export interface IIntersectionChecker<TOptions> {
+    /**
+     * Gets intersection point of the last casted ray
+     */
+    getIntersectionPoint(): THREE.Intersection<THREE.Object3D> | undefined;
+    /**
+     * Gets {@link THREE.Intersection} between a casted {@link ray} and model object.
+     * @param ray
+     * @param camera
+     * @param options - (optional) intersection check options.
+     */
+    getIntersectionByRay(ray: THREE.Ray, camera: THREE.Camera, options?: TOptions): THREE.Intersection<THREE.Object3D> | undefined;
+    /**
+     * Gets ID of the model object intersected by {@link ray}
+     * @param ray
+     * @param camera
+     * @param options - (optional) intersection check options.
+     */
+    getIntersectionIDByRay(ray: THREE.Ray, camera: THREE.Camera, options?: TOptions): {
+        modelId: string;
+        guid: string;
+    } | undefined;
+    /**
+     * Gets {@link THREE.Intersection} between a ray, casted from {@link camera} to {@link ndcPoint}, and model object.
+     * @param ndcPoint
+     * @param camera
+     * @param options - (optional) intersection check options.
+     */
+    getIntersectionByNdcPt(ndcPoint: THREE.Vector2, camera: THREE.Camera, options?: TOptions): THREE.Intersection<THREE.Object3D> | undefined;
+    /**
+     * Gets ID of the model object intersected by ray, casted from {@link camera} to {@link ndcPoint}.
+     * @param ndcPoint
+     * @param camera
+     * @param options - (optional) intersection check options.
+     */
+    getIntersectionIDByNdcPt(ndcPoint: THREE.Vector2, camera: THREE.Camera, options?: TOptions): {
+        modelId: string;
+        guid: string;
+    } | undefined;
+    /**
+     * Gets IDs of the model objects intersected by frustum.
+     * @param ndcFrustumBox - frustum in the NDC space.
+     * @param unProjMatrix - NDC to World projection matrix.
+     * @param isContainsOnly - if true, gets only fully contained objects in the frustum.
+     * @param options - (optional) intersection check options.
+     */
+    getIntersectionIDByFrustumNdcPt(ndcFrustumBox: THREE.Box3, unProjMatrix: THREE.Matrix4, isContainsOnly: boolean, options?: TOptions): {
+        modelId: string;
+        guid: string;
+    }[];
+}
+export interface ISceneIntersectionChecker extends IIntersectionChecker<SceneCheckOptions> {
+    /** Gets the bounding box of the scene*/
+    get boundingBox(): THREE.Box3;
+}
+export interface IModelIntersectionChecker extends IIntersectionChecker<ModelCheckOptions> {
+    /** Gets the bounding box of the model*/
+    get boundingBox(): THREE.Box3;
+    /** Gets the center of the model*/
+    get modelCenter(): THREE.Vector3;
+}
+export class TPair<TKey, TValue> {
+    
+    constructor(key: TKey, value: TValue);
+    get key(): TKey;
+    get value(): TValue;
+}
 export interface IRenderOperationContext {
     /** If true, renderScenes operations will be forced*/
     isRedrawRequested: boolean;
@@ -837,6 +937,8 @@ export interface IRenderOperationContext {
     get settings(): RenderViewSettings;
     /** Indicates whether the navigation is in progress */
     get isNavigation(): boolean;
+    /** Indicates whether faces and edges should be drawn */
+    get displayMode(): DisplayMode;
     /** Indicates whether the operation has been requested to be suspended by the scheduler*/
     get isSuspensionRequested(): boolean;
     /** Gets the remaining time for the render operations in current iteration*/
@@ -878,6 +980,10 @@ export enum OperationPriority {
     afterAll = 100
 }
 export type RenderOperationDelegate = (context: IRenderOperationContext) => OperationStatus;
+export enum SceneNames {
+    Main = "MainScene",
+    Overlay = "OverlayScene"
+}
 export interface IUserScene extends THREE.Scene {
     /** Scene name */
     readonly name: string;
@@ -886,7 +992,7 @@ export interface IUserScene extends THREE.Scene {
     /** Indicates whether the scene should be redrawn*/
     get needsRedraw(): boolean;
     /** Gets the scene intersection checker */
-    get intersectionChecker(): IModelIntersectionChecker | null;
+    get intersectionChecker(): ISceneIntersectionChecker | null;
     /** Sets clipping enable */
     set clippingEnable(value: boolean);
     /** Indicates whether the scene should be clipped */
@@ -906,11 +1012,13 @@ export interface IUserScene extends THREE.Scene {
     /** Manage scene, manage updates on scene */
     manageScene(context?: IRenderOperationContext): boolean;
     /** Render scene */
-    render(context: IRenderOperationContext): void;
+    render(context?: IRenderOperationContext): void;
     /** Dispose scene */
     dispose(): void;
 }
 export interface I3DRenderer {
+    clippingPlanes: THREE.Plane[];
+    domElement: HTMLCanvasElement;
     clear(color?: boolean, depth?: boolean, stencil?: boolean): void;
     setClearColor(color: THREE.ColorRepresentation, alpha?: number): void;
     clearDepth(): void;
@@ -919,194 +1027,425 @@ export interface I3DRenderer {
     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;
+    dispose(): void;
 }
 export interface IRenderViewer3D {
     /** Gets model inetrsection checker. */
     getIntersectionChecker(): IModelIntersectionChecker;
     /** Request a full redraw of the canvas. */
-    updateCurrentCanvas(): Promise<void>;
+    updateCurrentCanvas(force?: boolean): Promise<void>;
+    /**
+     * 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.
+     */
+    placeObjectOnScene(iObj: THREE.Object3D, sceneID?: string): Promise<void>;
+    /**
+     * Remove object from scene.
+     * @param iObj
+     */
+    removeObjectFromScene(iObj: THREE.Object3D): Promise<void>;
+    /**
+     * Set clipping planes for rendering.
+     * @param planes - array of clipping planes.
+     */
+    setClipping(planes: THREE.Plane[]): void;
+    /**
+     * Set active clipping planes: planes with colored sections
+     * @param indices - active planes indices in the array of clipping planes
+     */
+    setActiveClipPlaneIndices(indices: number[]): void;
+    /**
+     * Gets all render scenes.
+     */
+    getScenes(): IUserScene[];
+    /**
+     *
+     * @param name
+     * @param isClippable
+     */
+    addScene(name: string, isClippable: boolean): IUserScene;
+    /**
+     *
+     * @param scene
+     */
+    removeScene(scene: IUserScene): void;
+}
+export abstract class CustomMaterial extends THREE.ShaderMaterial {
+    
+    constructor();
+    get hash(): number;
+    copy(source: CustomMaterial): this;
+    protected refreshUniforms(uniforms: {
+        [uniform: string]: THREE.IUniform;
+    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
+    protected onBeforeCompileCallback(shader: THREE.Shader): void;
+    protected refreshTransformUniform(map: THREE.Texture, uniform: THREE.IUniform): void;
+    protected onBeforeRender(renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.BufferGeometry, material: THREE.Material, group: THREE.Group): void;
+}
+export interface CustomMeshLambertMaterialParameters extends THREE.ShaderMaterialParameters {
+    instancing?: boolean | undefined;
+    instancingColor?: boolean | undefined;
+    color?: THREE.ColorRepresentation | undefined;
+    emissive?: THREE.ColorRepresentation | undefined;
+    emissiveIntensity?: number | undefined;
+    fog?: boolean | undefined;
+}
+export class CustomMeshLambertMaterial extends CustomMaterial {
+    type: string;
+    
+    constructor(parameters?: CustomMeshLambertMaterialParameters);
+    /**
+     * @default false
+     */
+    get instancing(): boolean;
+    set instancing(value: boolean);
+    /**
+     * @default false
+     */
+    get instancingColor(): boolean;
+    set instancingColor(value: boolean);
+    /**
+     * @default new THREE.Color( 0xffffff )
+     */
+    color: THREE.Color;
+    /**
+     * @default new THREE.Color( 0x000000 )
+     */
+    emissive: THREE.Color;
+    /**
+     * @default 1
+     */
+    emissiveIntensity: number;
+    /**
+     * Whether the material is affected by fog. Default is true.
+     * @default fog
+     */
+    fog: boolean;
+    protected refreshUniformsCommon(uniforms: {
+        [uniform: string]: THREE.IUniform;
+    }, material: CustomMeshLambertMaterial, renderer: THREE.WebGLRenderer): void;
+    protected refreshUniforms(uniforms: {
+        [uniform: string]: THREE.IUniform<any>;
+    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
+    copy(source: CustomMeshLambertMaterial): this;
+}
+export interface CustomLineMaterialParameters extends THREE.ShaderMaterialParameters {
+    instancing?: boolean | undefined;
+    instancingColor?: boolean | undefined;
+    color?: THREE.ColorRepresentation | undefined;
+}
+export class CustomLineMaterial extends CustomMaterial {
+    type: string;
+    
+    constructor(parameters?: CustomLineMaterialParameters);
+    /**
+     * @default false
+     */
+    get instancing(): boolean;
+    set instancing(value: boolean);
+    /**
+     * @default false
+     */
+    get instancingColor(): boolean;
+    set instancingColor(value: boolean);
+    /**
+     * @default 0xffffff
+     */
+    color: THREE.Color;
+    copy(source: CustomLineMaterial): this;
+    protected refreshUniforms(uniforms: {
+        [uniform: string]: THREE.IUniform;
+    }, material: CustomLineMaterial, renderer: THREE.WebGLRenderer): void;
+}
+export interface MeshLineMaterialParameters extends THREE.ShaderMaterialParameters {
+    color?: THREE.ColorRepresentation | undefined;
+    dashed?: boolean | undefined;
+    dashScale?: number | undefined;
+    dashSize?: number | undefined;
+    dashOffset?: number | undefined;
+    gapSize?: number | undefined;
+    worldUnits?: boolean | undefined;
+}
+export class MeshLineMaterial extends CustomMaterial {
+    type: string;
+    
+    constructor(parameters: MeshLineMaterialParameters);
+    /**
+     * @default false
+     */
+    get worldUnits(): boolean;
+    set worldUnits(value: boolean);
+    /**
+     * @default false
+     */
+    get dashed(): boolean;
+    set dashed(value: boolean);
+    get resolution(): THREE.Vector2;
+    /**
+     * @default 0xffffff
+     */
+    color: THREE.Color;
+    /**
+     * @default 1
+     */
+    dashScale: number;
     /**
-     * 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.
+     * @default 1
      */
-    placeObjectOnScene(iObj: THREE.Object3D, sceneID?: string): Promise<void>;
+    dashSize: number;
     /**
-     * Remove object from scene.
-     * @param iObj
+     * @default 0
      */
-    removeObjectFromScene(iObj: THREE.Object3D): Promise<void>;
+    dashOffset: number;
     /**
-     * Set clipping planes for rendering.
-     * @param planes - array of clipping planes.
+     * @default 1
      */
-    setClipping(planes: THREE.Plane[]): void;
+    gapSize: number;
+    copy(source: MeshLineMaterial): this;
+    protected refreshUniforms(uniforms: {
+        [uniform: string]: THREE.IUniform<any>;
+    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
+}
+export interface CustomPointMaterialParameters extends THREE.ShaderMaterialParameters, THREE.PointsMaterialParameters {
+}
+export class CustomPointMaterial extends CustomMaterial {
+    type: string;
+    
+    constructor(parameters?: CustomPointMaterialParameters);
     /**
-     * Set active clipping planes: planes with colored sections
-     * @param indices - active planes indices in the array of clipping planes
+     * @default new THREE.Color( 0xffffff )
      */
-    setActiveClipPlaneIndices(indices: number[]): void;
+    color: THREE.Color;
     /**
-     * Gets all render scenes.
+     * @default null
      */
-    getScenes(): IUserScene[];
+    map: THREE.Texture | null;
     /**
-     *
-     * @param name
-     * @param isClippable
+     * @default null
      */
-    addScene(name: string, isClippable: boolean): IUserScene;
+    alphaMap: THREE.Texture | null;
     /**
-     *
-     * @param scene
+     * @default 1
      */
-    removeScene(scene: IUserScene): void;
+    size: number;
+    /**
+     * @default true
+     */
+    sizeAttenuation: boolean;
+    copy(source: CustomPointMaterial): this;
+    protected refreshUniformsCommon(uniforms: {
+        [uniform: string]: THREE.IUniform;
+    }, material: CustomPointMaterial, renderer: THREE.WebGLRenderer): void;
+    protected refreshUniforms(uniforms: {
+        [uniform: string]: THREE.IUniform<any>;
+    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
 }
-export class InitializerOptions {
-    libList?: string[];
-    language?: string;
+export enum NavigationHandlerPriority {
+    DefaultNavigation = 0,
+    GizmoHandlers = 20,
+    EmbeddedExtensions = 40,
+    CustomExtensions = 100
 }
-class Global {
-    G: any;
-    RESOURCE_ROOT: string;
-    initializeResourceRoot(options: InitializerOptions): void;
-    getResourceUrl(resourceRelativePath: string): string;
+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 const global: Global;
-export {};
-export type StringMap = {
-    [key: string]: any;
+export type NavigationEvent = {
+    /**
+     * (optional) Value indicating whether the NavigationEvent event was handled.
+     */
+    isHandled?: boolean;
 };
-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 interface ActiveEvent extends Event {
+    readonly isActive: boolean;
 }
-export class ModelElement {
-    get id(): string;
-    get modelPartId(): string;
-    get parent(): ModelElement | undefined;
-    get type(): string;
-    get name(): string;
-    get children(): ModelElement[];
-    get hasGeometry(): boolean;
-    get viewObject(): ViewObject | undefined;
-    get boundingBoxCenter(): Point3 | null;
+export interface NavigationEventSourceEventMap extends HTMLElementEventMap {
+    /**
+     * Occurs when the {@link INavigationEventSource.isActive} property changes.
+     */
+    "active": ActiveEvent;
 }
-export class ModelElementTree {
+export interface INavigationEventSource {
     /**
-     *
-     * @param {string|ModelElement} element - element id or element instance
-     * @param callback
-     * @param recursive
+     * Activity of the event source
      */
-    enumElementChildren(element: string | ModelElement, callback: (guid: string) => void, recursive?: boolean): 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 {
     /**
-     * Gets the root element of the model part
-     * @returns {ModelElement} - model element instance
+     * Canvas DOM-events source
      */
-    getRootElement(): ModelElement;
+    readonly canvasNavigationSource: INavigationEventSource;
     /**
-     * Gets all elements of the model part
-     * @returns array of the model elements
+     * Keyboard DOM-events source
      */
-    getAllElements(): ModelElement[];
+    readonly keyboardNavigationSource: INavigationEventSource;
     /**
-     * Gets model element by id
-     * @param { string } id - model element id
-     * @returns model element;
+     * Activity of the navigation agent
      */
-    getElement(id: string): ModelElement;
+    get isActive(): boolean;
+    set isActive(value: boolean);
     /**
-     * Checks given element is viewable
-     * @param {string|ModelElement} element - element id or element instance
-     * @returns {boolean}
+     * Gets rectangle of the navigation area
      */
-    isViewableElement(element: string | ModelElement): boolean;
+    getNavigationArea(): DOMRect;
+}
+export interface INavigationTool {
     /**
-     * Checks given element is detached from the root element
-     * @param {string|ModelElement} element - element id or element instance
-     * @returns {boolean}
+     * Gets name of this navigation tool.
      */
-    isDetachedElement(element: string | ModelElement): boolean;
+    get name(): string;
     /**
-     * Gets the element level in the element tree
-     * @param {string|ModelElement} element - element id or element instance
-     * @returns {number} - level of the element
+     * Initialize navigation tool.
      */
-    getChildLevelNumber(element: string | ModelElement): number;
+    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 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 ModelPart {
-    get id(): string;
-    get elementTree(): ModelElementTree;
+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 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 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 CustomSpriteMaterialParameters extends THREE.ShaderMaterialParameters {
     color?: THREE.ColorRepresentation | undefined;
@@ -1165,236 +1504,161 @@ export class CustomSpriteMaterial extends CustomMaterial {
         [uniform: string]: THREE.IUniform<any>;
     }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
 }
-
-export class SettingsNames {
-    static TELEMETRY: string;
-    static AXES: string;
-    static CAMERA_ANIMATION: string;
-    static HIDE_SMALL_ELEMENTS_WHEN_NAVIGATING: string;
-    static GLOBAL_LIGHT: string;
-    static LIGHT_SOURCE: string;
-    static ANTI_ALIASING: string;
-    static HIDE_SMALL_ELEMENTS_MOVING: string;
-    static SMALL_ELEMENT_SIZE: string;
-    static LABEL_LINE_LENGTH: string;
-    static HIDE_EDGES_WHEN_NAVIGATING: string;
-    static DISPLAY_MODE: string;
-    static NAVIGATION_CUBE: string;
-    static DESIRED_FRAMERATE: string;
-    static MANAGE_TIME: string;
-    static HOVER_MESHES: string;
-    static HOVER_EDGES: string;
-    static SELECT_MESHES: string;
-    static SELECT_EDGES: string;
-}
-export enum ValueType {
-    STRING = 0,
-    NUMBER = 1,
-    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 VIEWER_TOUCHSTART_EVENT: string;
-    static VIEWER_TOUCHEND_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 namespace ControlState {
-    enum State {
-        ACTIVE = 0,
-        INACTIVE = 1,
-        DISABLED = 2
-    }
-}
-export interface IControl {
-    container: HTMLElement;
-    getId(): string;
-    setToolTip(tooltipText: string): void;
-    setText(text: string): void;
-    setState(state: ControlState.State): void;
-}
-export class Control implements IControl {
-    container: HTMLElement;
+export class MeshLineGeometry extends THREE.InstancedBufferGeometry {
+    type: string;
+    instanceStart: THREE.BufferAttribute;
+    instanceEnd: THREE.BufferAttribute;
+    instanceColorStart: THREE.BufferAttribute;
+    instanceColorEnd: THREE.BufferAttribute;
     
-    constructor(id: string);
-    addClass(cssClass: string): void;
-    removeClass(cssClass: string): void;
-    getId(): string;
-    setToolTip(tooltipText: string): void;
-    setText(text: string): void;
-    setState(state: ControlState.State): 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;
+    constructor();
+    applyMatrix4(matrix: THREE.Matrix4): this;
+    updatePoint(index: number, point: THREE.Vector3): void;
+    updateColor(index: number, color: Color): void;
+    setPoints(points: THREE.Vector3[]): this;
+    setPositions(array: ArrayLike<number>): this;
+    setColors(array: ArrayLike<number>): this;
+    computeLineDistances(): this;
+    toBufferGeometry(): THREE.BufferGeometry;
+    toWireframeGeometry(): THREE.BufferGeometry;
+    fromWireframeGeometry(geometry: THREE.WireframeGeometry): this;
+    fromEdgesGeometry(geometry: THREE.EdgesGeometry): this;
+    fromMesh(mesh: THREE.Mesh): this;
+    fromLineSegments(lineSegments: THREE.LineSegments): this;
+    computeBoundingBox(): void;
+    computeBoundingSphere(): void;
 }
-export {};
-export class ExtensionBase {
-    protected _viewer: ViewerBase;
-    protected _options: object;
+export class MeshLine extends THREE.Mesh {
+    type: string;
+    material: MeshLineMaterial;
+    geometry: MeshLineGeometry;
     
-    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;
-    addCursorPhantomFromSvg(template: string): void;
-    removeCursorPhantom(): void;
-    onMouseDown(event: MouseEvent): void;
-    onMouseMove(event: MouseEvent): void;
-    onMouseUp(event: MouseEvent): void;
-    onMouseLongTouch(event: MouseEvent): void;
-    onToolbarCreated(toolbar: Toolbar): void;
-    onTouchStart(event: TouchEvent): void;
-    onTouchEnd(event: TouchEvent): void;
-    protected bindDomEvents(): void;
+    constructor(geometry?: MeshLineGeometry, material?: MeshLineMaterial);
+    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection[]): void;
 }
-export class ExtensionManager {
-    registerExtensionType(extensionId: string, extension: typeof ExtensionBase): boolean;
-    unregisterExtensionType(extensionId: string): boolean;
-    getExtensionType(extensionId: string): typeof ExtensionBase;
+export class CustomSprite extends THREE.Sprite {
+    material: CustomSpriteMaterial;
+    
+    constructor(material: CustomSpriteMaterial);
+    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection<THREE.Object3D<THREE.Event>>[]): void;
+    dispose(): void;
 }
-export const theExtensionManager: ExtensionManager;
-export class ExtensionLoader {
+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 CustomSprite {
+    readonly extraHeightFactor = 1.4;
+    
+    constructor(parameters: LabelSpriteParameters);
+    get sizeAttenuation(): boolean;
+    set sizeAttenuation(value: boolean);
     /**
-     * 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.
+     * @default ''
      */
-    loadExtension(extensionId: string, options?: object): Promise<ExtensionBase>;
+    get text(): string;
+    set text(value: string);
     /**
-     * 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>;
+    * @default 'Roboto, sans-serif'
+    */
+    get fontFace(): string | FontFace;
+    set fontFace(value: string | FontFace);
     /**
-     * Returns all loaded extensions.
-     * @returns {?string[]} - Ids of loaded extensions.
-     */
-    getExtensions(): string[];
+    * @default 12
+    */
+    get fontSize(): number;
+    set fontSize(value: number);
     /**
-     * Returns the loaded extension.
-     * @param {string} extensionId - The string id of the extension.
-     * @returns {?ExtensionBase} - Extension.
+    * @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]
      */
-    getExtension(extensionId: string): ExtensionBase;
+    get textPadding(): THREE.Vector4Tuple;
+    set textPadding(value: THREE.Vector4Tuple);
+    dispose(): 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 interface MeshPointMaterialParameters extends THREE.ShaderMaterialParameters {
+    sizeAttenuation?: boolean | undefined;
+    discreteClipping?: boolean | undefined;
 }
-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;
+export class MeshPointMaterial extends CustomMaterial {
+    
+    constructor(parameters?: MeshPointMaterialParameters);
     /**
-     *
-     * @returns
+     * @default true
      */
-    start(): Promise<number>;
+    get discreteClipping(): boolean;
+    set discreteClipping(value: boolean);
+    get resolution(): THREE.Vector2;
     /**
-     *
+     * @default true
      */
-    finish(): void;
-    onPostExtensionLoad(extension: ExtensionBase): void;
-    protected loadExtensions(): void;
-    protected setThemeFromSettings(): void;
+    sizeAttenuation: boolean;
+    copy(source: MeshPointMaterial): this;
+    protected refreshUniforms(uniforms: {
+        [uniform: string]: THREE.IUniform<any>;
+    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
+}
+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 enum IfcType {
     IfcAbsorbedDoseMeasure = 0,
@@ -2624,6 +2888,77 @@ export class ModelElementPropertyValue {
     bool_value?: boolean;
     get value(): unknown;
 }
+export interface ModelElement {
+    get id(): string;
+    get modelPartId(): string;
+    get parent(): ModelElement | undefined;
+    get type(): string;
+    get name(): string;
+    get children(): ModelElement[];
+    get hasGeometry(): boolean;
+    get viewObject(): ViewObject | undefined;
+}
+export interface ModelElementTree {
+    /**
+     *
+     * @param {string|ModelElement} element - element id or element instance
+     * @param callback
+     * @param recursive
+     */
+    enumElementChildren(element: string | ModelElement, callback: (guid: string) => void, recursive?: boolean): void;
+    /**
+     * Gets the root element of the model part
+     * @returns {ModelElement} - model element instance
+     */
+    getRootElement(): ModelElement | undefined;
+    /**
+     * Gets all elements of the model part
+     * @returns array of the model elements
+     */
+    getAllElements(): ModelElement[];
+    /**
+     * Gets model element by id
+     * @param { string } id - model element id
+     * @returns model element;
+     */
+    getElement(id: string): ModelElement | undefined;
+    /**
+     * Checks given element is viewable
+     * @param {string|ModelElement} element - element id or element instance
+     * @returns {boolean}
+     */
+    isViewableElement(element: string | ModelElement): boolean;
+    /**
+     * Checks given element is detached from the root element
+     * @param {string|ModelElement} element - element id or element instance
+     * @returns {boolean}
+     */
+    isDetachedElement(element: string | ModelElement): boolean;
+    /**
+     * Gets the element level in the element tree
+     * @param {string|ModelElement} element - element id or element instance
+     * @returns {number} - level of the element
+     */
+    getChildLevelNumber(element: string | ModelElement): number;
+}
+export interface ModelPart {
+    get id(): string;
+    get elementTree(): ModelElementTree;
+    dispose(): void;
+}
+export interface DeleteEventListener extends EventListener {
+    (evt: DeleteEvent): void;
+}
+export interface DeleteEventFilter {
+    (modelId: string, entityId: string): boolean;
+}
+export class DeletionManager {
+    readonly eventsDispatcher: IEventsDispatcher;
+    addDeletionFilter(filter: DeleteEventFilter): void;
+    removeDeletionFilter(filter: DeleteEventFilter): void;
+    delete(objectsToDelete: ModelElementIds[]): boolean;
+    isDeletionEnable(objectsToDelete: ModelElementIds[]): boolean;
+}
 /**
  * This class describes the coordination model. The coordination model contains parts of the model (aka ModelPart).
  */
@@ -2680,6 +3015,17 @@ export class Model {
      * Shows all elements and model parts
      */
     showAll(): void;
+    /**
+     * Isolate elements of one model part.
+     * @param elementIds - An array of model elements or just a single model element.
+     * @param modelPart - id of the model part that contains the model element id. By default uses the initial model part loaded into the scene.
+     */
+    isolate(elementIds: string[], modelPart: string | ModelPart): void;
+    /**
+     * Isolate group of elements.
+     * @param elements - Array of grouped model elements to isolate.
+     */
+    isolateMultiple(elements: ModelElementIds[]): void;
     /**
      * Selects the array of model elements. You can also pass in a single model element id instead of an array.
      *
@@ -2712,6 +3058,11 @@ export class Model {
      * @returns {ModelElementIds[]} Array of the currently visible model elements.
      */
     getVisibleElements(): ModelElementIds[];
+    /**
+     * Returns the isolated element ids.
+     * @returns {ModelElementIds[]} Array of the currently visible model elements.
+     */
+    getIsolatedElements(): ModelElementIds[];
     /**
      * Sets color to elements
      * @param {string[] | string} elementIds - element or array of elements to change color.
@@ -2726,7 +3077,12 @@ export class Model {
      * Resets all changed colors for all elements in all model parts
      * @param {string | ModelPart} modelPart - id of the model part or model part instance.
      */
-    clearColors(modelPart?: string | ModelPart): void;
+    clearColors(modelPart?: string | ModelPart): void;
+    /**
+     * Sets ghost mode for the hidden elements of the model.
+     * @param value - indicates whether ghost mode is on or off.
+     */
+    setGhostMode(value: boolean): void;
     /**
      *
      * @param {string} elementId - element id
@@ -2736,468 +3092,154 @@ export class Model {
      * @returns {ModelElementPropertySet[]} - property data array.
      */
     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
+     * Indicates whether objects can be removed - all objects match at least one deletion filter.
+     * @param elementIds - Array of grouped model elements to delete.
+     * @returns true if objects can be removed.
      */
-    get model(): Model;
-    get renderView(): IRenderViewer3D;
-    get canvas(): HTMLCanvasElement;
-    get navigation(): INavigation;
-    getConfiguration(): Viewer3DConfiguration;
-    start(): Promise<number>;
-    finish(): void;
+    canDelete(elementIds: ModelElementIds[]): boolean;
     /**
-     * Loads new model part to the viewer
-     * @param buffer
-     * @param options
-     * @param onSuccessCallback
-     * @param onErrorCallback
+     * Raise DELETE_OBJECTS_EVENT on passed objects, if all object match at least one deletion filter.
+     * @param elementIds  - Array of grouped model elements to delete.
+     * @returns true on success.
      */
-    loadModelPart(data: ArrayBuffer | string, options: ModelLoadingOptions, onSuccessCallback: SuccessCallback, onErrorCallback: ErrorCallback): void;
+    delete(elementIds: ModelElementIds[]): boolean;
     /**
-     * unloads model part from the viewer
-     * @param modelPart - model part id or model part instance
+     * Add deletion filter.
+     * @param filter - filter to add.
      */
-    unloadModelPart(modelPart?: string | ModelPart): void;
-    setVirtualOrigin(point: Point3): void;
-    getVirtualOrigin(): Point3;
+    addDeletionFilter(filter: DeleteEventFilter): void;
     /**
-     * Makes screenshot
-     * @param {string} [mimeType=image/png] Image MIME type.
-     * @param {number} [qualityArgument=1.0] Image quality to be used for image/jpeg or image/webp formats.
-     * @returns Blob object representing render image.
+     * Remove deletion filter.
+     * @param filter - filter to remove.
      */
-    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
- */
-export function Initializer(options: InitializerOptions, callback: InitializeSuccessCallback): void;
-export function shutdown(): void;
-export class Extension extends ExtensionBase {
-    protected _viewer: Viewer3D;
-    
-    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;
+    removeDeletionFilter(filter: DeleteEventFilter): void;
 }
-export class LabelSprite extends THREE.Sprite {
-    readonly extraHeightFactor = 1.4;
-    material: CustomSpriteMaterial;
-    
-    constructor(parameters: LabelSpriteParameters);
-    get sizeAttenuation(): boolean;
-    set sizeAttenuation(value: boolean);
+export interface INavigation {
     /**
-     * @default ''
+     * Register navigation tool.
      */
-    get text(): string;
-    set text(value: string);
+    registerNavigation(navigationTool: INavigationTool): void;
     /**
-    * @default 'Roboto, sans-serif'
-    */
-    get fontFace(): string | FontFace;
-    set fontFace(value: string | FontFace);
+     * Unregister navigation tool.
+     */
+    unregisterNavigation(navigationTool: INavigationTool): void;
     /**
-    * @default 12
-    */
-    get fontSize(): number;
-    set fontSize(value: number);
+     * Activate or deactivate registered navigation tool.
+     * NB: There can be only one active navigation tool at time.
+     */
+    setActive(navigationToolName: string, isActive: boolean): void;
     /**
-    * @default 2
-    */
-    get borderThickness(): number;
-    set borderThickness(value: number);
+     * Get active navigation tool.
+     */
+    getActiveNavigation(): INavigationTool | null;
     /**
-    * @default new Color(0, 0, 0, 1.0)
-    */
-    get borderColor(): Color;
-    set borderColor(value: Color);
+     * Get navigation agent.
+     */
+    getNavigationAgent(): INavigationAgent;
     /**
-    * @default 1
-    */
-    get borderRadius(): number;
-    set borderRadius(value: number);
+     * Gets navigation area rectangle
+     */
+    getNavigationArea(): DOMRect;
     /**
-    * @default new Color(1.0, 1.0, 1.0, 1.0)
-    */
-    get backgroundColor(): Color;
-    set backgroundColor(value: Color);
+     * Sets the camera parameters.
+     */
+    setCameraParameters(params: CameraParameters): void;
     /**
-    * @default new Color(0, 0, 0, 1.0)
-    */
-    get textColor(): Color;
-    set textColor(value: Color);
+     * Gets the camera parameters.
+     */
+    getCameraParameters(): CameraParameters;
     /**
-     * Label text padding: left, top, right, bottom
-     * @default [0, 0, 0, 0]
+     * Gets the camera control.
      */
-    get textPadding(): THREE.Vector4Tuple;
-    set textPadding(value: THREE.Vector4Tuple);
-    raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection<THREE.Object3D<THREE.Event>>[]): void;
-    dispose(): void;
-}
-export interface MeshPointMaterialParameters extends THREE.ShaderMaterialParameters {
-    sizeAttenuation?: boolean | undefined;
-    discreteClipping?: boolean | undefined;
-}
-export class MeshPointMaterial extends CustomMaterial {
-    
-    constructor(parameters?: MeshPointMaterialParameters);
+    getCameraControl(): ICameraControl;
     /**
-     * @default true
+     * Gets the Three.js camera.
      */
-    get discreteClipping(): boolean;
-    set discreteClipping(value: boolean);
-    get resolution(): THREE.Vector2;
+    getCamera(): THREE.Camera;
     /**
-     * @default true
+     * 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
      */
-    sizeAttenuation: boolean;
-    copy(source: MeshPointMaterial): this;
-    protected refreshUniforms(uniforms: {
-        [uniform: string]: THREE.IUniform<any>;
-    }, material: CustomMaterial, renderer: THREE.WebGLRenderer): void;
-}
-export interface MeshPointParamter {
-    point?: THREE.Vector3;
-    color?: Color;
-    size?: number;
-}
-export class MeshPoints extends THREE.Mesh {
-    geometry: THREE.InstancedBufferGeometry;
-    material: MeshPointMaterial;
-    
-    constructor();
+    fitToView(elementIds: string[] | string, modelPart: string | ModelPart, immediate?: boolean): void;
     /**
-    * @default new Color( 1,1,1,1 )
-    */
-    color: Color;
+     * Sets the camera pivot point.
+     */
+    setPivotPoint(point: Point3): void;
     /**
-   * @default 1
-   */
-    pointSize: number;
+     * Gets the camera pivot point.
+     */
+    getPivotPoint(): Point3;
     /**
-   * @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;
-    left: string;
-    right: string;
-    top: string;
-}
-export interface IWindowStateOptions {
-    saveKey: string;
-    restoreWindowSize: boolean;
-}
-export class WindowStater {
-    get windowStylesState(): IWindowStyle;
-    get windowOptionsState(): IWindowStateOptions;
-    restore(): void;
-    saveWindowState(): void;
-}
-export class Resizer {
-    
-    constructor(resizableContainer: HTMLElement, containerToRestriction: HTMLElement, elementAnchor?: HTMLElement, windowStater?: WindowStater);
-    get windowState(): IWindowStyle | null;
+     * Reset the camera pivot point.
+     */
+    resetPivotPoint(): void;
 }
-export class Dragger {
-    
-    constructor(allowedDraggableElement: HTMLElement, draggableContainer: HTMLElement, containerToRestriction: HTMLElement, windowStater?: WindowStater);
-    get windowState(): IWindowStyle | null;
+export class ModelLoadingOptions {
+    guid: string;
+    isConsolidatedModel?: boolean;
 }
-export class Button extends Control {
-    
-    constructor(id: string);
-    setIsChecked(value: boolean): void;
-    setState(state: ControlState.State): boolean;
-    setText(text: string): void;
-    getState(): ControlState.State;
-    setIcon(iconClassName: string): void;
-    setFromSvgTemlate(template: string): void;
+export let ViewerInstance: Viewer3D;
+export class Viewer3D extends ViewerBase {
+    protected _configuration: Viewer3DConfiguration;
+    settings: Readonly<ISettings>;
+    events: Readonly<IEventsDispatcher>;
     /**
-     * Override this method to be notified when the user clicks on the button.
-     * @param {MouseEvent} event
+     * Returns general model
+     * @returns { Model } - general model
      */
-    onClick: (event: MouseEvent) => void;
+    get model(): Model;
+    get renderView(): IRenderViewer3D;
+    get canvas(): HTMLCanvasElement;
+    get navigation(): INavigation;
+    getConfiguration(): Viewer3DConfiguration;
+    start(): Promise<number>;
+    finish(): void;
     /**
-     * Override this method to be notified when the mouse enters the button.
-     * @param {MouseEvent} event
+     * Loads new model part to the viewer
+     * @param buffer
+     * @param options
+     * @param onSuccessCallback
+     * @param onErrorCallback
      */
-    onMouseOver: (event: MouseEvent) => void;
+    loadModelPart(data: ArrayBuffer | string, options: ModelLoadingOptions, onSuccessCallback: SuccessCallback, onErrorCallback: ErrorCallback): void;
     /**
-     * Override this method to be notified when the mouse leaves the button.
-     * @param {MouseEvent} event
+     * unloads model part from the viewer
+     * @param modelPart - model part id or model part instance
      */
-    onMouseOut: (event: MouseEvent) => void;
-}
-export namespace Button {
-    enum Event {
-        STATE_CHANGED = "Button.StateChanged",
-        CLICK = "click"
-    }
-}
-export class SubMenu implements IMenu {
-    readonly controls: IControl[];
-    set selectedIndex(value: number);
-    get selectedIndex(): number;
-    setEnabled(index: number, value: boolean): void;
-    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;
+    unloadModelPart(modelPart?: string | ModelPart): void;
+    setVirtualOrigin(point: Point3): Promise<void>;
+    getVirtualOrigin(): Point3;
     /**
-     * Override this method to be notified when the user clicks on the button.
-     * @param {MouseEvent} event
+     * Makes screenshot
+     * @param {string} [mimeType=image/png] Image MIME type.
+     * @param {number} [qualityArgument=1.0] Image quality to be used for image/jpeg or image/webp formats.
+     * @returns Blob object representing render image.
      */
-    onClick: (event: PointerEvent) => void;
-    onOpen: () => void;
-    onClose: () => void;
-    setState(state: ControlState.State): boolean;
-    setText(text: string): void;
-    setFromSvgTemlate(template: string): void;
-}
-export class Checkbox {
-    
-    constructor(id: string, checked: boolean, disabled: boolean, placeholder: string);
-    get checked(): boolean;
-    set checked(value: boolean);
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get label(): HTMLLabelElement;
-    onChange(value: boolean): void;
-    createElement(): Element;
-}
-interface ISelectItem {
-    text: string;
-    value: string;
-}
-export class Select {
-    
-    constructor(id: string, items: ISelectItem[], placeholder: string);
-    get select(): HTMLElement;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get selectedIndex(): number;
-    set selectedIndex(value: number);
-    get placeholder(): string;
-    set placeholder(value: string);
-    get label(): HTMLElement;
-    get previousSelectedIndex(): number;
-    onChange({ index, value }: {
-        index: any;
-        value: any;
-    }): void;
-    update(array: ISelectItem[], selectedIndex?: number): void;
+    makeScreenshot(mimeType?: string, quality?: number): Promise<Blob>;
+    setThemeFromSettings(): void;
 }
-export {};
-interface ElementClass {
-    panelClassName?: string;
-    contentClassName?: string;
-    headerClassName?: string;
+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 class Dialog extends Control {
-    responseDialog: (state?: boolean) => void;
+export function CreateViewer(container: HTMLElement, configuration?: Viewer3DConfiguration): GuiViewer3D;
+export function CreateBasicViewer(container: HTMLElement, configuration?: Viewer3DConfiguration): Viewer3D;
+/**
+ * @param options
+ * @param callback
+ */
+export function Initializer(options: InitializerOptions, callback: InitializeSuccessCallback): void;
+export function shutdown(): void;
+export class Extension extends ExtensionBase {
+    protected _viewer: Viewer3D;
     
-    constructor(id: string, panelToAttach: HTMLElement);
-    get dialog(): HTMLElement;
-    get dialogContent(): HTMLElement;
-    get resizable(): boolean;
-    setDialogContent(value: HTMLElement): Dialog;
-    setHeader(value: HTMLElement): Dialog;
-    setCaption(value: string): Dialog;
-    setSvgIcon(template: string): Dialog;
-    setFooter(value: HTMLElement): Dialog;
-    setDialogElementClassNames(value: ElementClass): Dialog;
-    setResizable(value: boolean): Dialog;
-    setWindowOptions(value: IWindowStateOptions): Dialog;
-    setDraggable(value: boolean): Dialog;
-    openDialog(x?: number, y?: number): HTMLElement;
-    destroyDialog(): void;
-    isDialogShown(): boolean;
-    subscribe(fn: (state: boolean) => void): void;
+    constructor(viewer: Viewer3D, options?: object);
 }
-export {};
 
 }