@itwin/core-frontend 3.2.0-dev.72 → 3.3.0-dev.0

package/lib/cjs/TwoWayViewportSync.js

@@ -1,87 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Views
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TwoWayViewportFrustumSync = exports.TwoWayViewportSync = void 0;
-/** Forms a bidirectional connection between two [[Viewport]]s such that the [[ViewState]]s of each are synchronized with one another.
- * For example, panning in one viewport will cause the other viewport to pan by the same distance, and changing the [RenderMode]($common) of one viewport
- * will change it in the other viewport.
- * By default, all aspects of the views - display style, category and model selectors, frustum, etc - are synchronized, but this can be customized by
- * subclassing and overriding the [[syncViewports]] and [[connectViewports]] methods.
- * @see [Multiple Viewport Sample](https://www.itwinjs.org/sample-showcase/?group=Viewer+Features&sample=multi-viewport-sample&imodel=Metrostation+Sample)
- * for an interactive demonstration.
- * @see [[TwoWayViewportFrustumSync]] to synchronize only the frusta of the viewports.
- * @public
- */
-class TwoWayViewportSync {
-    constructor() {
-        this._disconnect = [];
-        this._isEcho = false;
-    }
-    syncView(source, target) {
-        if (this._isEcho)
-            return;
-        this._isEcho = true; // so we don't react to the echo of this sync
-        this.syncViewports(source, target);
-        this._isEcho = false;
-    }
-    /** Invoked from [[connect]] to set up the initial synchronization between the two viewports.
-     * `target` should be modified to match `source`.
-     * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.
-     * @see [[syncViewports]] to customize subsequent synchronization.
-     */
-    connectViewports(source, target) {
-        const viewState = source.view.clone(target.iModel);
-        target.applyViewState(viewState);
-    }
-    /** Invoked each time `source` changes to update `target` to match.
-     * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.
-     * @param source The viewport that changed
-     * @param target The viewport that should be updated to match `source`
-     * @see [[connectViewports]] to set up the initial synchronization between the two viewports.
-     */
-    syncViewports(source, target) {
-        target.applyViewState(source.view.clone(target.iModel));
-    }
-    /** Establish the connection between two Viewports. When this method is called, `viewport2` is initialized with the state of `viewport1` via [[connectViewports]].
-     * Thereafter, any change to the frustum of either viewport will be reflected in the frustum of the other viewport via [[syncViewports]].
-     */
-    connect(viewport1, viewport2) {
-        this.disconnect();
-        this.connectViewports(viewport1, viewport2);
-        // listen to the onViewChanged events from both views
-        this._disconnect.push(viewport1.onViewChanged.addListener(() => this.syncView(viewport1, viewport2)));
-        this._disconnect.push(viewport2.onViewChanged.addListener(() => this.syncView(viewport2, viewport1)));
-    }
-    /** Remove the connection between the two views. */
-    disconnect() {
-        this._disconnect.forEach((f) => f());
-        this._disconnect.length = 0;
-    }
-}
-exports.TwoWayViewportSync = TwoWayViewportSync;
-/** Forms a bidirectional connection between two [[Viewport]]s such that the [Frustum]($common)s of each are synchronized with one another.
- * For example, zooming out in one viewport will zoom out by the same distance in the other viewport.
- * No other aspects of the viewports are synchronized - they may have entirely different display styles, category/model selectors, etc.
- * @see [[TwoWayViewportSync]] to synchronize all aspects of the viewports.
- * @public
- */
-class TwoWayViewportFrustumSync extends TwoWayViewportSync {
-    /** @internal override */
-    syncViewports(source, target) {
-        const pose = source.view.savePose();
-        const view = target.view.applyPose(pose);
-        target.applyViewState(view);
-    }
-    /** @internal override */
-    connectViewports(source, target) {
-        this.syncViewports(source, target);
-    }
-}
-exports.TwoWayViewportFrustumSync = TwoWayViewportFrustumSync;
-//# sourceMappingURL=TwoWayViewportSync.js.map

