@vertexvis/viewer 0.15.2-testing.1 → 0.15.2-testing.2

package/dist/collection/components/viewer-drag-select/viewer-drag-select.css

@@ -1,36 +0,0 @@
-:host {
-  --viewer-drag-select-outline-exclusive-border-color: #5555ff;
-  --viewer-drag-select-outline-exclusive-border-style: solid;
-  --viewer-drag-select-outline-exclusive-fill-color: blue;
-  --viewer-drag-select-outline-inclusive-border-color: #ff5555;
-  --viewer-drag-select-outline-inclusive-border-style: dashed;
-  --viewer-drag-select-outline-inclusive-fill-color: red;
-  --viewer-drag-select-outline-fill-opacity: 0.1;
-}
-
-.outline {
-  position: absolute;
-}
-
-.outline.exclusive {
-  border: 3px var(--viewer-drag-select-outline-exclusive-border-style) var(--viewer-drag-select-outline-exclusive-border-color);
-}
-
-.outline.inclusive {
-  border: 3px var(--viewer-drag-select-outline-inclusive-border-style) var(--viewer-drag-select-outline-inclusive-border-color);
-}
-
-.fill {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  opacity: var(--viewer-drag-select-outline-fill-opacity);
-}
-
-.fill.exclusive {
-  background-color: var(--viewer-drag-select-outline-exclusive-fill-color);
-}
-
-.fill.inclusive {
-  background-color: var(--viewer-drag-select-outline-inclusive-fill-color);
-}

package/dist/collection/components/viewer-drag-select/viewer-drag-select.js

