@vertexvis/viewer 0.10.2-canary.7 → 0.11.0

package/dist/collection/components/viewer-markup-freeform.tsx/viewer-markup-freeform.js

@@ -0,0 +1,413 @@
+import { Component, Host, h, Element, Prop, Watch, Event, State, Method, } from '@stencil/core';
+import { Point, Rectangle } from '@vertexvis/geometry';
+import { getMouseClientPosition } from '../../lib/dom';
+import { translateRectToScreen, translatePointToRelative, translatePointToScreen, translatePointsToBounds, transformRectangle, } from '../viewer-markup/utils';
+import { SvgShadow } from '../viewer-markup/viewer-markup-components';
+import { getMarkupBoundingClientRect } from '../viewer-markup/dom';
+import { parsePoints } from './utils';
+import { BoundingBox2d } from '../viewer-markup-circle/viewer-markup-circle-components';
+import { parseBounds } from '../viewer-markup-circle/utils';
+export class ViewerMarkupFreeform {
+  constructor() {
+    /**
+     * A mode that specifies how the markup component should behave. When
+     * unset, the component will not respond to interactions with the handles.
+     * When `edit`, the markup anchors are interactive and the user is able
+     * to reposition them. When `create`, anytime the user clicks on the canvas,
+     * a new markup will be performed.
+     */
+    this.mode = '';
+    this.editAnchor = 'bottom-right';
+    this.screenPoints = [];
+    this.updateEditAnchor = (event, anchor) => {
+      if (this.elementBounds != null) {
+        this.resizeBounds = this.bounds;
+        this.resizePoints = this.points;
+        this.editAnchor = anchor;
+        this.resizeStartPosition = translatePointToRelative(getMouseClientPosition(event, this.elementBounds), this.elementBounds);
+        this.addEditingInteractionListeners();
+      }
+    };
+    this.updateBounds = (event) => {
+      var _a;
+      if (this.resizeStartPosition != null &&
+        this.elementBounds != null &&
+        this.resizeBounds != null &&
+        this.resizePoints != null) {
+        const position = translatePointToRelative(getMouseClientPosition(event, this.elementBounds), this.elementBounds);
+        const updatedBounds = transformRectangle(this.resizeBounds, this.resizeStartPosition, position, this.editAnchor, event.shiftKey);
+        this.points = translatePointsToBounds(this.resizePoints, this.resizeBounds, updatedBounds);
+        this.screenPoints = (_a = this.convertPointsToScreen()) !== null && _a !== void 0 ? _a : this.screenPoints;
+        this.bounds = updatedBounds;
+      }
+    };
+    this.updatePoints = (event) => {
+      if (this.points != null && this.elementBounds != null) {
+        const screenPosition = getMouseClientPosition(event, this.elementBounds);
+        const position = translatePointToRelative(screenPosition, this.elementBounds);
+        this.updateMinAndMax(position);
+        this.points = [...this.points, position];
+        this.screenPoints = [...this.screenPoints, screenPosition];
+      }
+    };
+    this.startMarkup = (event) => {
+      var _a, _b;
+      if (this.mode !== '' && this.elementBounds != null) {
+        const screenPosition = getMouseClientPosition(event, this.elementBounds);
+        const position = translatePointToRelative(screenPosition, this.elementBounds);
+        this.updateMinAndMax(position);
+        this.points = (_a = this.points) !== null && _a !== void 0 ? _a : [position];
+        this.screenPoints = (_b = this.screenPoints) !== null && _b !== void 0 ? _b : [screenPosition];
+        this.editBegin.emit();
+        this.addDrawingInteractionListeners();
+      }
+    };
+    this.endMarkup = (event) => {
+      if (this.mode !== '' &&
+        this.points != null &&
+        this.points.length > 1 &&
+        this.elementBounds != null) {
+        const screenPosition = getMouseClientPosition(event, this.elementBounds);
+        const position = translatePointToRelative(screenPosition, this.elementBounds);
+        this.updateMinAndMax(position);
+        this.points = [...this.points, position];
+        this.screenPoints = [...this.screenPoints, screenPosition];
+        this.editEnd.emit();
+      }
+      else {
+        this.points = undefined;
+        this.editCancel.emit();
+      }
+      this.min = undefined;
+      this.max = undefined;
+      this.removeDrawingInteractionListeners();
+    };
+    this.endEdit = () => {
+      this.resizeBounds = undefined;
+      this.removeEditingInteractionListeners();
+      this.editEnd.emit();
+    };
+  }
+  /**
+   * @ignore
+   */
+  componentWillLoad() {
+    this.updateViewport();
+    this.handleViewerChanged(this.viewer);
+    this.updatePointsFromProps();
+  }
+  componentDidLoad() {
+    this.updatePointsFromProps();
+    const resize = new ResizeObserver(() => this.updateViewport());
+    resize.observe(this.hostEl);
+  }
+  async dispose() {
+    if (this.viewer != null) {
+      this.removeInteractionListeners(this.viewer);
+    }
+    this.removeDrawingInteractionListeners();
+  }
+  /**
+   * @ignore
+   */
+  handleViewerChanged(newViewer, oldViewer) {
+    if (oldViewer != null) {
+      this.removeInteractionListeners(oldViewer);
+    }
+    if (newViewer != null) {
+      this.addInteractionListeners(newViewer);
+    }
+  }
+  handlePointsJsonChange() {
+    this.updatePointsFromProps();
+  }
+  handleBoundsJsonChange() {
+    this.updatePointsFromProps();
+  }
+  updateViewport() {
+    var _a;
+    const rect = getMarkupBoundingClientRect(this.hostEl);
+    this.elementBounds = rect;
+    this.screenPoints = (_a = this.convertPointsToScreen()) !== null && _a !== void 0 ? _a : this.screenPoints;
+  }
+  updatePointsFromProps() {
+    var _a, _b, _c;
+    this.points = (_a = this.points) !== null && _a !== void 0 ? _a : parsePoints(this.pointsJson);
+    this.screenPoints = (_b = this.convertPointsToScreen()) !== null && _b !== void 0 ? _b : [];
+    this.bounds = (_c = this.bounds) !== null && _c !== void 0 ? _c : parseBounds(this.boundsJson);
+  }
+  render() {
+    if (this.screenPoints.length > 0 && this.elementBounds != null) {
+      return (h(Host, null,
+        h("svg", { class: "svg" },
+          h("defs", null,
+            h(SvgShadow, { id: "freeform-markup-shadow" })),
+          h("g", { filter: "url(#freeform-markup-shadow)" },
+            h("path", { class: "path", d: this.screenPoints.reduce((d, pt) => `${d}L${pt.x},${pt.y}`, `M${this.screenPoints[0].x},${this.screenPoints[0].y}`), fill: "none" }))),
+        this.mode === 'edit' && this.bounds != null && (h(BoundingBox2d, { bounds: translateRectToScreen(this.bounds, this.elementBounds), onTopLeftAnchorPointerDown: (e) => this.updateEditAnchor(e, 'top-left'), onTopRightAnchorPointerDown: (e) => this.updateEditAnchor(e, 'top-right'), onTopAnchorPointerDown: (e) => this.updateEditAnchor(e, 'top'), onBottomLeftAnchorPointerDown: (e) => this.updateEditAnchor(e, 'bottom-left'), onBottomRightAnchorPointerDown: (e) => this.updateEditAnchor(e, 'bottom-right'), onBottomAnchorPointerDown: (e) => this.updateEditAnchor(e, 'bottom'), onLeftAnchorPointerDown: (e) => this.updateEditAnchor(e, 'left'), onRightAnchorPointerDown: (e) => this.updateEditAnchor(e, 'right'), onCenterAnchorPointerDown: (e) => this.updateEditAnchor(e, 'center') }))));
+    }
+    else {
+      return (h(Host, null,
+        h("div", { class: "create-overlay", onPointerDown: (event) => this.startMarkup(event) })));
+    }
+  }
+  async addInteractionListeners(viewer) {
+    const interactionTarget = await viewer.getInteractionTarget();
+    if (this.mode === 'create') {
+      interactionTarget.addEventListener('pointerdown', this.startMarkup);
+    }
+  }
+  async addDrawingInteractionListeners() {
+    if (this.mode !== '') {
+      window.addEventListener('pointermove', this.updatePoints);
+      window.addEventListener('pointerup', this.endMarkup);
+    }
+  }
+  async addEditingInteractionListeners() {
+    if (this.mode === 'edit') {
+      window.addEventListener('pointermove', this.updateBounds);
+      window.addEventListener('pointerup', this.endEdit);
+    }
+  }
+  async removeInteractionListeners(viewer) {
+    const interactionTarget = await viewer.getInteractionTarget();
+    interactionTarget.removeEventListener('pointerdown', this.startMarkup);
+  }
+  async removeDrawingInteractionListeners() {
+    window.removeEventListener('pointermove', this.updatePoints);
+    window.removeEventListener('pointerup', this.endMarkup);
+  }
+  async removeEditingInteractionListeners() {
+    if (this.mode === 'edit') {
+      window.removeEventListener('pointermove', this.updateBounds);
+      window.removeEventListener('pointerup', this.endEdit);
+    }
+  }
+  updateMinAndMax(position) {
+    this.min =
+      this.min != null
+        ? Point.create(Math.min(this.min.x, position.x), Math.min(this.min.y, position.y))
+        : position;
+    this.max =
+      this.max != null
+        ? Point.create(Math.max(this.max.x, position.x), Math.max(this.max.y, position.y))
+        : position;
+    this.bounds = Rectangle.create(this.min.x, this.min.y, this.max.x - this.min.x, this.max.y - this.min.y);
+  }
+  convertPointsToScreen() {
+    var _a;
+    const elementBounds = this.elementBounds;
+    if (elementBounds != null) {
+      return (_a = this.points) === null || _a === void 0 ? void 0 : _a.map((pt) => translatePointToScreen(pt, elementBounds));
+    }
+  }
+  static get is() { return "vertex-viewer-markup-freeform"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["viewer-markup-freeform.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["viewer-markup-freeform.css"]
+  }; }
+  static get properties() { return {
+    "points": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "Point.Point[]",
+        "resolved": "Point[] | undefined",
+        "references": {
+          "Point": {
+            "location": "import",
+            "path": "@vertexvis/geometry"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The positions of the various points of this freeform markup. Can either be an array of\n`Point`s or a JSON string representation in the format of `[[x1, y1], [x2, y2]]` or\n`[{\"x\": 0, \"y\": 0}, {\"x\": 0, \"y\": 0}]`.\n\nPoints are expected to be relative coordinates from `[-0.5, 0.5]`,\ne.g. `[0, 0]` corresponds to a point in the center of the viewport."
+      }
+    },
+    "pointsJson": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The positions of the various points of this freeform markup. Can either be an array of\n`Point`s or a JSON string representation in the format of `[[x1, y1], [x2, y2]]` or\n`[{\"x\": 0, \"y\": 0}, {\"x\": 0, \"y\": 0}]`.\n\nPoints are expected to be relative coordinates from `[-0.5, 0.5]`,\ne.g. `[0, 0]` corresponds to a point in the center of the viewport."
+      },
+      "attribute": "points",
+      "reflect": false
+    },
+    "bounds": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "Rectangle.Rectangle",
+        "resolved": "Rectangle | undefined",
+        "references": {
+          "Rectangle": {
+            "location": "import",
+            "path": "@vertexvis/geometry"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The bounds of the freeform. Can either be an instance of a `Rectangle` or\na JSON string representation in the format of `[x, y, width, height]` or\n`{\"x\": 0, \"y\": 0, \"width\": 10, \"height\": 10}`.\n\nBounds are expected to have relative coordinates, with `[x, y]` from `[-0.5, 0.5]`\nand `[width, height]` from `[0, 1]`, e.g. `[0, 0, 0.25, 0.25]`corresponds to a freeform\nwith a diameter of one fourth the viewport's smallest size in the center of the viewport."
+      }
+    },
+    "boundsJson": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The bounds of the freeform. Can either be an instance of a `Rectangle` or\na JSON string representation in the format of `[x, y, width, height]` or\n`{\"x\": 0, \"y\": 0, \"width\": 0.1, \"height\": 0.1}`.\n\nBounds are expected to have relative coordinates, with `[x, y]` from `[-0.5, 0.5]`\nand `[width, height]` from `[0, 1]`, e.g. `[0, 0, 0.25, 0.25]`corresponds to a freeform\nwith a diameter of one fourth the viewport's smallest size in the center of the viewport."
+      },
+      "attribute": "bounds",
+      "reflect": false
+    },
+    "mode": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "ViewerMarkupFreeformMode",
+        "resolved": "\"\" | \"create\" | \"edit\"",
+        "references": {
+          "ViewerMarkupFreeformMode": {
+            "location": "local"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "A mode that specifies how the markup component should behave. When\nunset, the component will not respond to interactions with the handles.\nWhen `edit`, the markup anchors are interactive and the user is able\nto reposition them. When `create`, anytime the user clicks on the canvas,\na new markup will be performed."
+      },
+      "attribute": "mode",
+      "reflect": true,
+      "defaultValue": "''"
+    },
+    "viewer": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "HTMLVertexViewerElement",
+        "resolved": "HTMLVertexViewerElement | undefined",
+        "references": {
+          "HTMLVertexViewerElement": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The viewer to connect to markups.\n\nThis property will automatically be set when a child of a\n`<vertex-viewer-markup>` or `<vertex-viewer>` element."
+      }
+    }
+  }; }
+  static get states() { return {
+    "elementBounds": {},
+    "resizeStartPosition": {},
+    "editAnchor": {},
+    "resizeBounds": {},
+    "resizePoints": {},
+    "screenPoints": {}
+  }; }
+  static get events() { return [{
+      "method": "editBegin",
+      "name": "editBegin",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event that is dispatched anytime the user begins editing the\nmarkup."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
+      "method": "editEnd",
+      "name": "editEnd",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event that is dispatched when the user has finished editing the\nmarkup."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
+      "method": "editCancel",
+      "name": "editCancel",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event that is dispatched when the user cancels editing of the\nmarkup."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }]; }
+  static get methods() { return {
+    "dispose": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
+  static get elementRef() { return "hostEl"; }
+  static get watchers() { return [{
+      "propName": "viewer",
+      "methodName": "handleViewerChanged"
+    }, {
+      "propName": "points",
+      "methodName": "handlePointsJsonChange"
+    }, {
+      "propName": "bounds",
+      "methodName": "handleBoundsJsonChange"
+    }]; }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLW1hcmt1cC1mcmVlZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlci1tYXJrdXAtZnJlZWZvcm0udHN4L3ZpZXdlci1tYXJrdXAtZnJlZWZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsSUFBSSxFQUNKLENBQUMsRUFDRCxPQUFPLEVBQ1AsSUFBSSxFQUNKLEtBQUssRUFFTCxLQUFLLEVBQ0wsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQ0wscUJBQXFCLEVBQ3JCLHdCQUF3QixFQUN4QixzQkFBc0IsRUFFdEIsdUJBQXVCLEVBQ3ZCLGtCQUFrQixHQUNuQixNQUFNLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUN4RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFjNUQsTUFBTSxPQUFPLG9CQUFvQjtFQUxqQztJQW9ERTs7Ozs7O09BTUc7SUFFSSxTQUFJLEdBQTZCLEVBQUUsQ0FBQztJQTBDbkMsZUFBVSxHQUFnQyxjQUFjLENBQUM7SUFTekQsaUJBQVksR0FBa0IsRUFBRSxDQUFDO0lBNktqQyxxQkFBZ0IsR0FBRyxDQUN6QixLQUFtQixFQUNuQixNQUFtQyxFQUM3QixFQUFFO01BQ1IsSUFBSSxJ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

package/dist/collection/components/viewer-markup-tool/viewer-markup-tool.js

@@ -1,8 +1,9 @@
 import { Component, Element, Event, h, Host, Prop, State, Watch, } from '@stencil/core';
 import { stampTemplateWithId } from '../../lib/templates';
 import { isVertexViewerArrowMarkup } from '../viewer-markup-arrow/utils';
-import { ArrowMarkup, CircleMarkup } from '../../lib/types/markup';
+import { ArrowMarkup, CircleMarkup, FreeformMarkup, } from '../../lib/types/markup';
 import { isVertexViewerCircleMarkup } from '../viewer-markup-circle/utils';
+import { isVertexViewerFreeformMarkup } from '../viewer-markup-freeform.tsx/utils';
 export class ViewerMarkupTool {
   constructor() {
     /**
@@ -29,7 +30,15 @@ export class ViewerMarkupTool {
     };
     this.handleMarkupEditEnd = () => {
       const { markupElement } = this.stateMap;
-      if (isVertexViewerCircleMarkup(markupElement)) {
+      if (isVertexViewerFreeformMarkup(markupElement)) {
+        const { points, bounds } = markupElement;
+        markupElement.points = undefined;
+        markupElement.bounds = undefined;
+        if (points != null && points.length > 0 && bounds != null) {
+          this.markupEnd.emit(new FreeformMarkup({ points, bounds }));
+        }
+      }
+      else if (isVertexViewerCircleMarkup(markupElement)) {
         const { bounds } = markupElement;
         markupElement.bounds = undefined;
         if (bounds != null) {
@@ -73,6 +82,12 @@ export class ViewerMarkupTool {
   handleCircleTemplateIdChanged() {
     this.updateMarkupElement();
   }
+  /**
+   * @ignore
+   */
+  handleFreeformTemplateIdChanged() {
+    this.updateMarkupElement();
+  }
   /**
    * @ignore
    */
@@ -90,7 +105,9 @@ export class ViewerMarkupTool {
    */
   render() {
     if (!this.disabled) {
-      if (this.tool === 'arrow' || this.tool === 'circle') {
+      if (this.tool === 'arrow' ||
+        this.tool === 'circle' ||
+        this.tool === 'freeform') {
         return (h(Host, null,
           h("slot", null)));
       }
@@ -120,6 +137,25 @@ export class ViewerMarkupTool {
     }
     return document.createElement('vertex-viewer-markup-circle');
   }
+  createFreeformMarkupElement() {
+    if (this.freeformTemplateId != null) {
+      const element = stampTemplateWithId(window.document.body, this.freeformTemplateId, isVertexViewerFreeformMarkup, () => console.warn(`Freeform template with ID ${this.freeformTemplateId} not found. Using default freeform element.`), () => console.warn(`Freeform template does not contain a vertex-viewer-markup-freeform. Using default freeform element.`));
+      if (element != null) {
+        return element;
+      }
+    }
+    return document.createElement('vertex-viewer-markup-freeform');
+  }
+  createNewMarkupElement() {
+    switch (this.tool) {
+      case 'arrow':
+        return this.createArrowMarkupElement();
+      case 'circle':
+        return this.createCircleMarkupElement();
+      case 'freeform':
+        return this.createFreeformMarkupElement();
+    }
+  }
   updateMarkupElement() {
     const { markupElement } = this.stateMap;
     if (markupElement != null) {
@@ -131,9 +167,7 @@ export class ViewerMarkupTool {
       markupElement.removeEventListener('editCancel', this.handleMarkupEditCancel);
     }
     if (!this.disabled) {
-      const newMarkupElement = this.tool === 'arrow'
-        ? this.createArrowMarkupElement()
-        : this.createCircleMarkupElement();
+      const newMarkupElement = this.createNewMarkupElement();
       newMarkupElement.mode = 'create';
       newMarkupElement.viewer = this.viewer;
       newMarkupElement.addEventListener('editBegin', this.handleMarkupEditBegin);
@@ -186,12 +220,29 @@ export class ViewerMarkupTool {
       "attribute": "circle-template-id",
       "reflect": false
     },
+    "freeformTemplateId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "An HTML template that describes the HTML to use for new freeform\nmarkup. It's expected that the template contains a\n`<vertex-viewer-markup-freeform>`."
+      },
+      "attribute": "freeform-template-id",
+      "reflect": false
+    },
     "tool": {
       "type": "string",
       "mutable": false,
       "complexType": {
         "original": "ViewerMarkupToolType",
-        "resolved": "\"arrow\" | \"circle\"",
+        "resolved": "\"arrow\" | \"circle\" | \"freeform\"",
         "references": {
           "ViewerMarkupToolType": {
             "location": "local"
@@ -276,7 +327,7 @@ export class ViewerMarkupTool {
       },
       "complexType": {
         "original": "Markup",
-        "resolved": "ArrowMarkup | CircleMarkup",
+        "resolved": "ArrowMarkup | CircleMarkup | FreeformMarkup",
         "references": {
           "Markup": {
             "location": "import",
@@ -313,9 +364,12 @@ export class ViewerMarkupTool {
     }, {
       "propName": "circleTemplateId",
       "methodName": "handleCircleTemplateIdChanged"
+    }, {
+      "propName": "freeformTemplateId",
+      "methodName": "handleFreeformTemplateIdChanged"
     }, {
       "propName": "disabled",
       "methodName": "handleDisabledChanged"
     }]; }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLW1hcmt1cC10b29sLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdmlld2VyLW1hcmt1cC10b29sL3ZpZXdlci1tYXJrdXAtdG9vbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxPQUFPLEVBQ1AsS0FBSyxFQUVMLENBQUMsRUFDRCxJQUFJLEVBQ0osSUFBSSxFQUNKLEtBQUssRUFDTCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDekUsT0FBTyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQVUsTUFBTSx3QkFBd0IsQ0FBQztBQUMzRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQWtCM0UsTUFBTSxPQUFPLGdCQUFnQjtFQUw3QjtJQXNCRTs7Ozs7T0FLRztJQUVJLFNBQUksR0FBeUIsT0FBTyxDQUFDO0lBRTVDOzs7OztPQUtHO0lBRUksYUFBUSxHQUFHLEtBQUssQ0FBQztJQWdDeEI7OztPQUdHO0lBRUssYUFBUSxHQUFhLEVBQUUsQ0FBQztJQXlKeEIsMEJBQXFCLEdBQUcsR0FBUyxFQUFFO01BQ3pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQyxDQUFDO0lBRU0sd0JBQW1CLEdBQUcsR0FBUyxFQUFFO01BQ3ZDLE1BQU0sRUFBRSxhQUFhLEVBQUUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO01BQ3hDLElBQUksMEJBQTBCLENBQUMsYUFBYSxDQUFDLEVBQUU7UUFDN0MsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGFBQWEsQ0FBQztRQUVqQyxhQUFhLENBQUMsTUFBTSxHQUFHLFNBQVMsQ0FBQztRQUVqQyxJQUFJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLW1hcmt1cC10b29sLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdmlld2VyLW1hcmt1cC10b29sL3ZpZXdlci1tYXJrdXAtdG9vbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxPQUFPLEVBQ1AsS0FBSyxFQUVMLENBQUMsRUFDRCxJQUFJLEVBQ0osSUFBSSxFQUNKLEtBQUssRUFDTCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDekUsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxHQUVmLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDM0UsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFtQm5GLE1BQU0sT0FBTyxnQkFBZ0I7RUFMN0I7SUE4QkU7Ozs7O09BS0c7SUFFSSxTQUFJLEdBQXlCLE9BQU8sQ0FBQztJQUU1Qzs7Ozs7T0FLRztJQUVJLGFBQVEsR0FBRyxLQUFLLENBQUM7SUFnQ3hCOzs7T0FHRztJQUVLLGFBQVEsR0FBYSxFQUFFLENBQUM7SUF3TXhCLDBCQUFxQixHQUFHLEdBQVMsRUFBRTtNQUN6QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUMsQ0FBQztJQUVNLHdCQUFtQixHQUFHLEdBQVMsRUFBRTtNQUN2QyxNQUFNLEVBQUUsYUFBYSxFQUFFLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztNQUN4QyxJQUFJLDRCQUE0QixDQUFDLGFBQWEsQ0FBQyxFQUFFO1FBQy9DLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsYUFBYSxDQUFDO1FBRXpDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO1FBQ2pDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO1FBRWpDLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxNQUFNLElBQUksSUFBSSxFQUFFO1VBQ3pELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksY0FBYyxDQUFDLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztTQUM3RDtPQUNGO1dBQU0sSUFBSSwwQkFBMEIsQ0FBQyxhQUFhLENBQUMsRUFBRTtRQUNwRCxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsYUFBYSxDQUFDO1FBRWpDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO1FBRWpDLElBQUksTUFBTSxJQUFJLElBQUksRUFBRTtVQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLFlBQVksQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztTQUNuRDtPQUNGO1dBQU0sSUFBSSx5QkFBeUIsQ0FBQyxhQUFhLENBQUMsRUFBRTtRQUNuRCxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLGFBQWEsQ0FBQztRQUVyQyxhQUFhLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztRQUNoQyxhQUFhLENBQUMsR0FBRyxHQUFHLFNBQVMsQ0FBQztRQUM5QixhQUFhLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztRQUU5QixJQUFJLEtBQUssSUFBSSxJQUFJLElBQUksR0FBRyxJQUFJLElBQUksRUFBRTtVQUNoQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLFdBQVcsQ0FBQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDdEQ7T0FDRjtJQUNILENBQUMsQ0FBQztJQUVNLDJCQUFzQixHQUFHLEdBQVMsRUFBRTtNQUMxQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQyxDQUFDO0dBQ0g7RUE1T1csS0FBSyxDQUFDLG1CQUFtQjtJQUNqQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxJQUFJLElBQUksRUFBRTtNQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztLQUNsRDtFQUNILENBQUM7RUFFRDs7S0FFRztFQUVPLGlCQUFpQjtJQUN6QixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztFQUM3QixDQUFDO0VBRUQ7O0tBRUc7RUFFTyw0QkFBNEI7SUFDcEMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7RUFDN0IsQ0FBQztFQUVEOztLQUVHO0VBRU8sNkJBQTZCO0lBQ3JDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0VBQzdCLENBQUM7RUFFRDs7S0FFRztFQUVPLCtCQUErQjtJQUN2QyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztFQUM3QixDQUFDO0VBRUQ7O0tBRUc7RUFFTyxxQkFBcUI7SUFDN0IsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7RUFDN0IsQ0FBQztFQUVEOztLQUVHO0VBQ08sZ0JBQWdCO0lBQ3hCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0VBQzdCLENBQUM7RUFFRDs7S0FFRztFQUNPLE1BQU07SUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtNQUNsQixJQUNFLElBQUksQ0FBQyxJQUFJLEtBQUssT0FBTztRQUNyQixJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVE7UUFDdEIsSUFBSSxDQUFDLElBQUksS0FBSyxVQUFVLEVBQ3hCO1FBQ0EsT0FBTyxDQUNMLEVBQUMsSUFBSTtVQUNILGVBQVEsQ0FDSCxDQUNSLENBQUM7T0FDSDtXQUFNO1FBQ0wsT0FBTyxFQUFDLElBQUksUUFBRSwwQkFBMEIsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFRLENBQUM7T0FDL0Q7S0FDRjtTQUFNO01BQ0wsT0FBTyxFQUFDLElBQUksT0FBUSxDQUFDO0tBQ3RCO0VBQ0gsQ0FBQztFQUVPLHdCQUF3QjtJQUM5QixJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxFQUFFO01BQ2hDLE1BQU0sT0FBTyxHQUFHLG1CQUFtQixDQUNqQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksRUFDcEIsSUFBSSxDQUFDLGVBQWUsRUFDcEIseUJBQXlCLEVBQ3pCLEdBQUcsRUFBRSxDQUNILE9BQU8sQ0FBQyxJQUFJLENBQ1YsMEJBQTBCLElBQUksQ0FBQyxlQUFlLDBDQUEwQyxDQUN6RixFQUNILEdBQUcsRUFBRSxDQUNILE9BQU8sQ0FBQyxJQUFJLENBQ1YsNEZBQTRGLENBQzdGLENBQ0osQ0FBQztNQUVGLElBQUksT0FBTyxJQUFJLElBQUksRUFBRTtRQUNuQixPQUFPLE9BQU8sQ0FBQztPQUNoQjtLQUNGO0lBRUQsT0FBTyxRQUFRLENBQUMsYUFBYSxDQUFDLDRCQUE0QixDQUFDLENBQUM7RUFDOUQsQ0FBQztFQUVPLHlCQUF5QjtJQUMvQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxJQUFJLEVBQUU7TUFDakMsTUFBTSxPQUFPLEdBQUcsbUJBQW1CLENBQ2pDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUNwQixJQUFJLENBQUMsZ0JBQWdCLEVBQ3JCLDBCQUEwQixFQUMxQixHQUFHLEVBQUUsQ0FDSCxPQUFPLENBQUMsSUFBSSxDQUNWLDJCQUEyQixJQUFJLENBQUMsZ0JBQWdCLDJDQUEyQyxDQUM1RixFQUNILEdBQUcsRUFBRSxDQUNILE9BQU8sQ0FBQyxJQUFJLENBQ1YsK0ZBQStGLENBQ2hHLENBQ0osQ0FBQztNQUVGLElBQUksT0FBTyxJQUFJLElBQUksRUFBRTtRQUNuQixPQUFPLE9BQU8sQ0FBQztPQUNoQjtLQUNGO0lBRUQsT0FBTyxRQUFRLENBQUMsYUFBYSxDQUFDLDZCQUE2QixDQUFDLENBQUM7RUFDL0QsQ0FBQztFQUVPLDJCQUEyQjtJQUNqQyxJQUFJLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxJQUFJLEVBQUU7TUFDbkMsTUFBTSxPQUFPLEdBQUcsbUJBQW1CLENBQ2pDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUNwQixJQUFJLENBQUMsa0JBQWtCLEVBQ3ZCLDRCQUE0QixFQUM1QixHQUFHLEVBQUUsQ0FDSCxPQUFPLENBQUMsSUFBSSxDQUNWLDZCQUE2QixJQUFJLENBQUMsa0JBQWtCLDZDQUE2QyxDQUNsRyxFQUNILEdBQUcsRUFBRSxDQUNILE9BQU8sQ0FBQyxJQUFJLENBQ1YscUdBQXFHLENBQ3RHLENBQ0osQ0FBQztNQUVGLElBQUksT0FBTyxJQUFJLElBQUksRUFBRTtRQUNuQixPQUFPLE9BQU8sQ0FBQztPQUNoQjtLQUNGO0lBRUQsT0FBTyxRQUFRLENBQUMsYUFBYSxDQUFDLCtCQUErQixDQUFDLENBQUM7RUFDakUsQ0FBQztFQUVPLHNCQUFzQjtJQUk1QixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7TUFDakIsS0FBSyxPQUFPO1FBQ1YsT0FBTyxJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztNQUN6QyxLQUFLLFFBQVE7UUFDWCxPQUFPLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxDQUFDO01BQzFDLEtBQUssVUFBVTtRQUNiLE9BQU8sSUFBSSxDQUFDLDJCQUEyQixFQUFFLENBQUM7S0FDN0M7RUFDSCxDQUFDO0VBRU8sbUJBQW1CO0lBQ3pCLE1BQU0sRUFBRSxhQUFhLEVBQUUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3hDLElBQUksYUFBYSxJQUFJLElBQUksRUFBRTtNQUN6QixhQUFhLENBQUMsTUFBTSxFQUFFLENBQUM7TUFDdkIsYUFBYSxDQUFDLE9BQU8sRUFBRSxDQUFDO01BQ3hCLGFBQWEsQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO01BQ2pDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FDL0IsV0FBVyxFQUNYLElBQUksQ0FBQyxxQkFBcUIsQ0FDM0IsQ0FBQztNQUNGLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7TUFDdkUsYUFBYSxDQUFDLG1CQUFtQixDQUMvQixZQUFZLEVBQ1osSUFBSSxDQUFDLHNCQUFzQixDQUM1QixDQUFDO0tBQ0g7SUFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtNQUNsQixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO01BQ3ZELGdCQUFnQixDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7TUFDakMsZ0JBQWdCLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7TUFDdEMsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQy9CLFdBQVcsRUFDWCxJQUFJLENBQUMscUJBQXFCLENBQzNCLENBQUM7TUFDRixnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7TUFDdkUsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQy9CLFlBQVksRUFDWixJQUFJLENBQUMsc0JBQXNCLENBQzVCLENBQUM7TUFDRixJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsR0FBRyxnQkFBZ0IsQ0FBQztNQUMvQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0tBQ3RDO0VBQ0gsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBeUNGIn0=

package/dist/collection/components/viewer-measurement-distance/viewer-measurement-distance-components.js

@@ -33,4 +33,4 @@ export const DistanceMeasurementRenderer = ({ startPt, endPt, centerPt, indicato
       h("slot", { name: "indicator" },
         h("div", { class: "indicator-placeholder" }))))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLW1lYXN1cmVtZW50LWRpc3RhbmNlLWNvbXBvbmVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3ZXItbWVhc3VyZW1lbnQtZGlzdGFuY2Uvdmlld2VyLW1lYXN1cmVtZW50LWRpc3RhbmNlLWNvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZEQUE2RDtBQUM3RCxPQUFPLEVBQXVCLENBQUMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFpQnJELE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUEwRCxDQUFDLEVBQ2pHLE9BQU8sRUFDUCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFdBQVcsRUFDWCxRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLGFBQWEsRUFDYixpQkFBaUIsRUFDakIsZUFBZSxFQUNmLGFBQWEsRUFDYix3QkFBd0IsRUFDeEIsc0JBQXNCLEdBQ3ZCLEVBQUUsRUFBRTtFQUNILE1BQU0sS0FBSyxHQUNULE9BQU8sSUFBSSxJQUFJLElBQUksS0FBSyxJQUFJLElBQUk7SUFDOUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztJQUNsQyxDQUFDLENBQUMsU0FBUyxDQUFDO0VBRWhCLE1BQU0sWUFBWSxHQUNoQixLQUFLLElBQUksSUFBSSxJQUFJLE9BQU8sSUFBSSxJQUFJLElBQUksaUJBQWlCLElBQUksSUFBSTtJQUMzRCxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLGlCQUFpQixFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzVE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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld2VyLW1lYXN1cmVtZW50LWRpc3RhbmNlLWNvbXBvbmVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3ZXItbWVhc3VyZW1lbnQtZGlzdGFuY2Uvdmlld2VyLW1lYXN1cmVtZW50LWRpc3RhbmNlLWNvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZEQUE2RDtBQUM3RCxPQUFPLEVBQXVCLENBQUMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFpQnJELE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUN0QyxDQUFDLEVBQ0MsT0FBTyxFQUNQLEtBQUssRUFDTCxRQUFRLEVBQ1IsV0FBVyxFQUNYLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsYUFBYSxFQUNiLGlCQUFpQixFQUNqQixlQUFlLEVBQ2YsYUFBYSxFQUNiLHdCQUF3QixFQUN4QixzQkFBc0IsR0FDdkIsRUFBRSxFQUFFO0VBQ0gsTUFBTSxLQUFLLEdBQ1QsT0FBTyxJQUFJLElBQUksSUFBSSxLQUFLLElBQUksSUFBSTtJQUM5QixDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO0lBQ2xDLENBQUMsQ0FBQyxTQUFTLENBQUM7RUFFaEIsTUFBTSxZQUFZLEdBQ2hCLEtBQUssSUFBSSxJQUFJLElBQUksT0FBTyxJQUFJLElBQUksSUFBSSxpQkFBaUIsSUFBSSxJQUFJO0lBQzNELENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDNUQs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