package/lib/cjs/TwoWayViewportSync.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TwoWayViewportSync.js","sourceRoot":"","sources":["../../src/TwoWayViewportSync.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH;;;;;;;;;GASG;AACH,MAAa,kBAAkB;IAA/B;QACqB,gBAAW,GAAmB,EAAE,CAAC;QAC5C,YAAO,GAAG,KAAK,CAAC;IAiD1B,CAAC;IA/CS,QAAQ,CAAC,MAAgB,EAAE,MAAgB;QACjD,IAAI,IAAI,CAAC,OAAO;YACd,OAAO;QAET,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,6CAA6C;QAClE,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACO,gBAAgB,CAAC,MAAgB,EAAE,MAAgB;QAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACO,aAAa,CAAC,MAAgB,EAAE,MAAgB;QACxD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED;;OAEG;IACI,OAAO,CAAC,SAAmB,EAAE,SAAmB;QACrD,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE5C,qDAAqD;QACrD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;QACtG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxG,CAAC;IAED,mDAAmD;IAC5C,UAAU;QACf,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACrC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9B,CAAC;CACF;AAnDD,gDAmDC;AAED;;;;;GAKG;AACH,MAAa,yBAA0B,SAAQ,kBAAkB;IAC/D,yBAAyB;IACN,aAAa,CAAC,MAAgB,EAAE,MAAgB;QACjE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,yBAAyB;IACN,gBAAgB,CAAC,MAAgB,EAAE,MAAgB;QACpE,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC;CACF;AAZD,8DAYC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Views\r\n */\r\n\r\nimport { Viewport } from \"./Viewport\";\r\n\r\n/** Forms a bidirectional connection between two [[Viewport]]s such that the [[ViewState]]s of each are synchronized with one another.\r\n * For example, panning in one viewport will cause the other viewport to pan by the same distance, and changing the [RenderMode]($common) of one viewport\r\n * will change it in the other viewport.\r\n * By default, all aspects of the views - display style, category and model selectors, frustum, etc - are synchronized, but this can be customized by\r\n * subclassing and overriding the [[syncViewports]] and [[connectViewports]] methods.\r\n * @see [Multiple Viewport Sample](https://www.itwinjs.org/sample-showcase/?group=Viewer+Features&sample=multi-viewport-sample&imodel=Metrostation+Sample)\r\n * for an interactive demonstration.\r\n * @see [[TwoWayViewportFrustumSync]] to synchronize only the frusta of the viewports.\r\n * @public\r\n */\r\nexport class TwoWayViewportSync {\r\n  protected readonly _disconnect: VoidFunction[] = [];\r\n  private _isEcho = false;\r\n\r\n  private syncView(source: Viewport, target: Viewport) {\r\n    if (this._isEcho)\r\n      return;\r\n\r\n    this._isEcho = true; // so we don't react to the echo of this sync\r\n    this.syncViewports(source, target);\r\n    this._isEcho = false;\r\n  }\r\n\r\n  /** Invoked from [[connect]] to set up the initial synchronization between the two viewports.\r\n   * `target` should be modified to match `source`.\r\n   * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.\r\n   * @see [[syncViewports]] to customize subsequent synchronization.\r\n   */\r\n  protected connectViewports(source: Viewport, target: Viewport): void {\r\n    const viewState = source.view.clone(target.iModel);\r\n    target.applyViewState(viewState);\r\n  }\r\n\r\n  /** Invoked each time `source` changes to update `target` to match.\r\n   * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.\r\n   * @param source The viewport that changed\r\n   * @param target The viewport that should be updated to match `source`\r\n   * @see [[connectViewports]] to set up the initial synchronization between the two viewports.\r\n   */\r\n  protected syncViewports(source: Viewport, target: Viewport): void {\r\n    target.applyViewState(source.view.clone(target.iModel));\r\n  }\r\n\r\n  /** Establish the connection between two Viewports. When this method is called, `viewport2` is initialized with the state of `viewport1` via [[connectViewports]].\r\n   * Thereafter, any change to the frustum of either viewport will be reflected in the frustum of the other viewport via [[syncViewports]].\r\n   */\r\n  public connect(viewport1: Viewport, viewport2: Viewport) {\r\n    this.disconnect();\r\n\r\n    this.connectViewports(viewport1, viewport2);\r\n\r\n    // listen to the onViewChanged events from both views\r\n    this._disconnect.push(viewport1.onViewChanged.addListener(() => this.syncView(viewport1, viewport2)));\r\n    this._disconnect.push(viewport2.onViewChanged.addListener(() => this.syncView(viewport2, viewport1)));\r\n  }\r\n\r\n  /** Remove the connection between the two views. */\r\n  public disconnect() {\r\n    this._disconnect.forEach((f) => f());\r\n    this._disconnect.length = 0;\r\n  }\r\n}\r\n\r\n/** Forms a bidirectional connection between two [[Viewport]]s such that the [Frustum]($common)s of each are synchronized with one another.\r\n * For example, zooming out in one viewport will zoom out by the same distance in the other viewport.\r\n * No other aspects of the viewports are synchronized - they may have entirely different display styles, category/model selectors, etc.\r\n * @see [[TwoWayViewportSync]] to synchronize all aspects of the viewports.\r\n * @public\r\n */\r\nexport class TwoWayViewportFrustumSync extends TwoWayViewportSync {\r\n  /** @internal override */\r\n  protected override syncViewports(source: Viewport, target: Viewport): void {\r\n    const pose = source.view.savePose();\r\n    const view = target.view.applyPose(pose);\r\n    target.applyViewState(view);\r\n  }\r\n\r\n  /** @internal override */\r\n  protected override connectViewports(source: Viewport, target: Viewport): void {\r\n    this.syncViewports(source, target);\r\n  }\r\n}\r\n"]}