@@ -1,120 +0,0 @@
-import { Component, h, Host, Prop, State, Watch } from '@stencil/core';
-import classNames from 'classnames';
-import { ViewerDragSelectController } from './controller';
-import { ViewerDragSelectInteractionHandler } from './interaction-handler';
-import { ViewerDragSelectModel, } from './model';
-export class ViewerDragSelect {
-  constructor() {
-    this.handleBoundsChanged = this.handleBoundsChanged.bind(this);
-  }
-  componentWillLoad() {
-    this.interactionModel = new ViewerDragSelectModel();
-    this.interactionModel.onBoundsChanged(this.handleBoundsChanged);
-    this.handleViewerChanged(this.viewer);
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.controller) === null || _a === void 0 ? void 0 : _a.dispose();
-    (_b = this.interactionHandler) === null || _b === void 0 ? void 0 : _b.dispose();
-  }
-  /**
-   * @ignore
-   */
-  handleViewerChanged(newViewer) {
-    this.deregisterInteractionHandler();
-    if ((newViewer === null || newViewer === void 0 ? void 0 : newViewer.stream) != null) {
-      this.registerInteractionHandler(newViewer);
-      this.controller = new ViewerDragSelectController(newViewer, this.interactionModel);
-    }
-  }
-  /**
-   * @ignore
-   */
-  render() {
-    return (h(Host, null,
-      h("vertex-viewer-layer", null, this.dragRect != null && (h("div", { class: classNames('outline', {
-          exclusive: this.dragDirection === 'right',
-          inclusive: this.dragDirection === 'left',
-        }), style: {
-          left: `${this.dragRect.x}px`,
-          top: `${this.dragRect.y}px`,
-          width: `${this.dragRect.width}px`,
-          height: `${this.dragRect.height}px`,
-        } },
-        h("div", { class: classNames('fill', {
-            exclusive: this.dragDirection === 'right',
-            inclusive: this.dragDirection === 'left',
-          }) }))))));
-  }
-  handleBoundsChanged(event) {
-    this.dragRect = event.rectangle;
-    this.dragDirection = event.direction;
-  }
-  registerInteractionHandler(viewer) {
-    this.interactionHandler = new ViewerDragSelectInteractionHandler(viewer, this.interactionModel);
-    viewer.registerInteractionHandler(this.interactionHandler);
-  }
-  deregisterInteractionHandler() {
-    var _a;
-    (_a = this.interactionHandler) === null || _a === void 0 ? void 0 : _a.dispose();
-    this.interactionHandler = undefined;
-  }
-  static get is() { return "vertex-viewer-drag-select"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["viewer-drag-select.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["viewer-drag-select.css"]
-  }; }
-  static get properties() { return {
-    "viewer": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "HTMLVertexViewerElement",
-        "resolved": "HTMLVertexViewerElement | undefined",
-        "references": {
-          "HTMLVertexViewerElement": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The viewer that this component is bound to. This is automatically assigned\nif added to the light-dom of a parent viewer element."
-      }
-    },
-    "controller": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ViewerDragSelectController",
-        "resolved": "ViewerDragSelectController | undefined",
-        "references": {
-          "ViewerDragSelectController": {
-            "location": "import",
-            "path": "./controller"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "dragRect": {},
-    "dragDirection": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "viewer",
-      "methodName": "handleViewerChanged"
-    }]; }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLWRyYWctc2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdmlld2VyLWRyYWctc2VsZWN0L3ZpZXdlci1kcmFnLXNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUVwQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0UsT0FBTyxFQUdMLHFCQUFxQixHQUN0QixNQUFNLFNBQVMsQ0FBQztBQU9qQixNQUFNLE9BQU8sZ0JBQWdCO0VBb0IzQjtJQUNFLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0VBQ2pFLENBQUM7RUFFTSxpQkFBaUI7SUFDdEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUkscUJBQXFCLEVBQUUsQ0FBQztJQUVwRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBRWhFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7RUFDeEMsQ0FBQztFQUVNLG9CQUFvQjs7SUFDekIsTUFBQSxJQUFJLENBQUMsVUFBVSwwQ0FBRSxPQUFPLEVBQUUsQ0FBQztJQUMzQixNQUFBLElBQUksQ0FBQyxrQkFBa0IsMENBQUUsT0FBTyxFQUFFLENBQUM7RUFDckMsQ0FBQztFQUVEOztLQUVHO0VBRU8sbUJBQW1CLENBQUMsU0FBbUM7SUFDL0QsSUFBSSxDQUFDLDRCQUE0QixFQUFFLENBQUM7SUFFcEMsSUFBSSxDQUFBLFNBQVMsYUFBVCxTQUFTLHVCQUFULFNBQVMsQ0FBRSxNQUFNLEtBQUksSUFBSSxFQUFFO01BQzdCLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxTQUFTLENBQUMsQ0FBQztNQUMzQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksMEJBQTBCLENBQzlDLFNBQVMsRUFDVCxJQUFJLENBQUMsZ0JBQWdCLENBQ3RCLENBQUM7S0FDSDtFQUNILENBQUM7RUFFRDs7S0FFRztFQUNPLE1BQU07SUFDZCxPQUFPLENBQ0wsRUFBQyxJQUFJO01BQ0gsK0JBQ0csSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLElBQUksQ0FDeEIsV0FDRSxLQUFLLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRTtVQUMzQixTQUFTLEVBQUUsSUFBSSxDQUFDLGFBQWEsS0FBSyxPQUFPO1VBQ3pDLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxLQUFLLE1BQU07U0FDekMsQ0FBQyxFQUNGLEtBQUssRUFBRTtVQUNMLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJO1VBQzVCLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJO1VBQzNCLEtBQUssRUFBRSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxJQUFJO1VBQ2pDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxJQUFJO1NBQ3BDO1FBRUQsV0FDRSxLQUFLLEVBQUUsVUFBVSxDQUFDLE1BQU0sRUFBRTtZQUN4QixTQUFTLEVBQUUsSUFBSSxDQUFDLGFBQWEsS0FBSyxPQUFPO1lBQ3pDLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxLQUFLLE1BQU07V0FDekMsQ0FBQyxHQUNGLENBQ0UsQ0FDUCxDQUNtQixDQUNqQixDQUNSLENBQUM7RUFDSixDQUFDO0VBRU8sbUJBQW1CLENBQUMsS0FBeUI7SUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2hDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztFQUN2QyxDQUFDO0VBRU8sMEJBQTBCLENBQUMsTUFBK0I7SUFDaEUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksa0NBQWtDLENBQzlELE1BQU0sRUFDTixJQUFJLENBQUMsZ0JBQWdCLENBQ3RCLENBQUM7SUFDRixNQUFNLENBQUMsMEJBQTBCLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7RUFDN0QsQ0FBQztFQUVPLDRCQUE0Qjs7SUFDbEMsTUFBQSxJQUFJLENBQUMsa0JBQWtCLDBDQUFFLE9BQU8sRUFBRSxDQUFDO0lBQ25DLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxTQUFTLENBQUM7RUFDdEMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUNGIn0=

