@vertexvis/viewer 0.18.2-testing.0 → 0.18.2-testing.1

package/dist/components/vertex-viewer-layer.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerLayer extends Components.VertexViewerLayer, HTMLElement {}
-export const VertexViewerLayer: {
-  prototype: VertexViewerLayer;
-  new (): VertexViewerLayer;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/vertex-viewer-layer.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { V as ViewerLayer, d as defineCustomElement$1 } from './viewer-layer.js';
-
-const VertexViewerLayer = ViewerLayer;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerLayer, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-layer.js.map

package/dist/components/vertex-viewer-layer.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-layer.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-viewer-markup-arrow.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerMarkupArrow extends Components.VertexViewerMarkupArrow, HTMLElement {}
-export const VertexViewerMarkupArrow: {
-  prototype: VertexViewerMarkupArrow;
-  new (): VertexViewerMarkupArrow;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/vertex-viewer-markup-arrow.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { V as ViewerMarkupArrow, d as defineCustomElement$1 } from './viewer-markup-arrow.js';
-
-const VertexViewerMarkupArrow = ViewerMarkupArrow;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerMarkupArrow, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-markup-arrow.js.map

package/dist/components/vertex-viewer-markup-arrow.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-markup-arrow.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-viewer-markup-circle.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerMarkupCircle extends Components.VertexViewerMarkupCircle, HTMLElement {}
-export const VertexViewerMarkupCircle: {
-  prototype: VertexViewerMarkupCircle;
-  new (): VertexViewerMarkupCircle;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/vertex-viewer-markup-circle.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { V as ViewerMarkupCircle, d as defineCustomElement$1 } from './viewer-markup-circle.js';
-
-const VertexViewerMarkupCircle = ViewerMarkupCircle;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerMarkupCircle, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-markup-circle.js.map

package/dist/components/vertex-viewer-markup-circle.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-markup-circle.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-viewer-markup-freeform.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerMarkupFreeform extends Components.VertexViewerMarkupFreeform, HTMLElement {}
-export const VertexViewerMarkupFreeform: {
-  prototype: VertexViewerMarkupFreeform;
-  new (): VertexViewerMarkupFreeform;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/vertex-viewer-markup-freeform.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { V as ViewerMarkupFreeform, d as defineCustomElement$1 } from './viewer-markup-freeform.js';
-
-const VertexViewerMarkupFreeform = ViewerMarkupFreeform;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerMarkupFreeform, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-markup-freeform.js.map

package/dist/components/vertex-viewer-markup-freeform.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-markup-freeform.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-viewer-markup-tool.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerMarkupTool extends Components.VertexViewerMarkupTool, HTMLElement {}
-export const VertexViewerMarkupTool: {
-  prototype: VertexViewerMarkupTool;
-  new (): VertexViewerMarkupTool;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,257 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { s as stampTemplateWithId } from './templates.js';
-import { F as FreeformMarkup, C as CircleMarkup, A as ArrowMarkup } from './markup.js';
-import { b as isVertexViewerFreeformMarkup, a as isVertexViewerCircleMarkup, i as isVertexViewerArrowMarkup } from './interactions.js';
-import { d as defineCustomElement$4 } from './viewer-markup-arrow.js';
-import { d as defineCustomElement$3 } from './viewer-markup-circle.js';
-import { d as defineCustomElement$2 } from './viewer-markup-freeform.js';
-
-const viewerMarkupToolCss = ":host{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}:host([elevated=\"\"]){z-index:100}";
-
-const ViewerMarkupTool = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.markupBegin = createEvent(this, "markupBegin", 7);
-    this.markupEnd = createEvent(this, "markupEnd", 7);
-    /**
-     * The type of markup.
-     *
-     * This property will automatically be set when a child of a
-     * `<vertex-viewer-markup>` element.
-     */
-    this.tool = 'arrow';
-    /**
-     * Disables markups.
-     *
-     * This property will automatically be set when a child of a
-     * `<vertex-viewer-markup>` element.
-     */
-    this.disabled = false;
-    /**
-     * Captures internal state that you want to preserve across dev refreshes, but
-     * don't want to trigger a render when the state changes.
-     */
-    this.stateMap = {};
-    this.handleMarkupEditBegin = () => {
-      this.markupBegin.emit();
-    };
-    this.handleMarkupEditEnd = () => {
-      const { markupElement } = this.stateMap;
-      if (isVertexViewerFreeformMarkup(markupElement)) {
-        const { points, bounds } = markupElement;
-        if (points != null && points.length > 0 && bounds != null) {
-          this.markupEnd.emit(new FreeformMarkup({ points, bounds }));
-        }
-      }
-      else if (isVertexViewerCircleMarkup(markupElement)) {
-        const { bounds } = markupElement;
-        if (bounds != null) {
-          this.markupEnd.emit(new CircleMarkup({ bounds }));
-        }
-      }
-      else if (isVertexViewerArrowMarkup(markupElement)) {
-        const { start, end } = markupElement;
-        if (start != null && end != null) {
-          this.markupEnd.emit(new ArrowMarkup({ start, end }));
-        }
-      }
-    };
-  }
-  async handleViewerChanged() {
-    if (this.stateMap.markupElement != null) {
-      this.stateMap.markupElement.viewer = this.viewer;
-    }
-  }
-  /**
-   * @ignore
-   */
-  handleToolChanged() {
-    this.updateMarkupElement();
-  }
-  /**
-   * @ignore
-   */
-  handleArrowTemplateIdChanged() {
-    this.updateMarkupElement();
-  }
-  /**
-   * @ignore
-   */
-  handleCircleTemplateIdChanged() {
-    this.updateMarkupElement();
-  }
-  /**
-   * @ignore
-   */
-  handleFreeformTemplateIdChanged() {
-    this.updateMarkupElement();
-  }
-  /**
-   * @ignore
-   */
-  handleDisabledChanged() {
-    this.updateMarkupElement();
-  }
-  /**
-   * @ignore
-   */
-  componentDidLoad() {
-    this.updateMarkupElement();
-  }
-  /**
-   * Resets the state of the internally managed markup element
-   * to allow for creating a new markup. This state is automatically
-   * managed when this element is placed as a child of a
-   * `<vertex-viewer-markup>` element.
-   */
-  async reset() {
-    const { markupElement } = this.stateMap;
-    if (isVertexViewerFreeformMarkup(markupElement)) {
-      markupElement.points = undefined;
-      markupElement.bounds = undefined;
-      markupElement.mode = 'create';
-    }
-    else if (isVertexViewerCircleMarkup(markupElement)) {
-      markupElement.bounds = undefined;
-      markupElement.mode = 'create';
-    }
-    else if (isVertexViewerArrowMarkup(markupElement)) {
-      markupElement.start = undefined;
-      markupElement.end = undefined;
-      markupElement.mode = 'create';
-    }
-  }
-  /**
-   * @ignore
-   */
-  render() {
-    if (!this.disabled) {
-      if (this.tool === 'arrow' ||
-        this.tool === 'circle' ||
-        this.tool === 'freeform') {
-        return (h(Host, null, h("slot", null)));
-      }
-      else {
-        return h(Host, null, `Unsupported tool type '${this.tool}'.`);
-      }
-    }
-    else {
-      return h(Host, null);
-    }
-  }
-  createArrowMarkupElement() {
-    if (this.arrowTemplateId != null) {
-      const element = stampTemplateWithId(window.document.body, this.arrowTemplateId, isVertexViewerArrowMarkup, () => console.warn(`Arrow template with ID ${this.arrowTemplateId} not found. Using default arrow element.`), () => console.warn(`Arrow template does not contain a vertex-viewer-markup-arrow. Using default arrow element.`));
-      if (element != null) {
-        return element;
-      }
-    }
-    return document.createElement('vertex-viewer-markup-arrow');
-  }
-  createCircleMarkupElement() {
-    if (this.circleTemplateId != null) {
-      const element = stampTemplateWithId(window.document.body, this.circleTemplateId, isVertexViewerCircleMarkup, () => console.warn(`Circle template with ID ${this.circleTemplateId} not found. Using default circle element.`), () => console.warn(`Circle template does not contain a vertex-viewer-markup-circle. Using default circle element.`));
-      if (element != null) {
-        return element;
-      }
-    }
-    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) {
-      markupElement.remove();
-      markupElement.dispose();
-      markupElement.viewer = undefined;
-      markupElement.removeEventListener('editBegin', this.handleMarkupEditBegin);
-      markupElement.removeEventListener('editEnd', this.handleMarkupEditEnd);
-    }
-    if (!this.disabled) {
-      const newMarkupElement = this.createNewMarkupElement();
-      newMarkupElement.mode = 'create';
-      newMarkupElement.viewer = this.viewer;
-      newMarkupElement.addEventListener('editBegin', this.handleMarkupEditBegin);
-      newMarkupElement.addEventListener('editEnd', this.handleMarkupEditEnd);
-      this.stateMap.markupElement = newMarkupElement;
-      this.hostEl.append(newMarkupElement);
-    }
-  }
-  get hostEl() { return this; }
-  static get watchers() { return {
-    "viewer": ["handleViewerChanged"],
-    "tool": ["handleToolChanged"],
-    "arrowTemplateId": ["handleArrowTemplateIdChanged"],
-    "circleTemplateId": ["handleCircleTemplateIdChanged"],
-    "freeformTemplateId": ["handleFreeformTemplateIdChanged"],
-    "disabled": ["handleDisabledChanged"]
-  }; }
-  static get style() { return viewerMarkupToolCss; }
-}, [1, "vertex-viewer-markup-tool", {
-    "arrowTemplateId": [1, "arrow-template-id"],
-    "circleTemplateId": [1, "circle-template-id"],
-    "freeformTemplateId": [1, "freeform-template-id"],
-    "tool": [1],
-    "disabled": [4],
-    "viewer": [16],
-    "stateMap": [32],
-    "reset": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-viewer-markup-tool", "vertex-viewer-markup-arrow", "vertex-viewer-markup-circle", "vertex-viewer-markup-freeform"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-viewer-markup-tool":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ViewerMarkupTool);
-      }
-      break;
-    case "vertex-viewer-markup-arrow":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "vertex-viewer-markup-circle":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "vertex-viewer-markup-freeform":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const VertexViewerMarkupTool = ViewerMarkupTool;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerMarkupTool, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-markup-tool.js.map

package/dist/components/vertex-viewer-markup-tool.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-markup-tool.js","mappings":";;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,+GAA+G;;MCyC9H,gBAAgB;EAL7B;;;;;;;;;;;;IAqCS,SAAI,GAAyB,OAAO,CAAC;;;;;;;IASrC,aAAQ,GAAG,KAAK,CAAC;;;;;IA+BhB,aAAQ,GAAa,EAAE,CAAC;IAuNxB,0BAAqB,GAAG;MAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB,CAAC;IAEM,wBAAmB,GAAG;MAC5B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;MACxC,IAAI,4BAA4B,CAAC,aAAa,CAAC,EAAE;QAC/C,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC;QAEzC,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,IAAI,IAAI,EAAE;UACzD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;SAC7D;OACF;WAAM,IAAI,0BAA0B,CAAC,aAAa,CAAC,EAAE;QACpD,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC;QAEjC,IAAI,MAAM,IAAI,IAAI,EAAE;UAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;SACnD;OACF;WAAM,IAAI,yBAAyB,CAAC,aAAa,CAAC,EAAE;QACnD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,aAAa,CAAC;QAErC,IAAI,KAAK,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE;UAChC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;SACtD;OACF;KACF,CAAC;GACH;EA9OW,MAAM,mBAAmB;IACjC,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI,EAAE;MACvC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;KAClD;GACF;;;;EAMS,iBAAiB;IACzB,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC5B;;;;EAMS,4BAA4B;IACpC,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC5B;;;;EAMS,6BAA6B;IACrC,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC5B;;;;EAMS,+BAA+B;IACvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC5B;;;;EAMS,qBAAqB;IAC7B,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC5B;;;;EAKS,gBAAgB;IACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC5B;;;;;;;EASM,MAAM,KAAK;IAChB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;IACxC,IAAI,4BAA4B,CAAC,aAAa,CAAC,EAAE;MAC/C,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC;MACjC,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC;MACjC,aAAa,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC/B;SAAM,IAAI,0BAA0B,CAAC,aAAa,CAAC,EAAE;MACpD,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC;MACjC,aAAa,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC/B;SAAM,IAAI,yBAAyB,CAAC,aAAa,CAAC,EAAE;MACnD,aAAa,CAAC,KAAK,GAAG,SAAS,CAAC;MAChC,aAAa,CAAC,GAAG,GAAG,SAAS,CAAC;MAC9B,aAAa,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC/B;GACF;;;;EAKS,MAAM;IACd,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,IACE,IAAI,CAAC,IAAI,KAAK,OAAO;QACrB,IAAI,CAAC,IAAI,KAAK,QAAQ;QACtB,IAAI,CAAC,IAAI,KAAK,UAAU,EACxB;QACA,QACE,EAAC,IAAI,QACH,eAAQ,CACH,EACP;OACH;WAAM;QACL,OAAO,EAAC,IAAI,QAAE,0BAA0B,IAAI,CAAC,IAAI,IAAI,CAAQ,CAAC;OAC/D;KACF;SAAM;MACL,OAAO,EAAC,IAAI,OAAQ,CAAC;KACtB;GACF;EAEO,wBAAwB;IAC9B,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,EAAE;MAChC,MAAM,OAAO,GAAG,mBAAmB,CACjC,MAAM,CAAC,QAAQ,CAAC,IAAI,EACpB,IAAI,CAAC,eAAe,EACpB,yBAAyB,EACzB,MACE,OAAO,CAAC,IAAI,CACV,0BAA0B,IAAI,CAAC,eAAe,0CAA0C,CACzF,EACH,MACE,OAAO,CAAC,IAAI,CACV,4FAA4F,CAC7F,CACJ,CAAC;MAEF,IAAI,OAAO,IAAI,IAAI,EAAE;QACnB,OAAO,OAAO,CAAC;OAChB;KACF;IAED,OAAO,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;GAC7D;EAEO,yBAAyB;IAC/B,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,EAAE;MACjC,MAAM,OAAO,GAAG,mBAAmB,CACjC,MAAM,CAAC,QAAQ,CAAC,IAAI,EACpB,IAAI,CAAC,gBAAgB,EACrB,0BAA0B,EAC1B,MACE,OAAO,CAAC,IAAI,CACV,2BAA2B,IAAI,CAAC,gBAAgB,2CAA2C,CAC5F,EACH,MACE,OAAO,CAAC,IAAI,CACV,+FAA+F,CAChG,CACJ,CAAC;MAEF,IAAI,OAAO,IAAI,IAAI,EAAE;QACnB,OAAO,OAAO,CAAC;OAChB;KACF;IAED,OAAO,QAAQ,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;GAC9D;EAEO,2BAA2B;IACjC,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,EAAE;MACnC,MAAM,OAAO,GAAG,mBAAmB,CACjC,MAAM,CAAC,QAAQ,CAAC,IAAI,EACpB,IAAI,CAAC,kBAAkB,EACvB,4BAA4B,EAC5B,MACE,OAAO,CAAC,IAAI,CACV,6BAA6B,IAAI,CAAC,kBAAkB,6CAA6C,CAClG,EACH,MACE,OAAO,CAAC,IAAI,CACV,qGAAqG,CACtG,CACJ,CAAC;MAEF,IAAI,OAAO,IAAI,IAAI,EAAE;QACnB,OAAO,OAAO,CAAC;OAChB;KACF;IAED,OAAO,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC;GAChE;EAEO,sBAAsB;IAI5B,QAAQ,IAAI,CAAC,IAAI;MACf,KAAK,OAAO;QACV,OAAO,IAAI,CAAC,wBAAwB,EAAE,CAAC;MACzC,KAAK,QAAQ;QACX,OAAO,IAAI,CAAC,yBAAyB,EAAE,CAAC;MAC1C,KAAK,UAAU;QACb,OAAO,IAAI,CAAC,2BAA2B,EAAE,CAAC;KAC7C;GACF;EAEO,mBAAmB;IACzB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;IACxC,IAAI,aAAa,IAAI,IAAI,EAAE;MACzB,aAAa,CAAC,MAAM,EAAE,CAAC;MACvB,aAAa,CAAC,OAAO,EAAE,CAAC;MACxB,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC;MACjC,aAAa,CAAC,mBAAmB,CAC/B,WAAW,EACX,IAAI,CAAC,qBAAqB,CAC3B,CAAC;MACF,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;KACxE;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;MACvD,gBAAgB,CAAC,IAAI,GAAG,QAAQ,CAAC;MACjC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;MACtC,gBAAgB,CAAC,gBAAgB,CAC/B,WAAW,EACX,IAAI,CAAC,qBAAqB,CAC3B,CAAC;MACF,gBAAgB,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;MACvE,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,gBAAgB,CAAC;MAC/C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;KACtC;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/viewer-markup-tool/viewer-markup-tool.css?tag=vertex-viewer-markup-tool&encapsulation=shadow","./src/components/viewer-markup-tool/viewer-markup-tool.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\n\n:host([elevated=\"\"]) {\n  z-index: 100;\n}","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nimport { stampTemplateWithId } from '../../lib/templates';\nimport {\n  ArrowMarkup,\n  CircleMarkup,\n  FreeformMarkup,\n  Markup,\n} from '../../lib/types/markup';\nimport { isVertexViewerArrowMarkup } from '../viewer-markup-arrow/utils';\nimport { isVertexViewerCircleMarkup } from '../viewer-markup-circle/utils';\nimport { isVertexViewerFreeformMarkup } from '../viewer-markup-freeform/utils';\n\n/**\n * The types of markup that can be performed by this tool.\n */\nexport type ViewerMarkupToolType = 'arrow' | 'circle' | 'freeform';\n\ninterface StateMap {\n  markupElement?:\n    | HTMLVertexViewerMarkupArrowElement\n    | HTMLVertexViewerMarkupCircleElement\n    | HTMLVertexViewerMarkupFreeformElement;\n}\n\n@Component({\n  tag: 'vertex-viewer-markup-tool',\n  styleUrl: 'viewer-markup-tool.css',\n  shadow: true,\n})\nexport class ViewerMarkupTool {\n  /**\n   * An HTML template that describes the HTML to use for new arrow\n   * markup. It's expected that the template contains a\n   * `<vertex-viewer-markup-arrow>`.\n   */\n  @Prop()\n  public arrowTemplateId?: string;\n\n  /**\n   * An HTML template that describes the HTML to use for new circle\n   * markup. It's expected that the template contains a\n   * `<vertex-viewer-markup-circle>`.\n   */\n  @Prop()\n  public circleTemplateId?: string;\n\n  /**\n   * An HTML template that describes the HTML to use for new freeform\n   * markup. It's expected that the template contains a\n   * `<vertex-viewer-markup-freeform>`.\n   */\n  @Prop()\n  public freeformTemplateId?: string;\n\n  /**\n   * The type of markup.\n   *\n   * This property will automatically be set when a child of a\n   * `<vertex-viewer-markup>` element.\n   */\n  @Prop()\n  public tool: ViewerMarkupToolType = 'arrow';\n\n  /**\n   * Disables markups.\n   *\n   * This property will automatically be set when a child of a\n   * `<vertex-viewer-markup>` element.\n   */\n  @Prop()\n  public disabled = false;\n\n  /**\n   * The viewer to connect to markup.\n   *\n   * This property will automatically be set when a child of a\n   * `<vertex-viewer-markup>` or `<vertex-viewer>` element.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * An event that is dispatched when a user begins a new markup.\n   */\n  @Event({ bubbles: true })\n  public markupBegin!: EventEmitter<void>;\n\n  /**\n   * An event that is dispatched when a user has finished their markup.\n   */\n  @Event({ bubbles: true })\n  public markupEnd!: EventEmitter<Markup>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  /**\n   * Captures internal state that you want to preserve across dev refreshes, but\n   * don't want to trigger a render when the state changes.\n   */\n  @State()\n  private stateMap: StateMap = {};\n\n  @Watch('viewer')\n  protected async handleViewerChanged(): Promise<void> {\n    if (this.stateMap.markupElement != null) {\n      this.stateMap.markupElement.viewer = this.viewer;\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('tool')\n  protected handleToolChanged(): void {\n    this.updateMarkupElement();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('arrowTemplateId')\n  protected handleArrowTemplateIdChanged(): void {\n    this.updateMarkupElement();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('circleTemplateId')\n  protected handleCircleTemplateIdChanged(): void {\n    this.updateMarkupElement();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('freeformTemplateId')\n  protected handleFreeformTemplateIdChanged(): void {\n    this.updateMarkupElement();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('disabled')\n  protected handleDisabledChanged(): void {\n    this.updateMarkupElement();\n  }\n\n  /**\n   * @ignore\n   */\n  protected componentDidLoad(): void {\n    this.updateMarkupElement();\n  }\n\n  /**\n   * Resets the state of the internally managed markup element\n   * to allow for creating a new markup. This state is automatically\n   * managed when this element is placed as a child of a\n   * `<vertex-viewer-markup>` element.\n   */\n  @Method()\n  public async reset(): Promise<void> {\n    const { markupElement } = this.stateMap;\n    if (isVertexViewerFreeformMarkup(markupElement)) {\n      markupElement.points = undefined;\n      markupElement.bounds = undefined;\n      markupElement.mode = 'create';\n    } else if (isVertexViewerCircleMarkup(markupElement)) {\n      markupElement.bounds = undefined;\n      markupElement.mode = 'create';\n    } else if (isVertexViewerArrowMarkup(markupElement)) {\n      markupElement.start = undefined;\n      markupElement.end = undefined;\n      markupElement.mode = 'create';\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  protected render(): h.JSX.IntrinsicElements {\n    if (!this.disabled) {\n      if (\n        this.tool === 'arrow' ||\n        this.tool === 'circle' ||\n        this.tool === 'freeform'\n      ) {\n        return (\n          <Host>\n            <slot />\n          </Host>\n        );\n      } else {\n        return <Host>{`Unsupported tool type '${this.tool}'.`}</Host>;\n      }\n    } else {\n      return <Host></Host>;\n    }\n  }\n\n  private createArrowMarkupElement(): HTMLVertexViewerMarkupArrowElement {\n    if (this.arrowTemplateId != null) {\n      const element = stampTemplateWithId(\n        window.document.body,\n        this.arrowTemplateId,\n        isVertexViewerArrowMarkup,\n        () =>\n          console.warn(\n            `Arrow template with ID ${this.arrowTemplateId} not found. Using default arrow element.`\n          ),\n        () =>\n          console.warn(\n            `Arrow template does not contain a vertex-viewer-markup-arrow. Using default arrow element.`\n          )\n      );\n\n      if (element != null) {\n        return element;\n      }\n    }\n\n    return document.createElement('vertex-viewer-markup-arrow');\n  }\n\n  private createCircleMarkupElement(): HTMLVertexViewerMarkupCircleElement {\n    if (this.circleTemplateId != null) {\n      const element = stampTemplateWithId(\n        window.document.body,\n        this.circleTemplateId,\n        isVertexViewerCircleMarkup,\n        () =>\n          console.warn(\n            `Circle template with ID ${this.circleTemplateId} not found. Using default circle element.`\n          ),\n        () =>\n          console.warn(\n            `Circle template does not contain a vertex-viewer-markup-circle. Using default circle element.`\n          )\n      );\n\n      if (element != null) {\n        return element;\n      }\n    }\n\n    return document.createElement('vertex-viewer-markup-circle');\n  }\n\n  private createFreeformMarkupElement(): HTMLVertexViewerMarkupFreeformElement {\n    if (this.freeformTemplateId != null) {\n      const element = stampTemplateWithId(\n        window.document.body,\n        this.freeformTemplateId,\n        isVertexViewerFreeformMarkup,\n        () =>\n          console.warn(\n            `Freeform template with ID ${this.freeformTemplateId} not found. Using default freeform element.`\n          ),\n        () =>\n          console.warn(\n            `Freeform template does not contain a vertex-viewer-markup-freeform. Using default freeform element.`\n          )\n      );\n\n      if (element != null) {\n        return element;\n      }\n    }\n\n    return document.createElement('vertex-viewer-markup-freeform');\n  }\n\n  private createNewMarkupElement():\n    | HTMLVertexViewerMarkupArrowElement\n    | HTMLVertexViewerMarkupCircleElement\n    | HTMLVertexViewerMarkupFreeformElement {\n    switch (this.tool) {\n      case 'arrow':\n        return this.createArrowMarkupElement();\n      case 'circle':\n        return this.createCircleMarkupElement();\n      case 'freeform':\n        return this.createFreeformMarkupElement();\n    }\n  }\n\n  private updateMarkupElement(): void {\n    const { markupElement } = this.stateMap;\n    if (markupElement != null) {\n      markupElement.remove();\n      markupElement.dispose();\n      markupElement.viewer = undefined;\n      markupElement.removeEventListener(\n        'editBegin',\n        this.handleMarkupEditBegin\n      );\n      markupElement.removeEventListener('editEnd', this.handleMarkupEditEnd);\n    }\n\n    if (!this.disabled) {\n      const newMarkupElement = this.createNewMarkupElement();\n      newMarkupElement.mode = 'create';\n      newMarkupElement.viewer = this.viewer;\n      newMarkupElement.addEventListener(\n        'editBegin',\n        this.handleMarkupEditBegin\n      );\n      newMarkupElement.addEventListener('editEnd', this.handleMarkupEditEnd);\n      this.stateMap.markupElement = newMarkupElement;\n      this.hostEl.append(newMarkupElement);\n    }\n  }\n\n  private handleMarkupEditBegin = (): void => {\n    this.markupBegin.emit();\n  };\n\n  private handleMarkupEditEnd = (): void => {\n    const { markupElement } = this.stateMap;\n    if (isVertexViewerFreeformMarkup(markupElement)) {\n      const { points, bounds } = markupElement;\n\n      if (points != null && points.length > 0 && bounds != null) {\n        this.markupEnd.emit(new FreeformMarkup({ points, bounds }));\n      }\n    } else if (isVertexViewerCircleMarkup(markupElement)) {\n      const { bounds } = markupElement;\n\n      if (bounds != null) {\n        this.markupEnd.emit(new CircleMarkup({ bounds }));\n      }\n    } else if (isVertexViewerArrowMarkup(markupElement)) {\n      const { start, end } = markupElement;\n\n      if (start != null && end != null) {\n        this.markupEnd.emit(new ArrowMarkup({ start, end }));\n      }\n    }\n  };\n}\n"],"version":3}

package/dist/components/vertex-viewer-markup.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerMarkup extends Components.VertexViewerMarkup, HTMLElement {}
-export const VertexViewerMarkup: {
-  prototype: VertexViewerMarkup;
-  new (): VertexViewerMarkup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;