package/lib/esm/TwoWayViewportSync.d.ts

@@ -1,51 +0,0 @@
-/** @packageDocumentation
- * @module Views
- */
-import { Viewport } from "./Viewport";
-/** Forms a bidirectional connection between two [[Viewport]]s such that the [[ViewState]]s of each are synchronized with one another.
- * For example, panning in one viewport will cause the other viewport to pan by the same distance, and changing the [RenderMode]($common) of one viewport
- * will change it in the other viewport.
- * By default, all aspects of the views - display style, category and model selectors, frustum, etc - are synchronized, but this can be customized by
- * subclassing and overriding the [[syncViewports]] and [[connectViewports]] methods.
- * @see [Multiple Viewport Sample](https://www.itwinjs.org/sample-showcase/?group=Viewer+Features&sample=multi-viewport-sample&imodel=Metrostation+Sample)
- * for an interactive demonstration.
- * @see [[TwoWayViewportFrustumSync]] to synchronize only the frusta of the viewports.
- * @public
- */
-export declare class TwoWayViewportSync {
-    protected readonly _disconnect: VoidFunction[];
-    private _isEcho;
-    private syncView;
-    /** Invoked from [[connect]] to set up the initial synchronization between the two viewports.
-     * `target` should be modified to match `source`.
-     * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.
-     * @see [[syncViewports]] to customize subsequent synchronization.
-     */
-    protected connectViewports(source: Viewport, target: Viewport): void;
-    /** Invoked each time `source` changes to update `target` to match.
-     * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.
-     * @param source The viewport that changed
-     * @param target The viewport that should be updated to match `source`
-     * @see [[connectViewports]] to set up the initial synchronization between the two viewports.
-     */
-    protected syncViewports(source: Viewport, target: Viewport): void;
-    /** Establish the connection between two Viewports. When this method is called, `viewport2` is initialized with the state of `viewport1` via [[connectViewports]].
-     * Thereafter, any change to the frustum of either viewport will be reflected in the frustum of the other viewport via [[syncViewports]].
-     */
-    connect(viewport1: Viewport, viewport2: Viewport): void;
-    /** Remove the connection between the two views. */
-    disconnect(): void;
-}
-/** Forms a bidirectional connection between two [[Viewport]]s such that the [Frustum]($common)s of each are synchronized with one another.
- * For example, zooming out in one viewport will zoom out by the same distance in the other viewport.
- * No other aspects of the viewports are synchronized - they may have entirely different display styles, category/model selectors, etc.
- * @see [[TwoWayViewportSync]] to synchronize all aspects of the viewports.
- * @public
- */
-export declare class TwoWayViewportFrustumSync extends TwoWayViewportSync {
-    /** @internal override */
-    protected syncViewports(source: Viewport, target: Viewport): void;
-    /** @internal override */
-    protected connectViewports(source: Viewport, target: Viewport): void;
-}
-//# sourceMappingURL=TwoWayViewportSync.d.ts.map

package/lib/esm/TwoWayViewportSync.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TwoWayViewportSync.d.ts","sourceRoot":"","sources":["../../src/TwoWayViewportSync.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC;;;;;;;;;GASG;AACH,qBAAa,kBAAkB;IAC7B,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,YAAY,EAAE,CAAM;IACpD,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,QAAQ;IAShB;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI;IAKpE;;;;;OAKG;IACH,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI;IAIjE;;OAEG;IACI,OAAO,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAUvD,mDAAmD;IAC5C,UAAU;CAIlB;AAED;;;;;GAKG;AACH,qBAAa,yBAA0B,SAAQ,kBAAkB;IAC/D,yBAAyB;cACN,aAAa,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI;IAM1E,yBAAyB;cACN,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI;CAG9E"}

package/lib/esm/TwoWayViewportSync.js