package/dist/esm/vertex-viewer-drag-select.entry.js

@@ -1,179 +0,0 @@
-/**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
- */
-import { r as registerInstance, h, H as Host } from './index-26dfb2d0.js';
-import { c as classnames } from './index-e841d91b.js';
-import { p as point, i as rectangle } from './bundle.esm-ce2c7ad3.js';
-import { E as EventDispatcher } from './browser.esm-ae4ca1f1.js';
-import './_commonjsHelpers-11ca3be1.js';
-
-class ViewerDragSelectController {
-  constructor(viewer, model) {
-    this.viewer = viewer;
-    this.model = model;
-    this.selectFromBounds = this.selectFromBounds.bind(this);
-    this.dragEndDisposable = this.model.onDragFinished(this.selectFromBounds);
-  }
-  dispose() {
-    var _a;
-    (_a = this.dragEndDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-  }
-  async selectFromBounds(event) {
-    const scene = await this.viewer.scene();
-    await scene
-      .items((op) => op.where((q) => q.withVolumeIntersection(event.rectangle)).select())
-      .execute();
-  }
-}
-
-class ViewerDragSelectInteractionHandler {
-  constructor(viewer, dragSelectModel) {
-    this.viewer = viewer;
-    this.dragSelectModel = dragSelectModel;
-    this.handleDragBegin = this.handleDragBegin.bind(this);
-    this.handleDrag = this.handleDrag.bind(this);
-    this.handleDragEnd = this.handleDragEnd.bind(this);
-  }
-  initialize(element, api) {
-    this.element = element;
-    this.api = api;
-    this.element.addEventListener('pointerdown', this.handleDragBegin);
-  }
-  dispose() {
-    var _a, _b, _c;
-    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointerdown', this.handleDragBegin);
-    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointermove', this.handleDrag);
-    (_c = this.element) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerup', this.handleDragEnd);
-  }
-  handleDragBegin(event) {
-    var _a, _b;
-    if (event.buttons === 1) {
-      this.viewer.cameraControls = false;
-      this.dragSelectModel.updateStartPoint(point.create(event.offsetX, event.offsetY));
-      (_a = this.element) === null || _a === void 0 ? void 0 : _a.addEventListener('pointermove', this.handleDrag);
-      (_b = this.element) === null || _b === void 0 ? void 0 : _b.addEventListener('pointerup', this.handleDragEnd);
-    }
-  }
-  handleDrag(event) {
-    this.dragSelectModel.updateEndPoint(point.create(event.offsetX, event.offsetY));
-  }
-  handleDragEnd() {
-    var _a, _b;
-    this.viewer.cameraControls = true;
-    this.dragSelectModel.clear();
-    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointermove', this.handleDrag);
-    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerup', this.handleDragEnd);
-  }
-}
-
-class ViewerDragSelectModel {
-  constructor() {
-    this.dragFinished = new EventDispatcher();
-    this.boundsChanged = new EventDispatcher();
-  }
-  updateStartPoint(point) {
-    this.dragStartPoint = point;
-  }
-  updateEndPoint(point$1) {
-    var _a;
-    this.dragEndPoint = point$1;
-    this.direction =
-      point.subtract(point$1, (_a = this.dragStartPoint) !== null && _a !== void 0 ? _a : point$1).x > 0
-        ? 'right'
-        : 'left';
-    this.boundsChanged.emit({
-      rectangle: this.getDragBounds(),
-      direction: this.getDragDirection(),
-    });
-  }
-  clear() {
-    this.dragFinished.emit({
-      rectangle: this.getDragBounds(),
-      direction: this.getDragDirection(),
-    });
-    this.dragStartPoint = undefined;
-    this.dragEndPoint = undefined;
-    this.boundsChanged.emit({});
-  }
-  onDragFinished(listener) {
-    return this.dragFinished.on(listener);
-  }
-  onBoundsChanged(listener) {
-    return this.boundsChanged.on(listener);
-  }
-  getDragBounds() {
-    if (this.dragStartPoint != null && this.dragEndPoint != null) {
-      return rectangle.fromPoints(this.dragStartPoint, this.dragEndPoint);
-    }
-    return rectangle.create(0, 0, 0, 0);
-  }
-  getDragDirection() {
-    var _a;
-    return (_a = this.direction) !== null && _a !== void 0 ? _a : 'right';
-  }
-}
-
-const viewerDragSelectCss = ":host{--viewer-drag-select-outline-exclusive-border-color:#5555ff;--viewer-drag-select-outline-exclusive-border-style:solid;--viewer-drag-select-outline-exclusive-fill-color:blue;--viewer-drag-select-outline-inclusive-border-color:#ff5555;--viewer-drag-select-outline-inclusive-border-style:dashed;--viewer-drag-select-outline-inclusive-fill-color:red;--viewer-drag-select-outline-fill-opacity:0.1}.outline{position:absolute}.outline.exclusive{border:3px var(--viewer-drag-select-outline-exclusive-border-style) var(--viewer-drag-select-outline-exclusive-border-color)}.outline.inclusive{border:3px var(--viewer-drag-select-outline-inclusive-border-style) var(--viewer-drag-select-outline-inclusive-border-color)}.fill{position:relative;width:100%;height:100%;opacity:var(--viewer-drag-select-outline-fill-opacity)}.fill.exclusive{background-color:var(--viewer-drag-select-outline-exclusive-fill-color)}.fill.inclusive{background-color:var(--viewer-drag-select-outline-inclusive-fill-color)}";
-
-const ViewerDragSelect = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.handleBoundsChanged = this.handleBoundsChanged.bind(this);
-  }
-  componentWillLoad() {
-    this.interactionModel = new ViewerDragSelectModel();
-    this.interactionModel.onBoundsChanged(this.handleBoundsChanged);
-    this.handleViewerChanged(this.viewer);
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.controller) === null || _a === void 0 ? void 0 : _a.dispose();
-    (_b = this.interactionHandler) === null || _b === void 0 ? void 0 : _b.dispose();
-  }
-  /**
-   * @ignore
-   */
-  handleViewerChanged(newViewer) {
-    this.deregisterInteractionHandler();
-    if ((newViewer === null || newViewer === void 0 ? void 0 : newViewer.stream) != null) {
-      this.registerInteractionHandler(newViewer);
-      this.controller = new ViewerDragSelectController(newViewer, this.interactionModel);
-    }
-  }
-  /**
-   * @ignore
-   */
-  render() {
-    return (h(Host, null, h("vertex-viewer-layer", null, this.dragRect != null && (h("div", { class: classnames('outline', {
-        exclusive: this.dragDirection === 'right',
-        inclusive: this.dragDirection === 'left',
-      }), style: {
-        left: `${this.dragRect.x}px`,
-        top: `${this.dragRect.y}px`,
-        width: `${this.dragRect.width}px`,
-        height: `${this.dragRect.height}px`,
-      } }, h("div", { class: classnames('fill', {
-        exclusive: this.dragDirection === 'right',
-        inclusive: this.dragDirection === 'left',
-      }) }))))));
-  }
-  handleBoundsChanged(event) {
-    this.dragRect = event.rectangle;
-    this.dragDirection = event.direction;
-  }
-  registerInteractionHandler(viewer) {
-    this.interactionHandler = new ViewerDragSelectInteractionHandler(viewer, this.interactionModel);
-    viewer.registerInteractionHandler(this.interactionHandler);
-  }
-  deregisterInteractionHandler() {
-    var _a;
-    (_a = this.interactionHandler) === null || _a === void 0 ? void 0 : _a.dispose();
-    this.interactionHandler = undefined;
-  }
-  static get watchers() { return {
-    "viewer": ["handleViewerChanged"]
-  }; }
-};
-ViewerDragSelect.style = viewerDragSelectCss;
-
-export { ViewerDragSelect as vertex_viewer_drag_select };

