@vertexvis/viewer 0.13.2-canary.9 → 0.14.0

package/dist/viewer/{p-61b1097b.entry.js → p-a32cc378.entry.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{r as e,h as r,H as i}from"./p-cafa57a6.js";import{c as t}from"./p-f482325b.js";import"./p-112455b1.js";let s=class{constructor(r){e(this,r),this.dragging=!1,this.handlePointerDown=()=>{this.dragging=!0,window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerUp=()=>{this.dragging=!1,window.removeEventListener("pointerup",this.handlePointerUp)}}render(){return r(i,{onPointerDown:this.handlePointerDown,style:{height:this.dragging?"100%":"var(--header-height)",padding:this.dragging?"0 calc(var(--scene-tree-table-column-gap) / 2)":"calc(var(--header-height) / 8) calc(var(--scene-tree-table-column-gap) / 2)"}},r("slot",{name:"divider"},r("div",{class:t("divider",{dragging:this.dragging})})))}};s.style=":host{pointer-events:auto;display:flex;align-items:center;box-sizing:border-box;cursor:col-resize}.divider{width:1px;height:100%;background-color:var(--neutral-600);cursor:col-resize}.divider.dragging{background-color:var(--blue-600)}:host:hover .divider{background-color:var(--blue-600)}";export{s as vertex_scene_tree_table_resize_divider}
+import{r as e,h as r,H as i}from"./p-2e581b2a.js";import{c as t}from"./p-07aeee89.js";import"./p-dfe5a97d.js";let s=class{constructor(r){e(this,r),this.dragging=!1,this.handlePointerDown=()=>{this.dragging=!0,window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerUp=()=>{this.dragging=!1,window.removeEventListener("pointerup",this.handlePointerUp)}}render(){return r(i,{onPointerDown:this.handlePointerDown,style:{height:this.dragging?"100%":"var(--header-height)",padding:this.dragging?"0 calc(var(--scene-tree-table-column-gap) / 2)":"calc(var(--header-height) / 8) calc(var(--scene-tree-table-column-gap) / 2)"}},r("slot",{name:"divider"},r("div",{class:t("divider",{dragging:this.dragging})})))}};s.style=":host{pointer-events:auto;display:flex;align-items:center;box-sizing:border-box;cursor:col-resize}.divider{width:1px;height:100%;background-color:var(--neutral-600);cursor:col-resize}.divider.dragging{background-color:var(--blue-600)}:host:hover .divider{background-color:var(--blue-600)}";export{s as vertex_scene_tree_table_resize_divider}

package/dist/viewer/p-a380f0c2.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+class s{constructor(){this.observer=new ResizeObserver((()=>this.measure()))}observe(s){this.element=s,this.observer.observe(s),this.measure()}disconnect(){this.element=void 0,this.observer.disconnect()}measure(){var s;this.rect=null===(s=this.element)||void 0===s?void 0:s.getBoundingClientRect()}}export{s as E}

package/dist/viewer/{p-41028d3b.entry.js → p-af37b63e.entry.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{r as e,c as t,h as r,H as n,g as i}from"./p-cafa57a6.js";import{s}from"./p-c738296e.js";import{F as a,C as o,A as l}from"./p-e38458da.js";import{b as h,a as d,i as m}from"./p-d1584404.js";import"./p-661f0612.js";import"./p-e75bba97.js";let u=class{constructor(r){e(this,r),this.markupBegin=t(this,"markupBegin",7),this.markupEnd=t(this,"markupEnd",7),this.tool="arrow",this.disabled=!1,this.stateMap={},this.handleMarkupEditBegin=()=>{this.markupBegin.emit()},this.handleMarkupEditEnd=()=>{const{markupElement:e}=this.stateMap;if(h(e)){const{points:t,bounds:r}=e;null!=t&&t.length>0&&null!=r&&this.markupEnd.emit(new a({points:t,bounds:r}))}else if(d(e)){const{bounds:t}=e;null!=t&&this.markupEnd.emit(new o({bounds:t}))}else if(m(e)){const{start:t,end:r}=e;null!=t&&null!=r&&this.markupEnd.emit(new l({start:t,end:r}))}}}async handleViewerChanged(){null!=this.stateMap.markupElement&&(this.stateMap.markupElement.viewer=this.viewer)}handleToolChanged(){this.updateMarkupElement()}handleArrowTemplateIdChanged(){this.updateMarkupElement()}handleCircleTemplateIdChanged(){this.updateMarkupElement()}handleFreeformTemplateIdChanged(){this.updateMarkupElement()}handleDisabledChanged(){this.updateMarkupElement()}componentDidLoad(){this.updateMarkupElement()}async reset(){const{markupElement:e}=this.stateMap;h(e)?(e.points=void 0,e.bounds=void 0,e.mode="create"):d(e)?(e.bounds=void 0,e.mode="create"):m(e)&&(e.start=void 0,e.end=void 0,e.mode="create")}render(){return this.disabled?r(n,null):r(n,null,"arrow"===this.tool||"circle"===this.tool||"freeform"===this.tool?r("slot",null):`Unsupported tool type '${this.tool}'.`)}createArrowMarkupElement(){if(null!=this.arrowTemplateId){const e=s(window.document.body,this.arrowTemplateId,m,(()=>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(null!=e)return e}return document.createElement("vertex-viewer-markup-arrow")}createCircleMarkupElement(){if(null!=this.circleTemplateId){const e=s(window.document.body,this.circleTemplateId,d,(()=>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(null!=e)return e}return document.createElement("vertex-viewer-markup-circle")}createFreeformMarkupElement(){if(null!=this.freeformTemplateId){const e=s(window.document.body,this.freeformTemplateId,h,(()=>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(null!=e)return e}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:e}=this.stateMap;if(null!=e&&(e.remove(),e.dispose(),e.viewer=void 0,e.removeEventListener("editBegin",this.handleMarkupEditBegin),e.removeEventListener("editEnd",this.handleMarkupEditEnd)),!this.disabled){const e=this.createNewMarkupElement();e.mode="create",e.viewer=this.viewer,e.addEventListener("editBegin",this.handleMarkupEditBegin),e.addEventListener("editEnd",this.handleMarkupEditEnd),this.stateMap.markupElement=e,this.hostEl.append(e)}}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChanged"],tool:["handleToolChanged"],arrowTemplateId:["handleArrowTemplateIdChanged"],circleTemplateId:["handleCircleTemplateIdChanged"],freeformTemplateId:["handleFreeformTemplateIdChanged"],disabled:["handleDisabledChanged"]}}};u.style=':host{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}:host([elevated=""]){z-index:100}';export{u as vertex_viewer_markup_tool}
+import{r as e,c as t,h as r,H as n,g as i}from"./p-2e581b2a.js";import{s}from"./p-c738296e.js";import{F as o,C as a,A as l}from"./p-4d37d97c.js";import{b as h,a as d,i as m}from"./p-39803f8f.js";import"./p-70e5e8a8.js";import"./p-083f427e.js";let u=class{constructor(r){e(this,r),this.markupBegin=t(this,"markupBegin",7),this.markupEnd=t(this,"markupEnd",7),this.tool="arrow",this.disabled=!1,this.stateMap={},this.handleMarkupEditBegin=()=>{this.markupBegin.emit()},this.handleMarkupEditEnd=()=>{const{markupElement:e}=this.stateMap;if(h(e)){const{points:t,bounds:r}=e;null!=t&&t.length>0&&null!=r&&this.markupEnd.emit(new o({points:t,bounds:r}))}else if(d(e)){const{bounds:t}=e;null!=t&&this.markupEnd.emit(new a({bounds:t}))}else if(m(e)){const{start:t,end:r}=e;null!=t&&null!=r&&this.markupEnd.emit(new l({start:t,end:r}))}}}async handleViewerChanged(){null!=this.stateMap.markupElement&&(this.stateMap.markupElement.viewer=this.viewer)}handleToolChanged(){this.updateMarkupElement()}handleArrowTemplateIdChanged(){this.updateMarkupElement()}handleCircleTemplateIdChanged(){this.updateMarkupElement()}handleFreeformTemplateIdChanged(){this.updateMarkupElement()}handleDisabledChanged(){this.updateMarkupElement()}componentDidLoad(){this.updateMarkupElement()}async reset(){const{markupElement:e}=this.stateMap;h(e)?(e.points=void 0,e.bounds=void 0,e.mode="create"):d(e)?(e.bounds=void 0,e.mode="create"):m(e)&&(e.start=void 0,e.end=void 0,e.mode="create")}render(){return this.disabled?r(n,null):r(n,null,"arrow"===this.tool||"circle"===this.tool||"freeform"===this.tool?r("slot",null):`Unsupported tool type '${this.tool}'.`)}createArrowMarkupElement(){if(null!=this.arrowTemplateId){const e=s(window.document.body,this.arrowTemplateId,m,(()=>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(null!=e)return e}return document.createElement("vertex-viewer-markup-arrow")}createCircleMarkupElement(){if(null!=this.circleTemplateId){const e=s(window.document.body,this.circleTemplateId,d,(()=>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(null!=e)return e}return document.createElement("vertex-viewer-markup-circle")}createFreeformMarkupElement(){if(null!=this.freeformTemplateId){const e=s(window.document.body,this.freeformTemplateId,h,(()=>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(null!=e)return e}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:e}=this.stateMap;if(null!=e&&(e.remove(),e.dispose(),e.viewer=void 0,e.removeEventListener("editBegin",this.handleMarkupEditBegin),e.removeEventListener("editEnd",this.handleMarkupEditEnd)),!this.disabled){const e=this.createNewMarkupElement();e.mode="create",e.viewer=this.viewer,e.addEventListener("editBegin",this.handleMarkupEditBegin),e.addEventListener("editEnd",this.handleMarkupEditEnd),this.stateMap.markupElement=e,this.hostEl.append(e)}}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChanged"],tool:["handleToolChanged"],arrowTemplateId:["handleArrowTemplateIdChanged"],circleTemplateId:["handleCircleTemplateIdChanged"],freeformTemplateId:["handleFreeformTemplateIdChanged"],disabled:["handleDisabledChanged"]}}};u.style=':host{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}:host([elevated=""]){z-index:100}';export{u as vertex_viewer_markup_tool}

package/dist/viewer/p-b6b727a6.entry.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import{r as t,c as s,h as n,H as i}from"./p-2e581b2a.js";import{v as h,q as a,m as o,u as e}from"./p-70e5e8a8.js";import{o as r}from"./p-083f427e.js";let l=class{constructor(n){t(this,n),this.propertyChange=s(this,"propertyChange",7),this.position=h.origin(),this.positionJson="",this.quaternion=a.create(),this.quaternionJson="",this.scale=h.create(1,1,1),this.scaleJson="",this.matrix=o.makeIdentity()}handlePositionChange(){this.syncMatrix()}handlePositionJsonChanged(){this.syncPosition()}handleRotationChanged(){this.syncQuaternionWithRotation()}handleRotationJsonChanged(){this.syncRotation()}handleQuaternionChange(){this.syncMatrix()}handleQuaternionJsonChanged(){this.syncQuaternion()}handleScaleChange(){this.syncMatrix()}handleScaleJsonChanged(){this.syncScale()}handleMatrixChanged(t,s){r.isEqual(t,s)||this.propertyChange.emit()}componentWillLoad(){this.syncProperties()}componentShouldUpdate(){return!1}syncProperties(){this.syncPosition(),this.syncRotation(),this.syncQuaternion(),this.syncScale(),this.syncMatrix()}syncPosition(){this.position=this.positionJson.length>0?this.parseJson("positionJson",this.positionJson,h.fromJson):this.position}syncRotation(){this.rotation=null!=this.rotationJson&&this.rotationJson.length>0?this.parseJson("rotationJson",this.rotationJson,e.fromJson):this.rotation,this.syncQuaternionWithRotation()}syncQuaternionWithRotation(){this.quaternion=null!=this.rotation?a.fromEuler(this.rotation):this.quaternion}syncQuaternion(){this.quaternion=this.quaternionJson.length>0?this.parseJson("quaternionJson",this.quaternionJson,a.fromJson):this.quaternion}syncScale(){this.scale=this.scaleJson.length>0?this.parseJson("scaleJson",this.scaleJson,h.fromJson):this.scale}syncMatrix(){this.matrix=o.makeTRS(this.position,this.quaternion,this.scale)}parseJson(t,s,n){try{return n(s)}catch(s){throw console.warn(`Could not parse \`${t}\`. Invalid JSON.`),s}}render(){return n(i,null,n("slot",null))}static get watchers(){return{position:["handlePositionChange"],positionJson:["handlePositionJsonChanged"],rotation:["handleRotationChanged"],rotationJson:["handleRotationJsonChanged"],quaternion:["handleQuaternionChange"],quaternionJson:["handleQuaternionJsonChanged"],scale:["handleScaleChange"],scaleJson:["handleScaleJsonChanged"],matrix:["handleMatrixChanged"]}}};l.style=":host{display:block;transform-style:preserve-3d}";export{l as vertex_viewer_dom_group}

package/dist/viewer/p-c2e3312b.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import{o as e}from"./p-083f427e.js";import"./p-e42cb163.js";import"./p-df8fbe56.js";const t={network:{apiHost:"https://platform.platprod.vertexvis.io",renderingHost:"wss://stream.platprod.vertexvis.io",sceneTreeHost:"https://scene-trees.platprod.vertexvis.io",sceneViewHost:"https://scenes.platprod.vertexvis.io"},flags:{throttleFrameDelivery:!0,adaptiveRendering:!0,logWsMessages:!1,logFrameRate:!1,letterboxFrames:!1},events:{doubleTapThreshold:500,longPressThreshold:500},animation:{durationMs:500},interactions:{finePointerThreshold:1,coarsePointerThreshold:3,interactionDelay:75},EXPERIMENTAL_frameDelivery:{},EXPERIMENTAL_adaptiveRendering:{},EXPERIMENTAL_qualityOfService:{}},s=Object.assign(Object.assign({},t),{network:{apiHost:"https://platform.platdev.vertexvis.io",renderingHost:"wss://stream.platdev.vertexvis.io",sceneTreeHost:"https://scene-trees.platdev.vertexvis.io",sceneViewHost:"https://scenes.platdev.vertexvis.io"}}),r=Object.assign(Object.assign({},t),{network:{apiHost:"https://platform.platstaging.vertexvis.io",renderingHost:"wss://stream.platstaging.vertexvis.io",sceneTreeHost:"https://scene-trees.platstaging.vertexvis.io",sceneViewHost:"https://scenes.platstaging.vertexvis.io"}});function i(e){switch(e){case"platdev":return s;case"platstaging":return r;default:return t}}function o(t="platprod",s){"string"==typeof s&&(s=JSON.parse(s));const r=i(t);return null==s?r:e.defaults(Object.assign({},s),r)}export{o as p}

package/dist/viewer/{p-4717c98e.entry.js → p-c9f91798.entry.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{r as a,h as t,F as s,H as h}from"./p-cafa57a6.js";import{c as i}from"./p-f482325b.js";import"./p-112455b1.js";let l=class{constructor(t){a(this,t),this.size="md"}render(){return"fit-all"===this.name?this.renderSvgIcon(t("path",{d:"M6.15,9.15l-2.5,2.5L2,10v4H6L4.35,12.35l2.5-2.5a.49.49,0,0,0-.7-.7Zm-1.8-5.5L6,2H2V6L3.65,4.35l2.5,2.5a.49.49,0,0,0,.7-.7ZM10,2l1.65,1.65-2.5,2.5a.49.49,0,0,0,.7.7l2.5-2.5L14,6V2ZM9.85,9.15a.49.49,0,0,0-.7.7l2.5,2.5L10,14h4V10l-1.65,1.65Z"})):"eye-open"===this.name?this.renderSvgIcon(t("path",{d:"M8 5a3 3 0 103 3 3 3 0 00-3-3zm4.65-1.17A8.53 8.53 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.57 6.57 0 002.84 4.06A8.53 8.53 0 008 13.5a8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.57 6.57 0 00-2.84-4.06zm-.55 7.5A7.52 7.52 0 018 12.5a7.52 7.52 0 01-4.1-1.17A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.52 7.52 0 014.1 1.17A5.49 5.49 0 0114.47 8a5.49 5.49 0 01-2.37 3.33z"})):"eye-half"===this.name?this.renderSvgIcon(t("path",{d:"M13.35 2.65a.48.48 0 00-.7 0l-.78.77a8.71 8.71 0 00-8.52.41A6.57 6.57 0 00.51 7.89v.22a6.58 6.58 0 002.71 4l-.57.58a.49.49 0 00.7.7l10-10a.48.48 0 000-.74zM9.73 5.56a3 3 0 00-4.17 4.17l-1.62 1.62A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.67 7.67 0 013.12.67zm3.61-1.2l-.72.72A5.45 5.45 0 0114.47 8a5.49 5.49 0 01-2.37 3.33A7.52 7.52 0 018 12.5a8.15 8.15 0 01-2.41-.38l-.78.78a8.9 8.9 0 003.19.6 8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.56 6.56 0 00-2.15-3.53z"})):"eye-half-dotted"===this.name?this.renderSvgIcon(t(s,null,t("path",{d:"M4.12 11.46A5.62 5.62 0 011.52 8 5.57 5.57 0 013.9 4.67 7.52 7.52 0 018 3.5a7.7 7.7 0 013.33.75l.74-.74A8.67 8.67 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.54 6.54 0 002.88 4.08z"}),t("path",{d:"M8 5a3 3 0 00-3 3 3 3 0 00.69 1.89l4.2-4.2A3 3 0 008 5zM5.88 5.88zM9.2 12.41a.51.51 0 00-.42.57.5.5 0 00.56.42.5.5 0 00.43-.57.51.51 0 00-.57-.42zM6.77 12.41a.5.5 0 00-.57.42.49.49 0 00.41.57.5.5 0 10.15-1zM14.48 5.61a.5.5 0 00-.7-.12.49.49 0 00-.12.69.5.5 0 00.82-.57zM11.5 11.68a.5.5 0 00-.22.67.51.51 0 00.68.22.5.5 0 00-.46-.89zM15.07 7.77a.52.52 0 00-.62.35.51.51 0 00.35.62.5.5 0 00.61-.35.52.52 0 00-.34-.62zM13.36 10.21a.5.5 0 10.76.64.49.49 0 00-.06-.7.51.51 0 00-.7.06z"}))):"chevron-right"===this.name?this.renderSvgIcon(t("path",{d:"M10.83,7.62l-4-3.5A.5.5,0,0,0,6,4.5v7a.5.5,0,0,0,.83.38l4-3.5a.51.51,0,0,0,0-.76Z"})):"chevron-down"===this.name?this.renderSvgIcon(t("path",{d:"M11.88,9.17l-3.5-4a.51.51,0,0,0-.76,0l-3.5,4A.5.5,0,0,0,4.5,10h7a.5.5,0,0,0,.38-.83Z",transform:"rotate(180 8 8)"})):"search"===this.name?this.renderSvgIcon(t("path",{d:"M14.85 14.15l-4-4a.37.37 0 00-.2-.12 5.45 5.45 0 10-.62.62.37.37 0 00.12.2l4 4a.49.49 0 00.7-.7zM9.71 9.71a4.51 4.51 0 01-6.42 0 4.51 4.51 0 010-6.42 4.51 4.51 0 016.42 0 4.51 4.51 0 010 6.42z"})):"close-circle"===this.name?this.renderSvgIcon(t("path",{d:"M8 1a7 7 0 107 7 7 7 0 00-7-7zm2.85 9.15a.49.49 0 01-.7.7L8 8.71l-2.15 2.14a.49.49 0 01-.7-.7L7.29 8 5.15 5.85a.49.49 0 01.7-.7L8 7.29l2.15-2.14a.49.49 0 01.7.7L8.71 8z"})):t("svg",null)}renderSvgIcon(a){return t(h,{class:i({"size-sm":"sm"===this.size,"size-md":"md"===this.size,"size-lg":"lg"===this.size})},t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},a))}};l.style=":host{display:inline-block;width:1em;height:1em;fill:currentColor}:host(.size-sm){font-size:16px}:host(.size-md){font-size:24px}:host(.size-lg){font-size:32px}svg{display:block;width:100%;height:100%}";export{l as vertex_viewer_icon}
+import{r as a,h as t,F as s,H as h}from"./p-2e581b2a.js";import{c as i}from"./p-07aeee89.js";import"./p-dfe5a97d.js";let l=class{constructor(t){a(this,t),this.size="md"}render(){return"fit-all"===this.name?this.renderSvgIcon(t("path",{d:"M6.15,9.15l-2.5,2.5L2,10v4H6L4.35,12.35l2.5-2.5a.49.49,0,0,0-.7-.7Zm-1.8-5.5L6,2H2V6L3.65,4.35l2.5,2.5a.49.49,0,0,0,.7-.7ZM10,2l1.65,1.65-2.5,2.5a.49.49,0,0,0,.7.7l2.5-2.5L14,6V2ZM9.85,9.15a.49.49,0,0,0-.7.7l2.5,2.5L10,14h4V10l-1.65,1.65Z"})):"eye-open"===this.name?this.renderSvgIcon(t("path",{d:"M8 5a3 3 0 103 3 3 3 0 00-3-3zm4.65-1.17A8.53 8.53 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.57 6.57 0 002.84 4.06A8.53 8.53 0 008 13.5a8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.57 6.57 0 00-2.84-4.06zm-.55 7.5A7.52 7.52 0 018 12.5a7.52 7.52 0 01-4.1-1.17A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.52 7.52 0 014.1 1.17A5.49 5.49 0 0114.47 8a5.49 5.49 0 01-2.37 3.33z"})):"eye-half"===this.name?this.renderSvgIcon(t("path",{d:"M13.35 2.65a.48.48 0 00-.7 0l-.78.77a8.71 8.71 0 00-8.52.41A6.57 6.57 0 00.51 7.89v.22a6.58 6.58 0 002.71 4l-.57.58a.49.49 0 00.7.7l10-10a.48.48 0 000-.74zM9.73 5.56a3 3 0 00-4.17 4.17l-1.62 1.62A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.67 7.67 0 013.12.67zm3.61-1.2l-.72.72A5.45 5.45 0 0114.47 8a5.49 5.49 0 01-2.37 3.33A7.52 7.52 0 018 12.5a8.15 8.15 0 01-2.41-.38l-.78.78a8.9 8.9 0 003.19.6 8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.56 6.56 0 00-2.15-3.53z"})):"eye-half-dotted"===this.name?this.renderSvgIcon(t(s,null,t("path",{d:"M4.12 11.46A5.62 5.62 0 011.52 8 5.57 5.57 0 013.9 4.67 7.52 7.52 0 018 3.5a7.7 7.7 0 013.33.75l.74-.74A8.67 8.67 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.54 6.54 0 002.88 4.08z"}),t("path",{d:"M8 5a3 3 0 00-3 3 3 3 0 00.69 1.89l4.2-4.2A3 3 0 008 5zM5.88 5.88zM9.2 12.41a.51.51 0 00-.42.57.5.5 0 00.56.42.5.5 0 00.43-.57.51.51 0 00-.57-.42zM6.77 12.41a.5.5 0 00-.57.42.49.49 0 00.41.57.5.5 0 10.15-1zM14.48 5.61a.5.5 0 00-.7-.12.49.49 0 00-.12.69.5.5 0 00.82-.57zM11.5 11.68a.5.5 0 00-.22.67.51.51 0 00.68.22.5.5 0 00-.46-.89zM15.07 7.77a.52.52 0 00-.62.35.51.51 0 00.35.62.5.5 0 00.61-.35.52.52 0 00-.34-.62zM13.36 10.21a.5.5 0 10.76.64.49.49 0 00-.06-.7.51.51 0 00-.7.06z"}))):"chevron-right"===this.name?this.renderSvgIcon(t("path",{d:"M10.83,7.62l-4-3.5A.5.5,0,0,0,6,4.5v7a.5.5,0,0,0,.83.38l4-3.5a.51.51,0,0,0,0-.76Z"})):"chevron-down"===this.name?this.renderSvgIcon(t("path",{d:"M11.88,9.17l-3.5-4a.51.51,0,0,0-.76,0l-3.5,4A.5.5,0,0,0,4.5,10h7a.5.5,0,0,0,.38-.83Z",transform:"rotate(180 8 8)"})):"search"===this.name?this.renderSvgIcon(t("path",{d:"M14.85 14.15l-4-4a.37.37 0 00-.2-.12 5.45 5.45 0 10-.62.62.37.37 0 00.12.2l4 4a.49.49 0 00.7-.7zM9.71 9.71a4.51 4.51 0 01-6.42 0 4.51 4.51 0 010-6.42 4.51 4.51 0 016.42 0 4.51 4.51 0 010 6.42z"})):"close-circle"===this.name?this.renderSvgIcon(t("path",{d:"M8 1a7 7 0 107 7 7 7 0 00-7-7zm2.85 9.15a.49.49 0 01-.7.7L8 8.71l-2.15 2.14a.49.49 0 01-.7-.7L7.29 8 5.15 5.85a.49.49 0 01.7-.7L8 7.29l2.15-2.14a.49.49 0 01.7.7L8.71 8z"})):"pin-fill"===this.name?this.renderSvgIcon(t("path",{d:"M8,.55A5.9,5.9,0,0,0,2.1,6.44a9.14,9.14,0,0,0,2.66,6.24,11.44,11.44,0,0,0,1.93,1.65,7.43,7.43,0,0,0,.73.44l.28.12a.78.78,0,0,0,.6,0,6.65,6.65,0,0,0,1.34-.79,11.79,11.79,0,0,0,2.76-2.88,8.59,8.59,0,0,0,1.5-4.78A5.9,5.9,0,0,0,8,.55ZM8,8.44a2,2,0,1,1,2-2A2,2,0,0,1,8,8.44Z"})):t("svg",null)}renderSvgIcon(a){return t(h,{class:i({"size-sm":"sm"===this.size,"size-md":"md"===this.size,"size-lg":"lg"===this.size})},t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},a))}};l.style=":host{display:inline-block;width:1em;height:1em;fill:currentColor}:host(.size-sm){font-size:16px}:host(.size-md){font-size:24px}:host(.size-lg){font-size:32px}svg{display:block;width:100%;height:100%}";export{l as vertex_viewer_icon}

package/dist/viewer/p-ca518dcb.entry.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import{r as t,c as n,h as e,H as s,g as i}from"./p-2e581b2a.js";import{v as o,q as h,m as a,u as r}from"./p-70e5e8a8.js";import{o as l}from"./p-083f427e.js";import"./p-e42cb163.js";import"./p-df8fbe56.js";import{V as d}from"./p-29986489.js";import"./p-dfe5a97d.js";let c=class{constructor(e){t(this,e),this.propertyChange=n(this,"propertyChange",7),this.position=o.origin(),this.positionJson="",this.quaternion=h.create(),this.quaternionJson="",this.scale=o.create(1,1,1),this.scaleJson="",this.matrix=a.makeIdentity(),this.occlusionOff=!1,this.occluded=!1,this.billboardOff=!1,this.interactionsOff=!1}handlePositionChange(){this.syncMatrix()}handlePositionJsonChanged(){this.syncPosition()}handleRotationChanged(){this.syncQuaternionWithRotation()}handleRotationJsonChanged(){this.syncRotation()}handleQuaternionChange(){this.syncMatrix()}handleQuaternionJsonChanged(){this.syncQuaternion()}handleScaleChange(){this.syncMatrix()}handleScaleJsonChanged(){this.syncScale()}handleMatrixChanged(t,n){l.isEqual(t,n)||this.propertyChange.emit()}connectedCallback(){this.syncProperties()}componentShouldUpdate(t,n,e){return"occluded"===e}syncProperties(){this.syncPosition(),this.syncRotation(),this.syncQuaternion(),this.syncScale(),this.syncMatrix()}syncPosition(){this.position=this.positionJson.length>0?this.parseJson("positionJson",this.positionJson,o.fromJson):this.position}syncRotation(){this.rotation=null!=this.rotationJson&&this.rotationJson.length>0?this.parseJson("rotationJson",this.rotationJson,r.fromJson):this.rotation,this.syncQuaternionWithRotation()}syncQuaternionWithRotation(){this.quaternion=null!=this.rotation?h.fromEuler(this.rotation):this.quaternion}syncQuaternion(){this.quaternion=this.quaternionJson.length>0?this.parseJson("quaternionJson",this.quaternionJson,h.fromJson):this.quaternion}syncScale(){this.scale=this.scaleJson.length>0?this.parseJson("scaleJson",this.scaleJson,o.fromJson):this.scale}syncMatrix(){this.matrix=a.makeTRS(this.position,this.quaternion,this.scale)}parseJson(t,n,e){try{return e(n)}catch(n){throw console.warn(`Could not parse \`${t}\`. Invalid JSON.`),n}}render(){return e(s,null,e("slot",null))}static get watchers(){return{position:["handlePositionChange"],positionJson:["handlePositionJsonChanged"],rotation:["handleRotationChanged"],rotationJson:["handleRotationJsonChanged"],quaternion:["handleQuaternionChange"],quaternionJson:["handleQuaternionJsonChanged"],scale:["handleScaleChange"],scaleJson:["handleScaleJsonChanged"],matrix:["handleMatrixChanged"]}}};function u(t){return t instanceof HTMLElement&&"VERTEX-VIEWER-DOM-ELEMENT"===t.nodeName}function p(t){return t instanceof HTMLElement&&"VERTEX-VIEWER-DOM-GROUP"===t.nodeName||t instanceof HTMLElement&&null!=t.dataset.isDomGroupElement}c.style=":host{position:absolute;pointer-events:none}:host(:not([interactions-off]))>*{pointer-events:auto}";const m=(t,n)=>e("div",{class:"root-2d"},n);function f(t,n,e,s,i){const o=v(t,n,s).sort(((t,n)=>t.distanceToCamera-n.distanceToCamera));for(let t=0;t<o.length;t++){const{element:n,worldMatrix:h,worldPosition:a}=o[t],r=!n.occlusionOff&&(null==i?void 0:i.isOccluded(a,e));n.occluded=null!=r&&r,g(n,w(a,s.projectionViewMatrix,e)),C(n,t,o.length),f(n,h,e,s,i)}}function v(t,n,e){const s=[];for(let i=0;i<t.children.length;i++){const h=t.children[i];if(p(h)){const t=a.multiply(n,h.matrix);s.push(...v(h,t,e))}else if(u(h)){const t=a.multiply(n,h.matrix),i=o.fromMatrixPosition(t),r=o.distanceSquared(e.position,i);s.push({element:h,worldMatrix:t,worldPosition:i,distanceToCamera:r})}}return s}function g(t,n){t.style.transform=["translate(-50%, -50%)",`translate(${n.x}px, ${n.y}px)`].join(" ")}function C(t,n,e){t.style.zIndex=""+(e-n)}function w(t,n,e){const s=o.transformMatrix(t,n);return e.transformVectorToViewport(s)}const J=({camera:t,viewport:n},s)=>{const i=a.toObject(t.projectionMatrix),o=t.isOrthographic()?2*t.far/(2*t.fovHeight)*(n.height/2):i.m22*(n.height/2),h=[`translateZ(${o}px)`,(r=t.viewMatrix,`matrix3d(${[M(r[0]),M(-r[1]),M(r[2]),M(r[3]),M(r[4]),M(-r[5]),M(r[6]),M(r[7]),M(r[8]),M(-r[9]),M(r[10]),M(r[11]),M(r[12]),M(-r[13]),M(r[14]),M(r[15])].join(", ")})`),`translate(${n.width/2}px, ${n.height/2}px)`].join(" ");var r;return e("div",{class:"root-3d",style:{perspective:`${o}px`}},e("div",{class:"camera",style:{transform:h}},s))};function x(t,n,e,s,i){for(let o=0;o<t.children.length;o++){const h=t.children[o];u(h)?y(h,n,e,s,i):p(h)&&E(h,n,e,s,i)}}function y(t,n,e,s,i){const h=a.multiply(n,t.matrix),r=o.fromMatrixPosition(h),l=!t.occlusionOff&&(null==i?void 0:i.isOccluded(r,e));if(t.occluded=null!=l&&l,t.billboardOff)t.style.transform=R(h);else{let n=s.viewMatrix;n=a.transpose(n),n=a.position(n,h),n=a.scale(n,t.scale),n[3]=0,n[7]=0,n[11]=0,n[15]=1,t.style.transform=R(n)}x(t,h,e,s,i)}function E(t,n,e,s,i){x(t,a.multiply(n,t.matrix),e,s,i)}function R(t){return["translate(-50%, -50%)",`matrix3d(${[M(t[0]),M(t[1]),M(t[2]),M(t[3]),M(-t[4]),M(-t[5]),M(-t[6]),M(-t[7]),M(t[8]),M(t[9]),M(t[10]),M(t[11]),M(t[12]),M(t[13]),M(t[14]),M(t[15])].join(", ")})`].join(" ")}function M(t){return Math.abs(t)<1e-10?0:t}let P=class{constructor(n){t(this,n),this.drawMode="3d",this.viewport=new d(0,0),this.invalidateFrameCounter=0,this.handleViewerFrameDrawn=async()=>{this.updatePropsFromViewer()}}componentWillLoad(){new ResizeObserver((()=>this.handleResize())).observe(this.hostEl),new MutationObserver((()=>this.handleChildrenChange())).observe(this.hostEl,{childList:!0}),this.handleViewerChange(this.viewer,void 0)}render(){return null!=this.camera?e(s,null,"2d"===this.drawMode?e(m,null,e("slot",null)):e(J,{camera:this.camera,viewport:this.viewport},e("slot",null))):e(s,null)}componentDidRender(){this.updateElements()}handleViewerChange(t,n){null==n||n.removeEventListener("frameDrawn",this.handleViewerFrameDrawn),null==t||t.addEventListener("frameDrawn",this.handleViewerFrameDrawn)}handlePropertyChange(){this.invalidateFrame()}invalidateFrame(){this.invalidateFrameCounter=this.invalidateFrameCounter+1}async updateElements(){const{viewport:t,camera:n}=this,e=a.makeIdentity();null!=n&&("3d"===this.drawMode?x(this.hostEl,e,t,n,this.depthBuffer):f(this.hostEl,e,t,n,this.depthBuffer))}handleResize(){const t=this.hostEl.getBoundingClientRect();this.viewport=new d(t.width,t.height)}handleChildrenChange(){this.invalidateFrame()}async updatePropsFromViewer(){const{frame:t,depthBuffers:n}=this.viewer||{};this.depthBuffer="all"===n?await(null==t?void 0:t.depthBuffer()):void 0,this.camera=null==t?void 0:t.scene.camera}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChange"]}}};P.style=":host{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.root-3d{width:100%;height:100%;pointer-events:inherit}.camera{transform-style:preserve-3d;pointer-events:inherit;width:100%;height:100%}";export{c as vertex_viewer_dom_element,P as vertex_viewer_dom_renderer}

package/dist/viewer/p-d828fd18.entry.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import{r as i,c as t,h as n,H as e,g as o}from"./p-2e581b2a.js";import{p as a}from"./p-70e5e8a8.js";import{c as s}from"./p-07aeee89.js";import{g as l}from"./p-99352cf0.js";import{a as r,P as h,b as d}from"./p-148c5f1a.js";import{r as v}from"./p-eb8e5db5.js";import{t as p,a as b}from"./p-9acd1b44.js";import"./p-dfe5a97d.js";import"./p-083f427e.js";import"./p-39803f8f.js";let u=class{constructor(n){i(this,n),this.labelChanged=t(this,"labelChanged",7),this.labelFocused=t(this,"labelFocused",7),this.labelBlurred=t(this,"labelBlurred",7),this.focused=!1,this.textareaRows=1,this.computeContentSize=()=>{v((()=>{if(null!=this.contentEl){this.contentElBounds=this.contentEl.getBoundingClientRect();const i=window.getComputedStyle(this.contentEl);this.textareaRows=Math.max(1,Math.ceil((parseFloat(i.height)-2*parseFloat(i.borderWidth))/parseFloat(i.lineHeight)))}}))},this.handleInputKeyDown=i=>{"Enter"===i.key&&(i.ctrlKey||i.metaKey)?(i.preventDefault(),this.submit()):"Enter"===i.key&&(this.textareaRows+=1)},this.handlePointerDown=i=>{var t;this.focused||null!=this.elementBounds&&(this.relativePointerDownPosition=p(l(i,this.elementBounds),this.elementBounds),this.pinPointerDownPosition=null===(t=this.pin)||void 0===t?void 0:t.label.point,window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp))},this.handlePointerMove=i=>{var t,n;if(null!=this.elementBounds&&this.relativePointerDownPosition&&null!=this.pinPointerDownPosition){const e=l(i,this.elementBounds),o=p(e,this.elementBounds),s=a.subtract(o,this.relativePointerDownPosition),r=null!=this.pin?{id:this.pin.id,worldPosition:this.pin.worldPosition,label:{point:a.add(this.pinPointerDownPosition,s),text:this.pin.label.text},partId:null===(t=this.pin)||void 0===t?void 0:t.partId}:void 0;r&&(null===(n=this.pinController)||void 0===n||n.updatePin(r),this.computeScreenPosition())}},this.handlePointerUp=i=>{var t,n;if("edit"===(null===(t=this.pinController)||void 0===t?void 0:t.getToolMode())&&null!=this.relativePointerDownPosition&&null!=this.elementBounds){const t=b(this.relativePointerDownPosition,this.elementBounds);a.distance(t,l(i,this.elementBounds))<=2&&(this.focused=!0,this.labelFocused.emit(null===(n=this.pin)||void 0===n?void 0:n.id))}this.relativePointerDownPosition=void 0,this.pinPointerDownPosition=void 0,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.handleTextBlur=()=>{this.submit()},this.handleTextInput=i=>{this.value=i.target.value},this.value=this.getPinText()}async setFocus(){var i,t,n;"function"==typeof(null===(i=this.inputEl)||void 0===i?void 0:i.focus)&&(this.focused?null===(t=this.inputEl)||void 0===t||t.focus():null===(n=this.inputEl)||void 0===n||n.blur())}watchFocusChange(){var i,t;this.labelChanged.emit(),this.focused&&(null===(i=this.pinController)||void 0===i||i.setSelectedPinId(null===(t=this.pin)||void 0===t?void 0:t.id))}watchPinChange(){this.value=this.getPinText(),this.computeScreenPosition()}watchElementBoundsChange(){this.computeScreenPosition()}componentWillLoad(){this.computeScreenPosition()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.labelChanged.emit()})),this.contentResizeObserver=new ResizeObserver(this.computeContentSize),null!=this.hostEl&&this.resizeObserver.observe(this.hostEl),null!=this.contentEl&&this.contentResizeObserver.observe(this.contentEl),null==this.pinController&&(this.pinController=new r(new h))}disconnectedCallback(){var i,t;null===(i=this.resizeObserver)||void 0===i||i.disconnect(),null===(t=this.contentResizeObserver)||void 0===t||t.disconnect()}componentDidRender(){this.focused&&null!=this.inputEl&&this.setFocus()}render(){var i,t,o,a;return n(e,null,n("div",{id:`pin-label-${null===(i=this.pin)||void 0===i?void 0:i.id}`,class:s("pin-label-input-wrapper",{focused:this.focused}),onPointerDown:this.handlePointerDown,style:{top:`${(null===(t=this.computedScreenPosition)||void 0===t?void 0:t.y.toString())||0}px`,left:`${(null===(o=this.computedScreenPosition)||void 0===o?void 0:o.x.toString())||0}px`,minWidth:this.computeMinWidth(),maxWidth:this.computeMaxWidth(),maxHeight:this.computeMaxHeight()}},n("textarea",{id:`pin-label-input-${null===(a=this.pin)||void 0===a?void 0:a.id}`,class:s("pin-label-input","pin-label-text",{readonly:!this.focused}),disabled:!this.focused,ref:i=>this.inputEl=i,value:this.value,rows:this.textareaRows,onKeyDown:this.handleInputKeyDown,onInput:this.handleTextInput,onBlur:this.handleTextBlur}),!this.focused&&n("div",{class:"pin-input-drag-target",onPointerDown:this.handlePointerDown})),n("div",{ref:i=>this.contentEl=i,class:s("pin-label-text","pin-label-hidden"),style:{maxWidth:this.computeMaxWidth(),maxHeight:this.computeMaxHeight()}},this.hiddenContent()))}hiddenContent(){return this.value.includes("\n")?this.value.split("\n").reduce(((i,t)=>[...i,t,n("br",null)]),[]):[this.value]}computeMinWidth(){return null!=this.contentElBounds?`min(${this.contentElBounds.width+16}px, ${this.computeMaxWidth()})`:"var(--viewer-annotations-pin-label-min-width)"}computeMaxWidth(){return`min(var(--viewer-annotations-pin-label-max-width), ${this.computeRemainingWidth()})`}computeMaxHeight(){return`min(var(--viewer-annotations-pin-label-max-height), ${this.computeRemainingHeight()})`}computeRemainingWidth(){var i,t;return`calc(${(null===(i=this.elementBounds)||void 0===i?void 0:i.width.toString())||0}px - ${(null===(t=this.computedScreenPosition)||void 0===t?void 0:t.x.toString())||0}px)`}computeRemainingHeight(){var i,t;return`calc(${(null===(i=this.elementBounds)||void 0===i?void 0:i.height.toString())||0}px - ${(null===(t=this.computedScreenPosition)||void 0===t?void 0:t.y.toString())||0}px)`}getPinText(){var i;return this.value=null!=(null===(i=this.pin)||void 0===i?void 0:i.label.text)?this.pin.label.text:"",this.value}computeScreenPosition(){this.computedScreenPosition=d(this.pin)&&null!=this.elementBounds&&null!=this.pin.label.point?b(this.pin.label.point,this.elementBounds):void 0}submit(){var i,t;this.focused=!1,this.labelBlurred.emit(null===(i=this.pin)||void 0===i?void 0:i.id),null!=this.pin&&(null===(t=this.pinController)||void 0===t||t.updatePin(Object.assign(Object.assign({},this.pin),{label:{point:this.pin.label.point,text:this.value}})))}get hostEl(){return o(this)}static get watchers(){return{focused:["watchFocusChange"],pin:["watchPinChange"],elementBounds:["watchElementBoundsChange"]}}};u.style=":host{--viewer-annotations-pin-label-background-color:var(--blue-200);--viewer-annotations-pin-label-border-color:var(--blue-600);--viewer-annotations-pin-label-focused-border-color:var(--blue-700);--viewer-annotations-pin-label-color:var(--white);--viewer-annotations-pin-label-padding-y:0.375em;--viewer-annotations-pin-label-padding-x:0.5em;--viewer-annotations-pin-label-border-width:2px;--viewer-annotations-pin-label-border-style:solid;--viewer-annotations-pin-label-border-radius:0.25em;--viewer-annotations-pin-label-min-width:2rem;--viewer-annotations-pin-label-max-width:25rem;--viewer-annotations-pin-label-max-height:50rem;overflow:hidden;pointer-events:none}:host([mode='']) .pin-label{color:var(--viewer-annotations-pin-label-color);background:var(--viewer-annotations-pin-label-background-color)}.pin-label-text{font-family:Arial, Helvetica, sans-serif;font-size:0.875rem;line-height:1rem;word-break:break-word;white-space:pre-wrap}.pin-label-input-wrapper{display:flex;position:absolute;pointer-events:auto;box-sizing:border-box;min-width:var(--viewer-annotations-pin-label-min-width);max-width:var(--viewer-annotations-pin-label-max-width);max-height:var(--viewer-annotations-pin-label-max-height);background:var(--viewer-annotations-pin-label-background-color);border-width:var(--viewer-annotations-pin-label-border-width);border-style:var(--viewer-annotations-pin-label-border-style);border-color:var(--viewer-annotations-pin-label-border-color);border-radius:var(--viewer-annotations-pin-label-border-radius)}.pin-label-input-wrapper.focused{min-width:var(--viewer-annotations-pin-label-max-width);border-color:var(--viewer-annotations-pin-label-focused-border-color)}.pin-input-drag-target{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.pin-label-input{resize:none;position:relative;outline:none;border:none;word-break:break-word;padding:0 0 0 0;background-color:transparent;margin:var(--viewer-annotations-pin-label-padding-y) var(--viewer-annotations-pin-label-padding-x);width:var(--viewer-annotations-pin-label-min-width);flex-grow:1;overflow:hidden;max-width:calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)))}.pin-label-input.readonly{pointer-events:auto;color:black;cursor:pointer}.pin-label-hidden{position:absolute;visibility:hidden;pointer-events:none;width:auto;height:auto;box-sizing:border-box;border-width:var(--viewer-annotations-pin-label-border-width);border-style:var(--viewer-annotations-pin-label-border-style);border-color:var(--viewer-annotations-pin-label-border-color);margin:var(--viewer-annotations-pin-label-padding-y) 0;padding:0 var(--viewer-annotations-pin-label-padding-x);max-width:calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)))}";let w=class{constructor(t){i(this,t)}render(){var i,t,o,a;return n(e,null,n("svg",{class:"svg"},n("line",{class:"label-line",x1:null===(i=this.labelPoint)||void 0===i?void 0:i.x,y1:null===(t=this.labelPoint)||void 0===t?void 0:t.y,x2:null===(o=this.pinPoint)||void 0===o?void 0:o.x,y2:null===(a=this.pinPoint)||void 0===a?void 0:a.y})))}};w.style=":host{--viewer-annotations-pin-label-line-color:var(--blue-600);--viewer-annotations-pin-label-line-width:1\n\n  overflow: hidden;pointer-events:none}.label-line{pointer-events:auto;stroke:var(--viewer-annotations-pin-label-line-color);stroke-width:var( --viewer-annotations-pin-label-line-width);cursor:default}.svg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;height:100%;width:100%}";export{u as vertex_viewer_pin_label,w as vertex_viewer_pin_label_line}

package/dist/viewer/p-d996b1d2.entry.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import{h as o,r as e,c as t,H as r,g as i}from"./p-2e581b2a.js";import{h as n,p as s,i as h}from"./p-70e5e8a8.js";import{g as a}from"./p-99352cf0.js";import{g as d}from"./p-5809b400.js";import{t as l,i as c,a as u,b as w,g as p,c as b,d as v,e as m}from"./p-9acd1b44.js";import{p as f,c as g,d as k,e as x,f as D}from"./p-39803f8f.js";import{c as P}from"./p-07aeee89.js";import"./p-dfe5a97d.js";const y=({id:e,rotation:t,name:r,point:i,onPointerDown:n},s)=>o("div",{id:e,class:"bounds-anchor-position",style:{top:`${i.y}px`,left:`${i.x}px`},onTouchStart:o=>o.preventDefault(),onPointerDown:n},o("div",{class:"bounds-anchor",style:{transform:`rotateZ(${null!=t?t:0}deg)`}},o("slot",{name:r},s))),A=({id:e})=>o("filter",{id:e,filterUnits:"userSpaceOnUse"},o("feGaussianBlur",{in:"SourceAlpha",stdDeviation:"2"}),o("feOffset",{dx:"0",dy:"1",result:"offsetblur"}),o("feFlood",{"flood-color":"#000000","flood-opacity":"0.25"}),o("feComposite",{in2:"offsetblur",operator:"in"}),o("feMerge",null,o("feMergeNode",null),o("feMergeNode",{in:"SourceGraphic"}))),C=({start:e,end:t,onStartAnchorPointerDown:r,onCenterAnchorPointerDown:i,onEndAnchorPointerDown:h})=>{const a=n.normalize(n.toDegrees(n.fromPoints(e,t))-270),d=s.create((e.x+t.x)/2,(e.y+t.y)/2);return o("div",{class:"bounds-container"},o(y,{id:"bounding-box-1d-start-anchor",name:"start-anchor",rotation:a,point:e,onPointerDown:r},o("div",{class:P("bounds-default-anchor","bounds-cap-anchor")})),o(y,{id:"bounding-box-1d-end-anchor",name:"end-anchor",rotation:a,point:t,onPointerDown:h},o("div",{class:P("bounds-default-anchor","bounds-cap-anchor")})),o(y,{id:"bounding-box-1d-center-anchor",name:"center-anchor",point:d,onPointerDown:i},o("div",{class:P("bounds-default-anchor","bounds-center-anchor")})))};let L=class{constructor(o){e(this,o),this.editBegin=t(this,"editBegin",7),this.editEnd=t(this,"editEnd",7),this.viewRendered=t(this,"viewRendered",7),this.mode="",this.editAnchor="end",this.editStartPoint=o=>{this.editAnchor="start",this.startMarkup(o)},this.editCenterPoint=o=>{this.editAnchor="center",this.startMarkup(o)},this.editEndPoint=o=>{this.editAnchor="end",this.startMarkup(o)},this.updatePoints=o=>{if(null!=this.elementBounds&&this.pointerId===o.pointerId){const e=l(a(o,this.elementBounds),this.elementBounds);if("start"===this.editAnchor)this.start=e;else if("end"===this.editAnchor)this.end=e;else if(null!=this.start&&null!=this.end){const o=s.create((this.start.x+this.end.x)/2,(this.start.y+this.end.y)/2),t=o.x-e.x,r=o.y-e.y;this.start=s.create(this.start.x-t,this.start.y-r),this.end=s.create(this.end.x-t,this.end.y-r)}}},this.handleWindowPointerDown=o=>{c(o)&&this.startMarkup(o)},this.handleTouchStart=o=>{o.preventDefault()},this.startMarkup=o=>{var e;""!==this.mode&&null!=this.elementBounds&&null==this.pointerId&&(this.pointerId=o.pointerId,this.start=null!==(e=this.start)&&void 0!==e?e:l(a(o,this.elementBounds),this.elementBounds),this.editBegin.emit(),this.addDrawingInteractionListeners())},this.endMarkup=o=>{if(this.pointerId===o.pointerId){const o=null!=this.start&&null!=this.elementBounds?u(this.start,this.elementBounds):void 0,e=null!=this.end&&null!=this.elementBounds?u(this.end,this.elementBounds):void 0;""!==this.mode&&null!=o&&null!=e&&s.distance(o,e)>=2?this.editEnd.emit():(this.start=void 0,this.end=void 0),this.pointerId=void 0,this.removeDrawingInteractionListeners()}}}componentWillLoad(){this.updateViewport(),this.handleViewerChanged(this.viewer),this.updatePointsFromProps()}componentDidLoad(){this.updatePointsFromProps(),new ResizeObserver((()=>this.updateViewport())).observe(this.hostEl),"create"===this.mode&&window.addEventListener("pointerdown",this.handleWindowPointerDown)}componentDidRender(){""===this.mode&&this.viewRendered.emit()}disconnectedCallback(){window.removeEventListener("pointerdown",this.handleWindowPointerDown)}async dispose(){null!=this.viewer&&this.removeInteractionListeners(this.viewer),this.removeDrawingInteractionListeners(),window.removeEventListener("pointerdown",this.handleWindowPointerDown)}handleViewerChanged(o,e){null!=e&&this.removeInteractionListeners(e),null!=o&&this.addInteractionListeners(o)}handleStartJsonChange(){this.updatePointsFromProps()}handleEndJsonChange(){this.updatePointsFromProps()}handleModeChange(){"create"!==this.mode&&window.removeEventListener("pointerdown",this.handleWindowPointerDown)}updateViewport(){const o=d(this.hostEl);this.elementBounds=o}updatePointsFromProps(){this.start=this.start||f(this.startJson),this.end=this.end||f(this.endJson)}render(){if(null!=this.start&&null!=this.end&&null!=this.elementBounds){const e=u(this.start,this.elementBounds),t=u(this.end,this.elementBounds),i=g(e,t);return w(e,t)?o(r,null,o("svg",{class:"svg",onTouchStart:this.handleTouchStart},o("defs",null,o(A,{id:"arrow-shadow"})),o("g",{filter:"url(#arrow-shadow)"},o("polygon",{id:"arrow-head",class:"head",points:k(i)}),o("line",{id:"arrow-line",class:"line",x1:e.x,y1:e.y,x2:i.base.x,y2:i.base.y}),"edit"===this.mode&&o("line",{id:"bounding-box-1d-line",class:"bounds-line",x1:e.x,y1:e.y,x2:t.x,y2:t.y}))),"edit"===this.mode&&o(C,{start:e,end:t,onStartAnchorPointerDown:this.editStartPoint,onCenterAnchorPointerDown:this.editCenterPoint,onEndAnchorPointerDown:this.editEndPoint}),"create"===this.mode&&o("div",{class:"create-overlay",onTouchStart:this.handleTouchStart})):o(r,null)}return o(r,null,o("div",{class:"create-overlay",onTouchStart:this.handleTouchStart}))}async addInteractionListeners(o){const e=await o.getInteractionTarget();"create"===this.mode&&e.addEventListener("pointerdown",this.startMarkup)}async addDrawingInteractionListeners(){""!==this.mode&&(window.addEventListener("pointermove",this.updatePoints),window.addEventListener("pointerup",this.endMarkup))}async removeInteractionListeners(o){(await o.getInteractionTarget()).removeEventListener("pointerdown",this.startMarkup)}async removeDrawingInteractionListeners(){window.removeEventListener("pointermove",this.updatePoints),window.removeEventListener("pointerup",this.endMarkup)}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChanged"],start:["handleStartJsonChange"],end:["handleEndJsonChange"],mode:["handleModeChange"]}}};L.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-markup-arrow-line-stroke-color:var(--red-800);--viewer-markup-arrow-line-stroke-width:4;--viewer-markup-arrow-head-stroke-color:var(--red-800);--viewer-markup-arrow-head-stroke-width:4;--viewer-markup-arrow-head-fill-color:var(--red-800);--viewer-markup-arrow-head-fill-opacity:1;--viewer-markup-arrow-bounds-cap-border-color:var(--blue-400);--viewer-markup-arrow-bounds-cap-border-width:1px;--viewer-markup-arrow-bounds-cap-background-color:white;--viewer-markup-arrow-bounds-center-anchor-border-color:white;--viewer-markup-arrow-bounds-center-anchor-border-width:1px;--viewer-markup-arrow-bounds-center-anchor-background-color:var(--blue-400);--viewer-markup-arrow-bounds-outline-width:1px;--viewer-markup-arrow-bounds-outline-color:var(--blue-400);--viewer-markup-arrow-bounds-anchor-width:9px;--viewer-markup-arrow-bounds-anchor-height:9px}.svg{pointer-events:none;width:100%;height:100%}.create-overlay{pointer-events:auto;position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.line{pointer-events:auto;stroke:var(--viewer-markup-arrow-line-stroke-color);stroke-width:var(--viewer-markup-arrow-line-stroke-width);cursor:default}.head{pointer-events:auto;stroke:var(--viewer-markup-arrow-head-stroke-color);stroke-width:var(--viewer-markup-arrow-head-stroke-width);fill:var(--viewer-markup-arrow-head-fill-color);fill-opacity:var(--viewer-markup-arrow-head-fill-opacity);cursor:default}.bounds-line{pointer-events:auto;stroke:var(--viewer-markup-arrow-bounds-outline-color);stroke-width:var(--viewer-markup-arrow-bounds-outline-width)}.bounds-container{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.bounds-anchor-position{position:absolute;transform:translate(-50%, -50%)}.bounds-anchor{pointer-events:auto;cursor:default;user-select:none}.bounds-default-anchor{width:var(--viewer-markup-arrow-bounds-anchor-width);height:var(--viewer-markup-arrow-bounds-anchor-height);box-sizing:border-box;box-shadow:0 0 2px rgba(0, 0, 0, 0.3)}.bounds-center-anchor{border-radius:100%;border-width:var(--viewer-markup-arrow-bounds-center-anchor-border-width);border-color:var(--viewer-markup-arrow-bounds-center-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-arrow-bounds-center-anchor-background-color)}.bounds-cap-anchor{border-width:var(--viewer-markup-arrow-bounds-cap-border-width);border-color:var(--viewer-markup-arrow-bounds-cap-border-color);border-style:solid;background-color:var(--viewer-markup-arrow-bounds-cap-background-color)}";const T=({bounds:e,onTopLeftAnchorPointerDown:t,onLeftAnchorPointerDown:r,onTopRightAnchorPointerDown:i,onRightAnchorPointerDown:n,onBottomLeftAnchorPointerDown:s,onBottomAnchorPointerDown:a,onBottomRightAnchorPointerDown:d,onTopAnchorPointerDown:l,onCenterAnchorPointerDown:c})=>{const u=h.pad(e,6),w=h.center(u);return o("div",{class:"bounds-container"},o("div",{class:"bounds-outline",style:{top:`${u.y}px`,left:`${u.x}px`,width:`${u.width}px`,height:`${u.height}px`}}),o(y,{id:"bounding-box-2d-top-left-anchor",name:"top-left-anchor",point:p(u,"top-left"),onPointerDown:t},o("div",{class:P("bounds-default-anchor","bounds-edge-anchor")})),o(y,{id:"bounding-box-2d-left-anchor",name:"left-anchor",point:p(u,"left"),onPointerDown:r},o("div",{class:P("bounds-default-anchor","bounds-edge-anchor")})),o(y,{id:"bounding-box-2d-top-right-anchor",name:"top-right-anchor",point:p(u,"top-right"),onPointerDown:i},o("div",{class:P("bounds-default-anchor","bounds-edge-anchor")})),o(y,{id:"bounding-box-2d-right-anchor",name:"right-anchor",point:p(u,"right"),onPointerDown:n},o("div",{class:P("bounds-default-anchor","bounds-edge-anchor")})),o(y,{id:"bounding-box-2d-bottom-left-anchor",name:"bottom-left-anchor",point:p(u,"bottom-left"),onPointerDown:s},o("div",{class:P("bounds-default-anchor","bounds-edge-anchor")})),o(y,{id:"bounding-box-2d-bottom-anchor",name:"bottom-anchor",point:p(u,"bottom"),onPointerDown:a},o("div",{class:P("bounds-default-anchor","bounds-edge-anchor")})),o(y,{id:"bounding-box-2d-bottom-right-anchor",name:"bottom-right-anchor",point:p(u,"bottom-right"),onPointerDown:d},o("div",{class:P("bounds-default-anchor","bounds-edge-anchor")})),o(y,{id:"bounding-box-2d-top-anchor",name:"top-anchor",point:p(u,"top"),onPointerDown:l},o("div",{class:P("bounds-default-anchor","bounds-edge-anchor")})),o(y,{id:"bounding-box-2d-center-anchor",name:"center-anchor",point:w,onPointerDown:c},o("div",{class:P("bounds-default-anchor","bounds-center-anchor")})))};let B=class{constructor(o){e(this,o),this.editBegin=t(this,"editBegin",7),this.editEnd=t(this,"editEnd",7),this.viewRendered=t(this,"viewRendered",7),this.mode="",this.editAnchor="bottom-right",this.updateEditAnchor=(o,e)=>{this.resizeBounds=this.bounds,this.editAnchor=e,this.startMarkup(o)},this.updatePoints=o=>{var e;if(null!=this.bounds&&null!=this.startPosition&&null!=this.elementBounds&&this.pointerId===o.pointerId){const t=l(a(o,this.elementBounds),this.elementBounds);this.bounds=b(null!==(e=this.resizeBounds)&&void 0!==e?e:this.bounds,this.startPosition,t,this.editAnchor,o.shiftKey)}},this.handleWindowPointerDown=o=>{c(o)&&this.startMarkup(o)},this.handleTouchStart=o=>{o.preventDefault()},this.startMarkup=o=>{var e;if(""!==this.mode&&null!=this.elementBounds&&null==this.pointerId){const t=l(a(o,this.elementBounds),this.elementBounds);this.pointerId=o.pointerId,this.startPosition=t,this.bounds=null!==(e=this.bounds)&&void 0!==e?e:h.create(t.x,t.y,0,0),this.resizeBounds=this.bounds,this.editBegin.emit(),this.addDrawingInteractionListeners()}},this.endMarkup=o=>{var e,t;this.pointerId===o.pointerId&&(""!==this.mode&&null!=this.bounds&&(null===(e=this.bounds)||void 0===e?void 0:e.width)>0&&(null===(t=this.bounds)||void 0===t?void 0:t.height)>0?(this.editAnchor="bottom-right",this.editEnd.emit()):this.bounds=void 0,this.pointerId=void 0,this.removeDrawingInteractionListeners())}}componentWillLoad(){this.updateViewport(),this.handleViewerChanged(this.viewer),this.updateBoundsFromProps()}componentDidLoad(){this.updateBoundsFromProps(),new ResizeObserver((()=>this.updateViewport())).observe(this.hostEl),"create"===this.mode&&window.addEventListener("pointerdown",this.handleWindowPointerDown)}componentDidRender(){""===this.mode&&this.viewRendered.emit()}disconnectedCallback(){window.removeEventListener("pointerdown",this.handleWindowPointerDown)}async dispose(){null!=this.viewer&&this.removeInteractionListeners(this.viewer),this.removeDrawingInteractionListeners(),window.removeEventListener("pointerdown",this.handleWindowPointerDown)}handleViewerChanged(o,e){null!=e&&this.removeInteractionListeners(e),null!=o&&this.addInteractionListeners(o)}handleBoundsJsonChange(){this.updateBoundsFromProps()}handleModeChange(){"create"!==this.mode&&window.removeEventListener("pointerdown",this.handleWindowPointerDown)}updateViewport(){const o=d(this.hostEl);this.elementBounds=o}updateBoundsFromProps(){var o;this.bounds=null!==(o=this.bounds)&&void 0!==o?o:x(this.boundsJson)}render(){if(null!=this.bounds&&null!=this.elementBounds){const e=v(this.bounds,this.elementBounds),t=h.center(e);return o(r,null,o("svg",{class:"svg",onTouchStart:this.handleTouchStart},o("defs",null,o(A,{id:"circle-shadow"})),o("g",{filter:"url(#circle-shadow)"},o("ellipse",{class:"ellipse",cx:t.x,cy:t.y,rx:e.width/2,ry:e.height/2,stroke:"#000ff0","stroke-width":4,fill:"none"}))),"edit"===this.mode&&o(T,{bounds:e,onTopLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"top-left"),onTopRightAnchorPointerDown:o=>this.updateEditAnchor(o,"top-right"),onTopAnchorPointerDown:o=>this.updateEditAnchor(o,"top"),onBottomLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom-left"),onBottomRightAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom-right"),onBottomAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom"),onLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"left"),onRightAnchorPointerDown:o=>this.updateEditAnchor(o,"right"),onCenterAnchorPointerDown:o=>this.updateEditAnchor(o,"center")}),"create"===this.mode&&o("div",{class:"create-overlay",onTouchStart:this.handleTouchStart}))}return o(r,null,o("div",{class:"create-overlay",onTouchStart:this.handleTouchStart}))}async addInteractionListeners(o){const e=await o.getInteractionTarget();"create"===this.mode&&e.addEventListener("pointerdown",this.startMarkup)}async addDrawingInteractionListeners(){""!==this.mode&&(window.addEventListener("pointermove",this.updatePoints),window.addEventListener("pointerup",this.endMarkup))}async removeInteractionListeners(o){(await o.getInteractionTarget()).removeEventListener("pointerdown",this.startMarkup)}async removeDrawingInteractionListeners(){window.removeEventListener("pointermove",this.updatePoints),window.removeEventListener("pointerup",this.endMarkup)}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChanged"],bounds:["handleBoundsJsonChange"],mode:["handleModeChange"]}}};B.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-markup-circle-ellipse-stroke-color:var(--red-700);--viewer-markup-circle-ellipse-stroke-width:4;--viewer-markup-circle-ellipse-fill-color:none;--viewer-markup-circle-ellipse-fill-opacity:0;--viewer-markup-circle-bounds-outline-border-color:var(--blue-400);--viewer-markup-circle-bounds-outline-border-width:1px;--viewer-markup-circle-bounds-edge-anchor-border-color:var(--blue-400);--viewer-markup-circle-bounds-edge-anchor-border-width:1px;--viewer-markup-circle-bounds-edge-anchor-background-color:white;--viewer-markup-circle-bounds-center-anchor-border-color:white;--viewer-markup-circle-bounds-center-anchor-border-width:1px;--viewer-markup-circle-bounds-center-anchor-background-color:var(--blue-400);--viewer-markup-circle-bounds-anchor-width:9px;--viewer-markup-circle-bounds-anchor-height:9px}.svg{pointer-events:none;width:100%;height:100%}.create-overlay{pointer-events:auto;position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.ellipse{pointer-events:auto;stroke:var(--viewer-markup-circle-ellipse-stroke-color);stroke-width:var(--viewer-markup-circle-ellipse-stroke-width);fill:var(--viewer-markup-circle-ellipse-fill-color);fill-opacity:var(--viewer-markup-circle-ellipse-fill-opacity);cursor:default}.bounds-container{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.bounds-outline{position:absolute;border-width:var(--viewer-markup-circle-bounds-outline-border-width);border-color:var(--viewer-markup-circle-bounds-outline-border-color);border-style:solid;box-shadow:0 0 3px rgba(0, 0, 0, 0.3)}.bounds-anchor-position{position:absolute;transform:translate(-50%, -50%)}.bounds-anchor{pointer-events:auto;cursor:default;user-select:none}.bounds-default-anchor{width:var(--viewer-markup-circle-bounds-anchor-width);height:var(--viewer-markup-circle-bounds-anchor-height);box-sizing:border-box;box-shadow:0 0 2px rgba(0, 0, 0, 0.3)}.bounds-center-anchor{border-radius:100%;border-width:var(--viewer-markup-circle-bounds-center-anchor-border-width);border-color:var(--viewer-markup-circle-bounds-center-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-circle-bounds-center-anchor-background-color)}.bounds-edge-anchor{border-width:var(--viewer-markup-circle-bounds-edge-anchor-border-width);border-color:var(--viewer-markup-circle-bounds-edge-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-circle-bounds-edge-anchor-background-color)}";let R=class{constructor(o){e(this,o),this.editBegin=t(this,"editBegin",7),this.editEnd=t(this,"editEnd",7),this.viewRendered=t(this,"viewRendered",7),this.mode="",this.editAnchor="bottom-right",this.screenPoints=[],this.handleWindowPointerDown=o=>{c(o)&&this.startMarkup(o)},this.handleTouchStart=o=>{o.preventDefault()},this.updateEditAnchor=(o,e)=>{null!=this.elementBounds&&(this.resizeBounds=this.bounds,this.resizePoints=this.points,this.editAnchor=e,this.resizeStartPosition=l(a(o,this.elementBounds),this.elementBounds),this.addEditingInteractionListeners())},this.updateBounds=o=>{var e;if(null!=this.resizeStartPosition&&null!=this.elementBounds&&null!=this.resizeBounds&&null!=this.resizePoints){const t=l(a(o,this.elementBounds),this.elementBounds),r=b(this.resizeBounds,this.resizeStartPosition,t,this.editAnchor,o.shiftKey);this.points=m(this.resizePoints,this.resizeBounds,r),this.screenPoints=null!==(e=this.convertPointsToScreen())&&void 0!==e?e:this.screenPoints,this.bounds=r}},this.updatePoints=o=>{if(this.pointerId===o.pointerId&&null!=this.points&&null!=this.elementBounds){const e=a(o,this.elementBounds),t=l(e,this.elementBounds);this.updateMinAndMax(t),this.points=[...this.points,t],this.screenPoints=[...this.screenPoints,e]}},this.startMarkup=o=>{var e,t;if(null==this.pointerId&&""!==this.mode&&null!=this.elementBounds){this.pointerId=o.pointerId;const r=a(o,this.elementBounds),i=l(r,this.elementBounds);this.updateMinAndMax(i),this.points=null!==(e=this.points)&&void 0!==e?e:[i],this.screenPoints=null!==(t=this.screenPoints)&&void 0!==t?t:[r],this.editBegin.emit(),this.addDrawingInteractionListeners()}},this.endMarkup=o=>{if(this.pointerId===o.pointerId){if(""!==this.mode&&null!=this.points&&this.points.length>2&&null!=this.elementBounds){const e=a(o,this.elementBounds),t=l(e,this.elementBounds);this.updateMinAndMax(t),this.points=[...this.points,t],this.screenPoints=[...this.screenPoints,e],this.editEnd.emit()}else this.points=void 0;this.min=void 0,this.max=void 0,this.pointerId=void 0,this.removeDrawingInteractionListeners()}},this.endEdit=()=>{this.resizeBounds=void 0,this.removeEditingInteractionListeners(),this.editEnd.emit()}}componentWillLoad(){this.updateViewport(),this.handleViewerChanged(this.viewer),this.updatePointsFromProps()}componentDidLoad(){new ResizeObserver((()=>this.updateViewport())).observe(this.hostEl),"create"===this.mode&&window.addEventListener("pointerdown",this.handleWindowPointerDown)}componentDidRender(){""===this.mode&&this.viewRendered.emit()}disconnectedCallback(){window.removeEventListener("pointerdown",this.handleWindowPointerDown)}async dispose(){null!=this.viewer&&this.removeInteractionListeners(this.viewer),this.removeDrawingInteractionListeners(),window.removeEventListener("pointerdown",this.handleWindowPointerDown)}handleViewerChanged(o,e){null!=e&&this.removeInteractionListeners(e),null!=o&&this.addInteractionListeners(o)}handlePointsJsonChange(){this.updatePointsFromProps()}handleBoundsJsonChange(){this.updatePointsFromProps()}handleModeChange(){"create"!==this.mode&&window.removeEventListener("pointerdown",this.handleWindowPointerDown)}updateViewport(){var o;const e=d(this.hostEl);this.elementBounds=e,this.screenPoints=null!==(o=this.convertPointsToScreen())&&void 0!==o?o:this.screenPoints}updatePointsFromProps(){var o,e,t;this.points=null!==(o=this.points)&&void 0!==o?o:D(this.pointsJson),this.screenPoints=null!==(e=this.convertPointsToScreen())&&void 0!==e?e:[],this.bounds=null!==(t=this.bounds)&&void 0!==t?t:x(this.boundsJson)}render(){return this.screenPoints.length>0&&null!=this.elementBounds?o(r,null,o("svg",{class:"svg",onTouchStart:this.handleTouchStart},o("defs",null,o(A,{id:"freeform-markup-shadow"})),o("g",{filter:"url(#freeform-markup-shadow)"},o("path",{class:"path",d:this.screenPoints.reduce(((o,e)=>`${o}L${e.x},${e.y}`),`M${this.screenPoints[0].x},${this.screenPoints[0].y}`),fill:"none"}))),"edit"===this.mode&&null!=this.bounds&&o(T,{bounds:v(this.bounds,this.elementBounds),onTopLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"top-left"),onTopRightAnchorPointerDown:o=>this.updateEditAnchor(o,"top-right"),onTopAnchorPointerDown:o=>this.updateEditAnchor(o,"top"),onBottomLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom-left"),onBottomRightAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom-right"),onBottomAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom"),onLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"left"),onRightAnchorPointerDown:o=>this.updateEditAnchor(o,"right"),onCenterAnchorPointerDown:o=>this.updateEditAnchor(o,"center")}),"create"===this.mode&&o("div",{class:"create-overlay",onTouchStart:this.handleTouchStart})):o(r,null,o("div",{class:"create-overlay",onTouchStart:this.handleTouchStart}))}async addInteractionListeners(o){const e=await o.getInteractionTarget();"create"===this.mode&&e.addEventListener("pointerdown",this.startMarkup)}async addDrawingInteractionListeners(){""!==this.mode&&(window.addEventListener("pointermove",this.updatePoints),window.addEventListener("pointerup",this.endMarkup))}async addEditingInteractionListeners(){"edit"===this.mode&&(window.addEventListener("pointermove",this.updateBounds),window.addEventListener("pointerup",this.endEdit))}async removeInteractionListeners(o){(await o.getInteractionTarget()).removeEventListener("pointerdown",this.startMarkup)}async removeDrawingInteractionListeners(){window.removeEventListener("pointermove",this.updatePoints),window.removeEventListener("pointerup",this.endMarkup)}async removeEditingInteractionListeners(){"edit"===this.mode&&(window.removeEventListener("pointermove",this.updateBounds),window.removeEventListener("pointerup",this.endEdit))}updateMinAndMax(o){this.min=null!=this.min?s.create(Math.min(this.min.x,o.x),Math.min(this.min.y,o.y)):o,this.max=null!=this.max?s.create(Math.max(this.max.x,o.x),Math.max(this.max.y,o.y)):o,this.bounds=h.create(this.min.x,this.min.y,this.max.x-this.min.x,this.max.y-this.min.y)}convertPointsToScreen(){var o;const e=this.elementBounds;if(null!=e)return null===(o=this.points)||void 0===o?void 0:o.map((o=>u(o,e)))}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChanged"],points:["handlePointsJsonChange"],bounds:["handleBoundsJsonChange"],mode:["handleModeChange"]}}};R.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-markup-freeform-stroke-color:var(--red-800);--viewer-markup-freeform-stroke-width:4;--viewer-markup-freeform-line-join:round;--viewer-markup-freeform-line-cap:round;--viewer-markup-freeform-bounds-outline-border-color:var(--blue-400);--viewer-markup-freeform-bounds-outline-border-width:1px;--viewer-markup-freeform-bounds-edge-anchor-border-color:var(--blue-400);--viewer-markup-freeform-bounds-edge-anchor-border-width:1px;--viewer-markup-freeform-bounds-edge-anchor-background-color:white;--viewer-markup-freeform-bounds-center-anchor-border-color:white;--viewer-markup-freeform-bounds-center-anchor-border-width:1px;--viewer-markup-freeform-bounds-center-anchor-background-color:var(--blue-400);--viewer-markup-freeform-bounds-anchor-width:9px;--viewer-markup-freeform-bounds-anchor-height:9px}.svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.path{pointer-events:auto;cursor:default;stroke:var(--viewer-markup-freeform-stroke-color);stroke-width:var(--viewer-markup-freeform-stroke-width);stroke-linejoin:var(--viewer-markup-freeform-line-join);stroke-linecap:var(--viewer-markup-freeform-line-cap)}.create-overlay{pointer-events:auto;position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.bounds-container{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.bounds-outline{position:absolute;border-width:var(--viewer-markup-freeform-bounds-outline-border-width);border-color:var(--viewer-markup-freeform-bounds-outline-border-color);border-style:solid;box-shadow:0 0 3px rgba(0, 0, 0, 0.3)}.bounds-anchor-position{position:absolute;transform:translate(-50%, -50%)}.bounds-anchor{pointer-events:auto;cursor:default;user-select:none}.bounds-default-anchor{width:var(--viewer-markup-freeform-bounds-anchor-width);height:var(--viewer-markup-freeform-bounds-anchor-height);box-sizing:border-box;box-shadow:0 0 2px rgba(0, 0, 0, 0.3)}.bounds-center-anchor{border-radius:100%;border-width:var(--viewer-markup-freeform-bounds-center-anchor-border-width);border-color:var(--viewer-markup-freeform-bounds-center-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-freeform-bounds-center-anchor-background-color)}.bounds-edge-anchor{border-width:var(--viewer-markup-freeform-bounds-edge-anchor-border-width);border-color:var(--viewer-markup-freeform-bounds-edge-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-freeform-bounds-edge-anchor-background-color)}";export{L as vertex_viewer_markup_arrow,B as vertex_viewer_markup_circle,R as vertex_viewer_markup_freeform}

package/dist/viewer/{p-3f0f83ad.js → p-db01460a.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{v as t}from"./p-661f0612.js";import{E as s,b as e}from"./p-e75bba97.js";class r{constructor(){this.overlays=new Map,this.overlaysChanged=new s}addLineFromResult(t){return this.addLine(t.point1,t.point2)}addLine(t,s){const r=e.create(),i={type:"line",id:r,start:t,end:s,dispose:()=>this.remove(r)};return this.addOverlay(i),i}addDistanceVectorFromResult(t){return this.addDistanceVector(t.point1,t.point2)}addDistanceVector(s,r){const i=e.create(),a=t.subtract(s,r),n=t.add(s,t.create(0,-a.y,0)),d={start:s,end:n},h=t.add(n,t.create(0,0,-a.z)),o={start:n,end:h},c=t.add(h,t.create(-a.x,0,0)),p={type:"distance-vector",id:i,x:{start:h,end:c},y:d,z:o,dispose:()=>this.remove(i)};return this.addOverlay(p),p}addOverlay(t){this.overlays.has(t.id)||(this.overlays.set(t.id,t),this.overlaysChanged.emit(this.getOverlays()))}getOverlays(){return Array.from(this.overlays.values())}remove(t){return!!this.overlays.has(t)&&(this.overlays.delete(t),this.overlaysChanged.emit(this.getOverlays()),!0)}onOverlaysChanged(t){return this.overlaysChanged.on(t)}}export{r as M}
+import{v as t}from"./p-70e5e8a8.js";import{E as s,b as e}from"./p-083f427e.js";class r{constructor(){this.overlays=new Map,this.overlaysChanged=new s}addLineFromResult(t){return this.addLine(t.point1,t.point2)}addLine(t,s){const r=e.create(),i={type:"line",id:r,start:t,end:s,dispose:()=>this.remove(r)};return this.addOverlay(i),i}addDistanceVectorFromResult(t){return this.addDistanceVector(t.point1,t.point2)}addDistanceVector(s,r){const i=e.create(),a=t.subtract(s,r),n=t.add(s,t.create(0,-a.y,0)),d={start:s,end:n},h=t.add(n,t.create(0,0,-a.z)),o={start:n,end:h},c=t.add(h,t.create(-a.x,0,0)),p={type:"distance-vector",id:i,x:{start:h,end:c},y:d,z:o,dispose:()=>this.remove(i)};return this.addOverlay(p),p}addOverlay(t){this.overlays.has(t.id)||(this.overlays.set(t.id,t),this.overlaysChanged.emit(this.getOverlays()))}getOverlays(){return Array.from(this.overlays.values())}remove(t){return!!this.overlays.has(t)&&(this.overlays.delete(t),this.overlaysChanged.emit(this.getOverlays()),!0)}onOverlaysChanged(t){return this.overlaysChanged.on(t)}}export{r as M}

package/dist/viewer/p-db716103.entry.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import{r as i,h as t,H as s,g as l}from"./p-2e581b2a.js";import{P as n,a as o}from"./p-148c5f1a.js";import{p as e}from"./p-70e5e8a8.js";import{b as h}from"./p-083f427e.js";import{t as r}from"./p-9acd1b44.js";import{l as d,p as a}from"./p-058632f4.js";import{g as u}from"./p-99352cf0.js";import{E as v}from"./p-a380f0c2.js";import{E as p}from"./p-df8fbe56.js";import{g as c}from"./p-5809b400.js";import"./p-39803f8f.js";class w{constructor(i){this.rectObserver=new v,this.droppableSurfaces=[p.PRECISE_SURFACE,p.IMPRECISE_SURFACE,p.GENERIC_GEOMETRY],this.handlePointerMove=async i=>{const t=await this.isDroppableSurface(i),s=this.controller.getDraggable();null!=s&&t&&this.handleDrag(s,i),null==this.controller.getDraggable()&&"edit"===this.controller.getToolMode()&&t?this.addCursor(this.getCusorType()):this.clearCursor()},this.handleDrag=async(i,t)=>{const s=u(t,this.elementRect),l=await this.getWorldPositionForPoint(s);null!=l&&this.controller.updateDraggable(Object.assign(Object.assign({},i),{lastPoint:s}),l)},this.handlePointerDown=async i=>{const t=t=>{if(e.distance(e.create(i.clientX,t.clientY),e.create(t.clientX,t.clientY))<=2&&2!==i.buttons&&"edit"===this.controller.getToolMode()){const t=u(i,this.elementRect);this.handlePlacePin(t)}s()},s=()=>{window.removeEventListener("pointerup",t)};return window.addEventListener("pointerup",t),{dispose:s}},this.handlePointerUp=async()=>{const i=this.controller.getDraggable(),t=null==i?void 0:i.lastPoint;this.controller.setDraggable(void 0),null!=t&&null!=i&&this.ifInitialized((async({api:s})=>{var l,n,o,e,h,r;const[d]=await s.hitItems(t);null!=(null==d?void 0:d.hitPoint)&&null!=(null===(l=null==d?void 0:d.hitPoint)||void 0===l?void 0:l.x)&&null!=(null===(n=null==d?void 0:d.hitPoint)||void 0===n?void 0:n.y)&&null!=(null===(o=null==d?void 0:d.hitPoint)||void 0===o?void 0:o.z)&&this.controller.updateDraggable(Object.assign(Object.assign({},i),{lastPoint:t}),{x:null===(e=null==d?void 0:d.hitPoint)||void 0===e?void 0:e.x,y:null==d?void 0:d.hitPoint.y,z:null==d?void 0:d.hitPoint.z},null!==(r=null===(h=null==d?void 0:d.partId)||void 0===h?void 0:h.hex)&&void 0!==r?r:void 0)}))},this.controller=i}get elementRect(){return this.rectObserver.rect}initialize(i,t){this.element=i,this.api=t,this.rectObserver.observe(i),i.addEventListener("pointermove",this.handlePointerMove),i.addEventListener("pointerdown",this.handlePointerDown),window.addEventListener("pointerup",this.handlePointerUp)}dispose(){var i,t;this.rectObserver.disconnect(),null===(i=this.element)||void 0===i||i.removeEventListener("pointermove",this.handlePointerMove),null===(t=this.element)||void 0===t||t.removeEventListener("pointerdown",this.handlePointerDown),window.removeEventListener("pointerup",this.handlePointerUp),this.element=void 0,this.api=void 0}async getWorldPositionForPoint(i){return this.ifInitialized((async({api:t})=>await t.getWorldPointFromViewport(i)))}async handlePlacePin(i,t){this.ifInitialized((async({api:s})=>{var l,n,o,e,d,a;const[u]=await s.hitItems(i);if(null!=(null==u?void 0:u.hitPoint)&&null!=this.elementRect){const s=r(Object.assign({},i),this.elementRect);if(null!=(null==u?void 0:u.hitPoint)&&null!=(null==u?void 0:u.hitPoint.x)&&null!=(null==u?void 0:u.hitPoint.y)&&null!=(null==u?void 0:u.hitPoint.z)){const i=null!=t?t.id:h.create();switch(this.controller.getToolType()){case"pin":this.controller.setPin({id:i,worldPosition:{x:null===(l=null==u?void 0:u.hitPoint)||void 0===l?void 0:l.x,y:null==u?void 0:u.hitPoint.y,z:null==u?void 0:u.hitPoint.z},partId:null!==(o=null===(n=null==u?void 0:u.itemId)||void 0===n?void 0:n.hex)&&void 0!==o?o:void 0});break;case"pin-label":this.controller.setPin({id:i,worldPosition:{x:null===(e=null==u?void 0:u.hitPoint)||void 0===e?void 0:e.x,y:null==u?void 0:u.hitPoint.y,z:null==u?void 0:u.hitPoint.z},partId:null!==(a=null===(d=null==u?void 0:u.itemId)||void 0===d?void 0:d.hex)&&void 0!==a?a:void 0,label:{point:s}})}}}else this.controller.setSelectedPinId()}))}getCusorType(){switch(this.controller.getToolType()){case"pin":return a;case"pin-label":return d}}addCursor(i){this.clearCursor(),this.cursor=this.ifInitialized((({api:t})=>t.addCursor(i)))}async isDroppableSurface(i){var t;const s=u(i,this.elementRect),l=await(null===(t=this.api)||void 0===t?void 0:t.getEntityTypeAtPoint(s));return null!=l&&this.droppableSurfaces.includes(l)}ifInitialized(i){if(null!=this.element&&null!=this.api)return i({element:this.element,api:this.api});throw new Error("Pins interaction handler not initialized.")}clearCursor(){var i;null===(i=this.cursor)||void 0===i||i.dispose(),this.cursor=void 0}}let m=class{constructor(t){i(this,t),this.pinModel=new n,this.pins=[],this.tool="pin",this.mode="view",this.handleSetProjectionMatrix=()=>{var i,t;this.projectionViewMatrix=null===(t=null===(i=this.viewer)||void 0===i?void 0:i.frame)||void 0===t?void 0:t.scene.camera.projectionViewMatrix}}watchModeChange(){var i;null===(i=this.pinController)||void 0===i||i.setToolMode(this.mode),this.setupInteractionHandler()}watchTypeChange(){var i;null===(i=this.pinController)||void 0===i||i.setToolType(this.tool),this.setupInteractionHandler()}connectedCallback(){this.setupInteractionHandler()}componentWillLoad(){this.updateViewport(),this.setupController(),this.setupInteractionHandler(),this.pinModel.onEntitiesChanged((i=>{this.pins=i})),this.pinModel.onSelectionChange((i=>{this.selectedPinId=i}))}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>this.updateViewport())),this.resizeObserver.observe(this.hostEl)}disconnectedCallback(){this.clearInteractionHandler(),this.clearModelListeners()}handleViewerChanged(i,t){this.setupInteractionHandler(),null!=t&&t.removeEventListener("frameDrawn",this.handleSetProjectionMatrix),null!=i&&i.addEventListener("frameDrawn",this.handleSetProjectionMatrix),this.handleSetProjectionMatrix()}render(){return t(s,null,t("vertex-viewer-dom-renderer",{viewer:this.viewer,drawMode:"2d"},this.pins.map((i=>t("vertex-viewer-pin-group",{id:`pin-group-${i.id}`,"data-is-dom-group-element":!0,pin:i,elementBounds:this.elementBounds,pinModel:this.pinModel,pinController:this.pinController,projectionViewMatrix:this.projectionViewMatrix,selected:this.selectedPinId===i.id})))))}setupController(){this.pinController=new o(this.pinModel,this.mode,this.tool)}clearInteractionHandler(){var i;null===(i=this.registeredInteractionHandler)||void 0===i||i.then((i=>i.dispose())),this.registeredInteractionHandler=void 0}setupInteractionHandler(){var i;this.clearInteractionHandler(),null!=this.pinController&&(this.registeredInteractionHandler=null===(i=this.viewer)||void 0===i?void 0:i.registerInteractionHandler(new w(this.pinController)))}clearModelListeners(){var i,t;null===(i=this.onEntitiesChangedHandler)||void 0===i||i.dispose(),this.onEntitiesChangedHandler=void 0,null===(t=this.resizeObserver)||void 0===t||t.disconnect()}updateViewport(){const i=c(this.hostEl);this.elementBounds=i}get hostEl(){return l(this)}static get watchers(){return{mode:["watchModeChange"],tool:["watchTypeChange"],viewer:["handleViewerChanged"]}}};m.style=":host{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}";export{m as vertex_viewer_pin_tool}

package/dist/viewer/p-df8fbe56.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+var E;!function(E){E[E.CROSS_SECTION=255]="CROSS_SECTION",E[E.PRECISE_EDGE=224]="PRECISE_EDGE",E[E.PRECISE_SURFACE=192]="PRECISE_SURFACE",E[E.IMPRECISE_EDGE=160]="IMPRECISE_EDGE",E[E.IMPRECISE_SURFACE=128]="IMPRECISE_SURFACE",E[E.GENERIC_GEOMETRY=96]="GENERIC_GEOMETRY",E[E.NO_GEOMETRY=0]="NO_GEOMETRY"}(E||(E={}));export{E}

package/dist/viewer/p-dfe5a97d.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function r(e,n,r){return e(r={path:n,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},r.exports),r.exports}function t(e){if(e.__esModule)return e;var n=Object.defineProperty({},"__esModule",{value:!0});return Object.keys(e).forEach((function(r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})})),n}export{e as a,n as b,r as c,t as g}