@@ -1,82 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Views
- */
-/** Forms a bidirectional connection between two [[Viewport]]s such that the [[ViewState]]s of each are synchronized with one another.
- * For example, panning in one viewport will cause the other viewport to pan by the same distance, and changing the [RenderMode]($common) of one viewport
- * will change it in the other viewport.
- * By default, all aspects of the views - display style, category and model selectors, frustum, etc - are synchronized, but this can be customized by
- * subclassing and overriding the [[syncViewports]] and [[connectViewports]] methods.
- * @see [Multiple Viewport Sample](https://www.itwinjs.org/sample-showcase/?group=Viewer+Features&sample=multi-viewport-sample&imodel=Metrostation+Sample)
- * for an interactive demonstration.
- * @see [[TwoWayViewportFrustumSync]] to synchronize only the frusta of the viewports.
- * @public
- */
-export class TwoWayViewportSync {
-    constructor() {
-        this._disconnect = [];
-        this._isEcho = false;
-    }
-    syncView(source, target) {
-        if (this._isEcho)
-            return;
-        this._isEcho = true; // so we don't react to the echo of this sync
-        this.syncViewports(source, target);
-        this._isEcho = false;
-    }
-    /** Invoked from [[connect]] to set up the initial synchronization between the two viewports.
-     * `target` should be modified to match `source`.
-     * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.
-     * @see [[syncViewports]] to customize subsequent synchronization.
-     */
-    connectViewports(source, target) {
-        const viewState = source.view.clone(target.iModel);
-        target.applyViewState(viewState);
-    }
-    /** Invoked each time `source` changes to update `target` to match.
-     * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.
-     * @param source The viewport that changed
-     * @param target The viewport that should be updated to match `source`
-     * @see [[connectViewports]] to set up the initial synchronization between the two viewports.
-     */
-    syncViewports(source, target) {
-        target.applyViewState(source.view.clone(target.iModel));
-    }
-    /** Establish the connection between two Viewports. When this method is called, `viewport2` is initialized with the state of `viewport1` via [[connectViewports]].
-     * Thereafter, any change to the frustum of either viewport will be reflected in the frustum of the other viewport via [[syncViewports]].
-     */
-    connect(viewport1, viewport2) {
-        this.disconnect();
-        this.connectViewports(viewport1, viewport2);
-        // listen to the onViewChanged events from both views
-        this._disconnect.push(viewport1.onViewChanged.addListener(() => this.syncView(viewport1, viewport2)));
-        this._disconnect.push(viewport2.onViewChanged.addListener(() => this.syncView(viewport2, viewport1)));
-    }
-    /** Remove the connection between the two views. */
-    disconnect() {
-        this._disconnect.forEach((f) => f());
-        this._disconnect.length = 0;
-    }
-}
-/** Forms a bidirectional connection between two [[Viewport]]s such that the [Frustum]($common)s of each are synchronized with one another.
- * For example, zooming out in one viewport will zoom out by the same distance in the other viewport.
- * No other aspects of the viewports are synchronized - they may have entirely different display styles, category/model selectors, etc.
- * @see [[TwoWayViewportSync]] to synchronize all aspects of the viewports.
- * @public
- */
-export class TwoWayViewportFrustumSync extends TwoWayViewportSync {
-    /** @internal override */
-    syncViewports(source, target) {
-        const pose = source.view.savePose();
-        const view = target.view.applyPose(pose);
-        target.applyViewState(view);
-    }
-    /** @internal override */
-    connectViewports(source, target) {
-        this.syncViewports(source, target);
-    }
-}
-//# sourceMappingURL=TwoWayViewportSync.js.map