package/dist/types/components/viewer-drag-select/controller.d.ts

@@ -1,9 +0,0 @@
-import { DragFinishedEvent, ViewerDragSelectModel } from './model';
-export declare class ViewerDragSelectController {
-  private viewer;
-  private model;
-  private dragEndDisposable?;
-  constructor(viewer: HTMLVertexViewerElement, model: ViewerDragSelectModel);
-  dispose(): void;
-  selectFromBounds(event: DragFinishedEvent): Promise<void>;
-}

package/dist/types/components/viewer-drag-select/interaction-handler.d.ts

@@ -1,15 +0,0 @@
-import { InteractionApi } from '../../lib/interactions';
-import { InteractionHandler } from '../../lib/interactions/interactionHandler';
-import { ViewerDragSelectModel } from './model';
-export declare class ViewerDragSelectInteractionHandler implements InteractionHandler {
-  private viewer;
-  private dragSelectModel;
-  private element?;
-  private api?;
-  constructor(viewer: HTMLVertexViewerElement, dragSelectModel: ViewerDragSelectModel);
-  initialize(element: HTMLElement, api: InteractionApi): void;
-  dispose(): void;
-  private handleDragBegin;
-  private handleDrag;
-  private handleDragEnd;
-}

package/dist/types/components/viewer-drag-select/model.d.ts

@@ -1,25 +0,0 @@
-import { Point, Rectangle } from '@vertexvis/geometry';
-import { Disposable, Listener } from '@vertexvis/utils';
-export declare type ViewerDragSelectDirection = 'left' | 'right';
-export interface BoundsChangedEvent {
-  rectangle?: Rectangle.Rectangle;
-  direction?: ViewerDragSelectDirection;
-}
-export interface DragFinishedEvent {
-  rectangle: Rectangle.Rectangle;
-  direction: ViewerDragSelectDirection;
-}
-export declare class ViewerDragSelectModel {
-  private dragStartPoint?;
-  private dragEndPoint?;
-  private direction?;
-  private dragFinished;
-  private boundsChanged;
-  updateStartPoint(point: Point.Point): void;
-  updateEndPoint(point: Point.Point): void;
-  clear(): void;
-  onDragFinished(listener: Listener<DragFinishedEvent>): Disposable;
-  onBoundsChanged(listener: Listener<BoundsChangedEvent>): Disposable;
-  private getDragBounds;
-  private getDragDirection;
-}

package/dist/types/components/viewer-drag-select/viewer-drag-select.d.ts

@@ -1,28 +0,0 @@
-import { h } from '../../stencil-public-runtime';
-import { ViewerDragSelectController } from './controller';
-export declare class ViewerDragSelect {
-  /**
-   * The viewer that this component is bound to. This is automatically assigned
-   * if added to the light-dom of a parent viewer element.
-   */
-  viewer?: HTMLVertexViewerElement;
-  controller?: ViewerDragSelectController;
-  private dragRect?;
-  private dragDirection?;
-  private interactionModel;
-  private interactionHandler?;
-  constructor();
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  /**
-   * @ignore
-   */
-  protected handleViewerChanged(newViewer?: HTMLVertexViewerElement): void;
-  /**
-   * @ignore
-   */
-  protected render(): h.JSX.IntrinsicElements;
-  private handleBoundsChanged;
-  private registerInteractionHandler;
-  private deregisterInteractionHandler;
-}