package/lib/esm/TwoWayViewportSync.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TwoWayViewportSync.js","sourceRoot":"","sources":["../../src/TwoWayViewportSync.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH;;;;;;;;;GASG;AACH,MAAM,OAAO,kBAAkB;IAA/B;QACqB,gBAAW,GAAmB,EAAE,CAAC;QAC5C,YAAO,GAAG,KAAK,CAAC;IAiD1B,CAAC;IA/CS,QAAQ,CAAC,MAAgB,EAAE,MAAgB;QACjD,IAAI,IAAI,CAAC,OAAO;YACd,OAAO;QAET,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,6CAA6C;QAClE,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACO,gBAAgB,CAAC,MAAgB,EAAE,MAAgB;QAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACO,aAAa,CAAC,MAAgB,EAAE,MAAgB;QACxD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED;;OAEG;IACI,OAAO,CAAC,SAAmB,EAAE,SAAmB;QACrD,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE5C,qDAAqD;QACrD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;QACtG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxG,CAAC;IAED,mDAAmD;IAC5C,UAAU;QACf,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACrC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9B,CAAC;CACF;AAED;;;;;GAKG;AACH,MAAM,OAAO,yBAA0B,SAAQ,kBAAkB;IAC/D,yBAAyB;IACN,aAAa,CAAC,MAAgB,EAAE,MAAgB;QACjE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,yBAAyB;IACN,gBAAgB,CAAC,MAAgB,EAAE,MAAgB;QACpE,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Views\r\n */\r\n\r\nimport { Viewport } from \"./Viewport\";\r\n\r\n/** Forms a bidirectional connection between two [[Viewport]]s such that the [[ViewState]]s of each are synchronized with one another.\r\n * For example, panning in one viewport will cause the other viewport to pan by the same distance, and changing the [RenderMode]($common) of one viewport\r\n * will change it in the other viewport.\r\n * By default, all aspects of the views - display style, category and model selectors, frustum, etc - are synchronized, but this can be customized by\r\n * subclassing and overriding the [[syncViewports]] and [[connectViewports]] methods.\r\n * @see [Multiple Viewport Sample](https://www.itwinjs.org/sample-showcase/?group=Viewer+Features&sample=multi-viewport-sample&imodel=Metrostation+Sample)\r\n * for an interactive demonstration.\r\n * @see [[TwoWayViewportFrustumSync]] to synchronize only the frusta of the viewports.\r\n * @public\r\n */\r\nexport class TwoWayViewportSync {\r\n  protected readonly _disconnect: VoidFunction[] = [];\r\n  private _isEcho = false;\r\n\r\n  private syncView(source: Viewport, target: Viewport) {\r\n    if (this._isEcho)\r\n      return;\r\n\r\n    this._isEcho = true; // so we don't react to the echo of this sync\r\n    this.syncViewports(source, target);\r\n    this._isEcho = false;\r\n  }\r\n\r\n  /** Invoked from [[connect]] to set up the initial synchronization between the two viewports.\r\n   * `target` should be modified to match `source`.\r\n   * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.\r\n   * @see [[syncViewports]] to customize subsequent synchronization.\r\n   */\r\n  protected connectViewports(source: Viewport, target: Viewport): void {\r\n    const viewState = source.view.clone(target.iModel);\r\n    target.applyViewState(viewState);\r\n  }\r\n\r\n  /** Invoked each time `source` changes to update `target` to match.\r\n   * The default implementation applies a clone of `source`'s [[ViewState]] to `target`.\r\n   * @param source The viewport that changed\r\n   * @param target The viewport that should be updated to match `source`\r\n   * @see [[connectViewports]] to set up the initial synchronization between the two viewports.\r\n   */\r\n  protected syncViewports(source: Viewport, target: Viewport): void {\r\n    target.applyViewState(source.view.clone(target.iModel));\r\n  }\r\n\r\n  /** Establish the connection between two Viewports. When this method is called, `viewport2` is initialized with the state of `viewport1` via [[connectViewports]].\r\n   * Thereafter, any change to the frustum of either viewport will be reflected in the frustum of the other viewport via [[syncViewports]].\r\n   */\r\n  public connect(viewport1: Viewport, viewport2: Viewport) {\r\n    this.disconnect();\r\n\r\n    this.connectViewports(viewport1, viewport2);\r\n\r\n    // listen to the onViewChanged events from both views\r\n    this._disconnect.push(viewport1.onViewChanged.addListener(() => this.syncView(viewport1, viewport2)));\r\n    this._disconnect.push(viewport2.onViewChanged.addListener(() => this.syncView(viewport2, viewport1)));\r\n  }\r\n\r\n  /** Remove the connection between the two views. */\r\n  public disconnect() {\r\n    this._disconnect.forEach((f) => f());\r\n    this._disconnect.length = 0;\r\n  }\r\n}\r\n\r\n/** Forms a bidirectional connection between two [[Viewport]]s such that the [Frustum]($common)s of each are synchronized with one another.\r\n * For example, zooming out in one viewport will zoom out by the same distance in the other viewport.\r\n * No other aspects of the viewports are synchronized - they may have entirely different display styles, category/model selectors, etc.\r\n * @see [[TwoWayViewportSync]] to synchronize all aspects of the viewports.\r\n * @public\r\n */\r\nexport class TwoWayViewportFrustumSync extends TwoWayViewportSync {\r\n  /** @internal override */\r\n  protected override syncViewports(source: Viewport, target: Viewport): void {\r\n    const pose = source.view.savePose();\r\n    const view = target.view.applyPose(pose);\r\n    target.applyViewState(view);\r\n  }\r\n\r\n  /** @internal override */\r\n  protected override connectViewports(source: Viewport, target: Viewport): void {\r\n    this.syncViewports(source, target);\r\n  }\r\n}\r\n"]}