@vertexvis/viewer 1.0.2-canary.2 → 1.0.2-canary.4

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

@@ -0,0 +1,5 @@
+/*!
+ * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
+ */
+import{r as i,h as t,H as s,a as n}from"./p-CCVkga9Q.js";import{v as h,m as o,q as e,r as l,a as r}from"./p-CkIzrpO0.js";import{w as a,r as c}from"./p-BxtKMwBH.js";import{M as d,R as u,r as v,s as p,T as f,c as w,a as m,A as g,b as j}from"./p-F8e15or2.js";import"./p-CG9AChtV.js";import"./p-Ct0GdHoc.js";import"./p-BRPkbTVP.js";import"./p-Dp56p_jX.js";import"./p-Og6pwwEB.js";import"./p-BAhfr1Nx.js";import"./p-BsBIynwj.js";function C(i,t){return i.getPropertyValue(t).trim().replace(/["']*/g,"")}function N(i,t,s,n){const a=h.transformMatrix(s,o.makeRotation(e.fromMatrixRotation(i)));const c=h.fromMatrixPosition(i);const u=Math.abs(h.dot(a,h.up()))===1?h.left():h.normalize(h.cross(a,h.up()));const v=h.normalize(h.cross(u,a));const p=l.create({origin:c,direction:u});const f=l.create({origin:c,direction:v});const w=h.rotateAboutAxis(r.toRadians(45),l.at(p,-n),a,c);const m=h.rotateAboutAxis(r.toRadians(45),l.at(f,-n),a,c);const g=h.rotateAboutAxis(r.toRadians(45),l.at(f,n),a,c);const j=h.rotateAboutAxis(r.toRadians(45),l.at(p,n),a,c);const C=[w,m,j,g];return new d(!isNaN(u.x),[w,m,j,g],C.map((i=>h.transformMatrix(i,t.projectionViewMatrix))),(i=>h.distance(c,i)))}function b(i,t,s,n){const a=h.transformMatrix(s,o.makeRotation(e.fromMatrixRotation(i)));const c=h.fromMatrixPosition(i);const u=h.normalize(h.cross(a,h.normalize(t.viewVector)));const v=h.normalize(h.cross(a,u));const p=l.create({origin:c,direction:u});const f=l.create({origin:c,direction:v});const w=l.at(p,-n);const m=l.at(f,-n);const g=l.at(f,n);const j=l.at(p,n);const C=h.rotateAboutAxis(r.toRadians(45),w,a,c);const N=h.rotateAboutAxis(r.toRadians(45),m,a,c);const b=h.rotateAboutAxis(r.toRadians(45),g,a,c);const O=h.rotateAboutAxis(r.toRadians(45),j,a,c);const y=[w,C,m,N,j,O,g,b];return new d(!isNaN(u.x),y,y.map((i=>h.transformMatrix(i,t.projectionViewMatrix))),(i=>h.distance(c,i)))}const O=.4;const y=5;const x=.75;class B extends u{constructor(i,t={},s={}){super(i);this.arrowFillColor=t.arrow;this.planeFillColor=t.plane;this.outlineColor=t.outline;this.planeOpacity=s.plane}updateTransformAndNormal(i,t){var s;this.transform=i;this.normal=t;if(i!=null&&t!=null&&this.frame!=null){this.updateAndDraw()}else{this.clear();(s=this.reglFrameDisposable)===null||s===void 0?void 0:s.cancel();this.reglFrameDisposable=undefined}}updateColors(i){var t,s,n,h,o,e,l,r,a;this.arrowFillColor=(t=i.arrow)!==null&&t!==void 0?t:this.arrowFillColor;this.planeFillColor=(s=i.plane)!==null&&s!==void 0?s:this.planeFillColor;this.outlineColor=(n=i.outline)!==null&&n!==void 0?n:this.outlineColor;(h=this.arrow)===null||h===void 0?void 0:h.updateFillColor(this.arrowFillColor);(o=this.plane)===null||o===void 0?void 0:o.updateFillColor(this.planeFillColor);(e=this.arrow)===null||e===void 0?void 0:e.updateOutlineColor(this.outlineColor);(l=this.plane)===null||l===void 0?void 0:l.updateOutlineColor(this.outlineColor);(r=this.point)===null||r===void 0?void 0:r.updateOutlineColor(this.outlineColor);(a=this.axis)===null||a===void 0?void 0:a.updateOutlineColor(this.outlineColor)}updateOpacities(i){this.planeOpacity=i.plane}hasData(){return this.transform!=null&&this.normal!=null}createOrUpdateElements(){if(this.transform!=null&&this.normal!=null&&this.frame!=null){if(this.arrow==null){this.createElements(this.transform,this.normal,this.frame)}else{this.updateElements(this.transform,this.normal,this.frame)}}}createElements(i,t,s){this.reglCommand=v({canvas:this.canvasElement,extensions:"angle_instanced_arrays"});const{createShape:n}=p(this.reglCommand);const o=this.computeTriangleSize(h.fromMatrixPosition(i),s);this.arrow=new f(n,"hit-normal-arrow",w(i,s.scene.camera,t,o),this.outlineColor,this.arrowFillColor);this.plane=new m(n,"hit-plane",N(i,s.scene.camera,t,o*y),this.outlineColor,this.planeFillColor,{opacity:this.getPlaneOpacity(),depth:.5});this.point=new m(n,"hit-position",b(i,s.scene.camera,t,o*O),this.outlineColor,this.outlineColor,{join:"round",depth:1});this.axis=new g(n,"hit-normal-axis",j(i,s.scene.camera,this.arrow),this.outlineColor,this.arrowFillColor);this.availableElements=[this.arrow,this.point,this.plane,this.axis]}updateElements(i,t,s){var n;const o=this.computeTriangleSize(h.fromMatrixPosition(i),s);if(this.arrow!=null){this.arrow.updatePoints(w(i,s.scene.camera,t,o));(n=this.axis)===null||n===void 0?void 0:n.updatePoints(j(i,s.scene.camera,this.arrow))}if(this.plane!=null){this.plane.updatePoints(N(i,s.scene.camera,t,o*y))}if(this.point!=null){this.point.updatePoints(b(i,s.scene.camera,t,o*O))}}getPlaneOpacity(){if(this.planeOpacity!=null){return typeof this.planeOpacity==="string"?parseFloat(this.planeOpacity):this.planeOpacity}return x}}const S=()=>`:host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-hit-result-indicator-arrow-color:#0099cc;--viewer-hit-result-indicator-plane-color:#0099cc;--viewer-hit-result-indicator-outline-color:#000000;--viewer-hit-result-indicator-plane-opacity:0.75}.indicator{position:absolute;top:0;left:0}`;const $=class{constructor(t){i(this,t);this.arrowColor="#0099cc";this.planeColor="#0099cc";this.outlineColor="#000000";this.planeOpacity=x;this.handleViewerFrameDrawn=()=>{this.updatePropsFromViewer()};this.handleViewerDimensionsChange=()=>{a((()=>{if(this.viewer!=null&&this.canvasRef!=null){this.canvasRef.width=this.viewer.viewport.width;this.canvasRef.height=this.viewer.viewport.height;this.updateAndRedrawIndicator()}}))};this.handleResize=()=>{if(this.canvasRef!=null){this.updateAndRedrawIndicator()}};this.updatePropsFromViewer=()=>{const{frame:i}=this.viewer||{};if(i!=null){const t=this.getIndicator();t.updateFrame(i)}};this.setupIndicator=i=>{var t,s;console.debug(`Initializing hit indicator. [initial-position=${JSON.stringify(this.position)}, initial-normal=${JSON.stringify(this.normal)} has-initial-frame=${((t=this.viewer)===null||t===void 0?void 0:t.frame)!=null}]`);this.indicator=new B(i,{arrow:this.arrowColor,plane:this.planeColor},{plane:this.planeOpacity});this.transform=this.createTransform();this.indicator.updateTransformAndNormal(this.transform,this.normal);if(((s=this.viewer)===null||s===void 0?void 0:s.frame)!=null){this.indicator.updateFrame(this.viewer.frame)}return this.indicator};this.updateAndRedrawIndicator=()=>{c((()=>{this.getIndicator().updateAndDraw()}))};this.createTransform=()=>{if(this.position!=null){return o.makeTranslation(this.position)}};this.getIndicator=()=>{if(this.indicator==null&&this.canvasRef!=null){return this.setupIndicator(this.canvasRef)}else if(this.indicator!=null){return this.indicator}else{throw new Error("Hit indicator was not initialized. The canvas element may not have been initialized.")}}}componentDidLoad(){this.handleViewerChanged(this.viewer,undefined);this.canvasResizeObserver=new ResizeObserver(this.handleResize);if(this.canvasRef!=null){this.canvasResizeObserver.observe(this.canvasRef);this.setupIndicator(this.canvasRef)}c((()=>{var i,t;const s=window.getComputedStyle(this.hostEl);this.arrowColor=C(s,"--viewer-hit-result-indicator-arrow-color");this.planeColor=C(s,"--viewer-hit-result-indicator-plane-color");this.outlineColor=C(s,"--viewer-hit-result-indicator-outline-color");this.planeOpacity=s.getPropertyValue("--viewer-hit-result-indicator-plane-opacity").trim();(i=this.indicator)===null||i===void 0?void 0:i.updateColors({arrow:this.arrowColor,plane:this.planeColor,outline:this.outlineColor});(t=this.indicator)===null||t===void 0?void 0:t.updateOpacities({plane:this.planeOpacity})}))}disconnectedCallback(){var i,t;(i=this.canvasResizeObserver)===null||i===void 0?void 0:i.disconnect();(t=this.indicator)===null||t===void 0?void 0:t.dispose()}handleViewerChanged(i,t){t===null||t===void 0?void 0:t.removeEventListener("frameDrawn",this.handleViewerFrameDrawn);t===null||t===void 0?void 0:t.removeEventListener("dimensionschange",this.handleViewerDimensionsChange);i===null||i===void 0?void 0:i.addEventListener("frameDrawn",this.handleViewerFrameDrawn);i===null||i===void 0?void 0:i.addEventListener("dimensionschange",this.handleViewerDimensionsChange)}handlePositionChanged(i,t){var s;this.transform=this.createTransform();console.debug(`Updating indicator position [previous=${JSON.stringify(t)}, current=${JSON.stringify(i)}]`);(s=this.indicator)===null||s===void 0?void 0:s.updateTransformAndNormal(this.transform,this.normal)}handleNormalChanged(i,t){var s;console.debug(`Updating indicator normal [previous=${JSON.stringify(t)}, current=${JSON.stringify(i)}]`);if(i){(s=this.indicator)===null||s===void 0?void 0:s.updateTransformAndNormal(this.transform,this.normal)}}render(){var i,n;return t(s,{key:"0631daa8ceb3c04fcabb3ca882ee4758d2017d5f"},t("canvas",{key:"2b0be3f11e30545337f6dcb441c44a3424d484ef",ref:i=>{this.canvasRef=i},class:"indicator",width:(i=this.viewer)===null||i===void 0?void 0:i.viewport.width,height:(n=this.viewer)===null||n===void 0?void 0:n.viewport.height}))}get hostEl(){return n(this)}static get watchers(){return{viewer:[{handleViewerChanged:0}],position:[{handlePositionChanged:0}],normal:[{handleNormalChanged:0}]}}};$.style=S();export{$ as vertex_viewer_hit_result_indicator};
+//# sourceMappingURL=p-a8a81cba.entry.js.map

package/dist/viewer/p-a8a81cba.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseCssColorValue","styles","property","getPropertyValue","trim","replace","computePlaneNdcValues","transform","camera","direction","planeSize","transformedDirection","Vector3","transformMatrix","Matrix4","makeRotation","Quaternion","fromMatrixRotation","position","fromMatrixPosition","worldX","Math","abs","dot","up","left","normalize","cross","worldY","xRay","Ray","create","origin","yRay","bottomLeft","rotateAboutAxis","Angle","toRadians","at","topLeft","bottomRight","topRight","world","MeshPoints","isNaN","x","map","v","projectionViewMatrix","vector","distance","computePointNdcValues","rectangleSize","viewVector","bottomLeftRotated","topLeftRotated","bottomRightRotated","topRightRotated","DEFAULT_POINT_SIZE_SCALAR","DEFAULT_PLANE_SIZE_SCALAR","DEFAULT_PLANE_OPACITY","HitIndicator","ReglComponent","constructor","canvasElement","colors","opacities","super","this","arrowFillColor","arrow","planeFillColor","plane","outlineColor","outline","planeOpacity","updateTransformAndNormal","normal","frame","updateAndDraw","clear","_a","reglFrameDisposable","cancel","undefined","updateColors","_b","_c","_d","updateFillColor","_e","_f","updateOutlineColor","_g","_h","point","_j","axis","updateOpacities","hasData","createOrUpdateElements","createElements","updateElements","reglCommand","regl","canvas","extensions","createShape","shapeBuilder","triangleSize","computeTriangleSize","TriangleMesh","computeArrowNdcValues","scene","Mesh","opacity","getPlaneOpacity","depth","join","AxisLine","axisPositions","availableElements","updatePoints","parseFloat","viewerHitResultIndicatorCss","ViewerHitResultIndicator","hostRef","arrowColor","planeColor","handleViewerFrameDrawn","updatePropsFromViewer","handleViewerDimensionsChange","writeDOM","viewer","canvasRef","width","viewport","height","updateAndRedrawIndicator","handleResize","widget","getIndicator","updateFrame","setupIndicator","console","debug","JSON","stringify","indicator","createTransform","readDOM","makeTranslation","Error","componentDidLoad","handleViewerChanged","canvasResizeObserver","ResizeObserver","observe","hostStyles","window","getComputedStyle","hostEl","disconnectedCallback","disconnect","dispose","newViewer","oldViewer","removeEventListener","addEventListener","handlePositionChanged","newPosition","oldPosition","handleNormalChanged","newNormal","oldNormal","render","h","Host","key","ref","el","class"],"sources":["src/components/viewer-hit-result-indicator/lib/dom.ts","src/components/viewer-hit-result-indicator/lib/plane.ts","src/components/viewer-hit-result-indicator/lib/point.ts","src/components/viewer-hit-result-indicator/lib/indicator.ts","src/components/viewer-hit-result-indicator/viewer-hit-result-indicator.css?tag=vertex-viewer-hit-result-indicator&encapsulation=shadow","src/components/viewer-hit-result-indicator/viewer-hit-result-indicator.tsx"],"sourcesContent":["export function parseCssColorValue(\n  styles: CSSStyleDeclaration,\n  property: string,\n): string {\n  return styles.getPropertyValue(property).trim().replace(/[\"']*/g, '');\n}\n","import { Angle, Matrix4, Quaternion, Ray, Vector3 } from '@vertexvis/geometry';\n\nimport { MeshPoints } from '../../../lib/transforms/mesh';\nimport { FrameCameraBase } from '../../../lib/types';\n\nexport function computePlaneNdcValues(\n  transform: Matrix4.Matrix4,\n  camera: FrameCameraBase,\n  direction: Vector3.Vector3,\n  planeSize: number,\n): MeshPoints {\n  const transformedDirection = Vector3.transformMatrix(\n    direction,\n    Matrix4.makeRotation(Quaternion.fromMatrixRotation(transform)),\n  );\n\n  const position = Vector3.fromMatrixPosition(transform);\n\n  const worldX =\n    Math.abs(Vector3.dot(transformedDirection, Vector3.up())) === 1\n      ? Vector3.left()\n      : Vector3.normalize(Vector3.cross(transformedDirection, Vector3.up()));\n  const worldY = Vector3.normalize(Vector3.cross(worldX, transformedDirection));\n  const xRay = Ray.create({\n    origin: position,\n    direction: worldX,\n  });\n  const yRay = Ray.create({\n    origin: position,\n    direction: worldY,\n  });\n\n  const bottomLeft = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(xRay, -planeSize),\n    transformedDirection,\n    position,\n  );\n  const topLeft = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(yRay, -planeSize),\n    transformedDirection,\n    position,\n  );\n  const bottomRight = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(yRay, planeSize),\n    transformedDirection,\n    position,\n  );\n  const topRight = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(xRay, planeSize),\n    transformedDirection,\n    position,\n  );\n\n  const world = [bottomLeft, topLeft, topRight, bottomRight];\n\n  return new MeshPoints(\n    !isNaN(worldX.x),\n    [bottomLeft, topLeft, topRight, bottomRight],\n    world.map((v) => Vector3.transformMatrix(v, camera.projectionViewMatrix)),\n    (vector) => Vector3.distance(position, vector),\n  );\n}\n","import { Angle, Matrix4, Quaternion, Ray, Vector3 } from '@vertexvis/geometry';\n\nimport { MeshPoints } from '../../../lib/transforms/mesh';\nimport { FrameCameraBase } from '../../../lib/types';\n\nexport function computePointNdcValues(\n  transform: Matrix4.Matrix4,\n  camera: FrameCameraBase,\n  direction: Vector3.Vector3,\n  rectangleSize: number,\n): MeshPoints {\n  const transformedDirection = Vector3.transformMatrix(\n    direction,\n    Matrix4.makeRotation(Quaternion.fromMatrixRotation(transform)),\n  );\n\n  const position = Vector3.fromMatrixPosition(transform);\n\n  const worldX = Vector3.normalize(\n    Vector3.cross(transformedDirection, Vector3.normalize(camera.viewVector)),\n  );\n  const worldY = Vector3.normalize(Vector3.cross(transformedDirection, worldX));\n  const xRay = Ray.create({\n    origin: position,\n    direction: worldX,\n  });\n  const yRay = Ray.create({\n    origin: position,\n    direction: worldY,\n  });\n\n  const bottomLeft = Ray.at(xRay, -rectangleSize);\n  const topLeft = Ray.at(yRay, -rectangleSize);\n  const bottomRight = Ray.at(yRay, rectangleSize);\n  const topRight = Ray.at(xRay, rectangleSize);\n\n  const bottomLeftRotated = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    bottomLeft,\n    transformedDirection,\n    position,\n  );\n  const topLeftRotated = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    topLeft,\n    transformedDirection,\n    position,\n  );\n  const bottomRightRotated = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    bottomRight,\n    transformedDirection,\n    position,\n  );\n  const topRightRotated = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    topRight,\n    transformedDirection,\n    position,\n  );\n\n  const world = [\n    bottomLeft,\n    bottomLeftRotated,\n    topLeft,\n    topLeftRotated,\n    topRight,\n    topRightRotated,\n    bottomRight,\n    bottomRightRotated,\n  ];\n\n  return new MeshPoints(\n    !isNaN(worldX.x),\n    world,\n    world.map((v) => Vector3.transformMatrix(v, camera.projectionViewMatrix)),\n    (vector) => Vector3.distance(position, vector),\n  );\n}\n","import { Matrix4 } from '@vertexvis/geometry';\nimport { Vector3 } from '@vertexvis/geometry';\nimport { Color } from '@vertexvis/utils';\nimport regl from 'regl';\nimport shapeBuilder, { JoinStyle } from 'regl-shape';\n\nimport { axisPositions } from '../../../lib/transforms/axis-lines';\nimport { computeArrowNdcValues } from '../../../lib/transforms/axis-translation';\nimport { AxisLine } from '../../../lib/transforms/line';\nimport { Mesh, TriangleMesh } from '../../../lib/transforms/mesh';\nimport { Frame } from '../../../lib/types';\nimport { ReglComponent } from '../../../lib/webgl/regl-component';\nimport { computePlaneNdcValues } from './plane';\nimport { computePointNdcValues } from './point';\n\nexport interface DrawableElementColors {\n  arrow?: Color.Color | string;\n  plane?: Color.Color | string;\n  outline?: Color.Color | string;\n}\n\nexport interface DrawableElementOpacities {\n  plane?: string | number;\n}\n\n// The default amount to scale the computed `triangleSize` by when\n// computing the points for the hit position indicator.\nexport const DEFAULT_POINT_SIZE_SCALAR = 0.4;\n\n// The default amount to scale the computed `triangleSize` by when\n// computing the points for the hit plane indicator.\nexport const DEFAULT_PLANE_SIZE_SCALAR = 5;\n\nexport const DEFAULT_PLANE_OPACITY = 0.75;\n\nexport class HitIndicator extends ReglComponent {\n  private axis?: AxisLine;\n  private arrow?: TriangleMesh;\n  private point?: Mesh;\n  private plane?: Mesh;\n\n  private transform?: Matrix4.Matrix4;\n  private normal?: Vector3.Vector3;\n\n  private arrowFillColor?: Color.Color | string;\n  private planeFillColor?: Color.Color | string;\n  private outlineColor?: Color.Color | string;\n\n  private planeOpacity?: string | number;\n\n  public constructor(\n    canvasElement: HTMLCanvasElement,\n    colors: DrawableElementColors = {},\n    opacities: DrawableElementOpacities = {},\n  ) {\n    super(canvasElement);\n\n    this.arrowFillColor = colors.arrow;\n    this.planeFillColor = colors.plane;\n    this.outlineColor = colors.outline;\n    this.planeOpacity = opacities.plane;\n  }\n\n  public updateTransformAndNormal(\n    transform?: Matrix4.Matrix4,\n    normal?: Vector3.Vector3,\n  ): void {\n    this.transform = transform;\n    this.normal = normal;\n\n    if (transform != null && normal != null && this.frame != null) {\n      this.updateAndDraw();\n    } else {\n      this.clear();\n      this.reglFrameDisposable?.cancel();\n      this.reglFrameDisposable = undefined;\n    }\n  }\n\n  public updateColors(colors: DrawableElementColors): void {\n    this.arrowFillColor = colors.arrow ?? this.arrowFillColor;\n    this.planeFillColor = colors.plane ?? this.planeFillColor;\n    this.outlineColor = colors.outline ?? this.outlineColor;\n    this.arrow?.updateFillColor(this.arrowFillColor);\n    this.plane?.updateFillColor(this.planeFillColor);\n    this.arrow?.updateOutlineColor(this.outlineColor);\n    this.plane?.updateOutlineColor(this.outlineColor);\n    this.point?.updateOutlineColor(this.outlineColor);\n    this.axis?.updateOutlineColor(this.outlineColor);\n  }\n\n  public updateOpacities(opacities: DrawableElementOpacities): void {\n    this.planeOpacity = opacities.plane;\n  }\n\n  protected hasData(): boolean {\n    return this.transform != null && this.normal != null;\n  }\n\n  protected createOrUpdateElements(): void {\n    if (this.transform != null && this.normal != null && this.frame != null) {\n      if (this.arrow == null) {\n        this.createElements(this.transform, this.normal, this.frame);\n      } else {\n        this.updateElements(this.transform, this.normal, this.frame);\n      }\n    }\n  }\n\n  private createElements(\n    transform: Matrix4.Matrix4,\n    normal: Vector3.Vector3,\n    frame: Frame,\n  ): void {\n    this.reglCommand = regl({\n      canvas: this.canvasElement,\n      extensions: 'angle_instanced_arrays',\n    });\n    const { createShape } = shapeBuilder(this.reglCommand);\n\n    const triangleSize = this.computeTriangleSize(\n      Vector3.fromMatrixPosition(transform),\n      frame,\n    );\n\n    this.arrow = new TriangleMesh(\n      createShape,\n      'hit-normal-arrow',\n      computeArrowNdcValues(\n        transform,\n        frame.scene.camera,\n        normal,\n        triangleSize,\n      ),\n      this.outlineColor,\n      this.arrowFillColor,\n    );\n    this.plane = new Mesh(\n      createShape,\n      'hit-plane',\n      computePlaneNdcValues(\n        transform,\n        frame.scene.camera,\n        normal,\n        triangleSize * DEFAULT_PLANE_SIZE_SCALAR,\n      ),\n      this.outlineColor,\n      this.planeFillColor,\n      {\n        opacity: this.getPlaneOpacity(),\n        depth: 0.5,\n      },\n    );\n    this.point = new Mesh(\n      createShape,\n      'hit-position',\n      computePointNdcValues(\n        transform,\n        frame.scene.camera,\n        normal,\n        triangleSize * DEFAULT_POINT_SIZE_SCALAR,\n      ),\n      this.outlineColor,\n      this.outlineColor,\n      {\n        join: 'round' as JoinStyle,\n        depth: 1,\n      },\n    );\n    this.axis = new AxisLine(\n      createShape,\n      'hit-normal-axis',\n      axisPositions(transform, frame.scene.camera, this.arrow),\n      this.outlineColor,\n      this.arrowFillColor,\n    );\n\n    this.availableElements = [this.arrow, this.point, this.plane, this.axis];\n  }\n\n  private updateElements(\n    transform: Matrix4.Matrix4,\n    normal: Vector3.Vector3,\n    frame: Frame,\n  ): void {\n    const triangleSize = this.computeTriangleSize(\n      Vector3.fromMatrixPosition(transform),\n      frame,\n    );\n\n    if (this.arrow != null) {\n      this.arrow.updatePoints(\n        computeArrowNdcValues(\n          transform,\n          frame.scene.camera,\n          normal,\n          triangleSize,\n        ),\n      );\n      this.axis?.updatePoints(\n        axisPositions(transform, frame.scene.camera, this.arrow),\n      );\n    }\n    if (this.plane != null) {\n      this.plane.updatePoints(\n        computePlaneNdcValues(\n          transform,\n          frame.scene.camera,\n          normal,\n          triangleSize * DEFAULT_PLANE_SIZE_SCALAR,\n        ),\n      );\n    }\n    if (this.point != null) {\n      this.point.updatePoints(\n        computePointNdcValues(\n          transform,\n          frame.scene.camera,\n          normal,\n          triangleSize * DEFAULT_POINT_SIZE_SCALAR,\n        ),\n      );\n    }\n  }\n\n  private getPlaneOpacity(): number {\n    if (this.planeOpacity != null) {\n      return typeof this.planeOpacity === 'string'\n        ? parseFloat(this.planeOpacity)\n        : this.planeOpacity;\n    }\n    return DEFAULT_PLANE_OPACITY;\n  }\n}\n",":host {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  /**\n  * @prop --viewer-hit-result-indicator-arrow-color: A CSS color for the arrow\n  * representing the normal for this hit indicator. Defaults to `#0099cc`.\n  */\n  --viewer-hit-result-indicator-arrow-color: #0099cc;\n\n  /**\n  * @prop --viewer-hit-result-indicator-plane-color: A CSS color for the plane\n  * for this hit indicator. Defaults to `#0099cc`.\n  */\n  --viewer-hit-result-indicator-plane-color: #0099cc;\n\n  /**\n  * @prop --viewer-hit-result-indicator-outline-color: A CSS color for the outline\n  * of the plane and arrow. Defaults to `#000000`.\n  */\n  --viewer-hit-result-indicator-outline-color: #000000;\n\n  /**\n  * @prop --viewer-hit-result-indicator-plane-opacity: A CSS number for the opacity\n  * of the plane for this hit indicator. Defaults to `0.75`.\n  */\n  --viewer-hit-result-indicator-plane-opacity: 0.75;\n}\n\n.indicator {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { Matrix4, Vector3 } from '@vertexvis/geometry';\nimport { Color } from '@vertexvis/utils';\n\nimport { readDOM, writeDOM } from '../../lib/stencil';\nimport { parseCssColorValue } from './lib/dom';\nimport { DEFAULT_PLANE_OPACITY, HitIndicator } from './lib/indicator';\n\n@Component({\n  tag: 'vertex-viewer-hit-result-indicator',\n  styleUrl: 'viewer-hit-result-indicator.css',\n  shadow: true,\n})\nexport class ViewerHitResultIndicator {\n  /**\n   * The viewer to connect to this indicator. If nested within a <vertex-viewer>,\n   * this property will be populated automatically.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * The position of this indicator. A point will be displayed at this position,\n   * and it will be used alongside the provided `normal` to display a plane and\n   * normal arrow centered at the position.\n   */\n  @Prop({ mutable: true })\n  public position?: Vector3.Vector3;\n\n  /**\n   * The normal of this indicator. This value will be represented as an arrow,\n   * and will be used alongside the provided `position` to display a plane.\n   */\n  @Prop({ mutable: true })\n  public normal?: Vector3.Vector3;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  private transform?: Matrix4.Matrix4;\n\n  private arrowColor: Color.Color | string = '#0099cc';\n  private planeColor: Color.Color | string = '#0099cc';\n  private outlineColor: Color.Color | string = '#000000';\n  private planeOpacity: number | string = DEFAULT_PLANE_OPACITY;\n\n  private indicator?: HitIndicator;\n\n  private canvasResizeObserver?: ResizeObserver;\n  private canvasRef?: HTMLCanvasElement;\n\n  protected componentDidLoad(): void {\n    this.handleViewerChanged(this.viewer, undefined);\n\n    this.canvasResizeObserver = new ResizeObserver(this.handleResize);\n\n    if (this.canvasRef != null) {\n      this.canvasResizeObserver.observe(this.canvasRef);\n\n      this.setupIndicator(this.canvasRef);\n    }\n\n    readDOM(() => {\n      const hostStyles = window.getComputedStyle(this.hostEl);\n\n      this.arrowColor = parseCssColorValue(\n        hostStyles,\n        '--viewer-hit-result-indicator-arrow-color',\n      );\n      this.planeColor = parseCssColorValue(\n        hostStyles,\n        '--viewer-hit-result-indicator-plane-color',\n      );\n      this.outlineColor = parseCssColorValue(\n        hostStyles,\n        '--viewer-hit-result-indicator-outline-color',\n      );\n      this.planeOpacity = hostStyles\n        .getPropertyValue('--viewer-hit-result-indicator-plane-opacity')\n        .trim();\n\n      this.indicator?.updateColors({\n        arrow: this.arrowColor,\n        plane: this.planeColor,\n        outline: this.outlineColor,\n      });\n      this.indicator?.updateOpacities({\n        plane: this.planeOpacity,\n      });\n    });\n  }\n\n  protected disconnectedCallback(): void {\n    this.canvasResizeObserver?.disconnect();\n\n    this.indicator?.dispose();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('viewer')\n  protected handleViewerChanged(\n    newViewer?: HTMLVertexViewerElement,\n    oldViewer?: HTMLVertexViewerElement,\n  ): void {\n    oldViewer?.removeEventListener('frameDrawn', this.handleViewerFrameDrawn);\n    oldViewer?.removeEventListener(\n      'dimensionschange',\n      this.handleViewerDimensionsChange,\n    );\n    newViewer?.addEventListener('frameDrawn', this.handleViewerFrameDrawn);\n    newViewer?.addEventListener(\n      'dimensionschange',\n      this.handleViewerDimensionsChange,\n    );\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('position')\n  protected handlePositionChanged(\n    newPosition?: Vector3.Vector3,\n    oldPosition?: Vector3.Vector3,\n  ): void {\n    this.transform = this.createTransform();\n\n    console.debug(\n      `Updating indicator position [previous=${JSON.stringify(\n        oldPosition,\n      )}, current=${JSON.stringify(newPosition)}]`,\n    );\n\n    this.indicator?.updateTransformAndNormal(this.transform, this.normal);\n  }\n\n  @Watch('normal')\n  protected handleNormalChanged(\n    newNormal?: Vector3.Vector3,\n    oldNormal?: Vector3.Vector3,\n  ): void {\n    console.debug(\n      `Updating indicator normal [previous=${JSON.stringify(\n        oldNormal,\n      )}, current=${JSON.stringify(newNormal)}]`,\n    );\n\n    if (newNormal) {\n      this.indicator?.updateTransformAndNormal(this.transform, this.normal);\n    }\n  }\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <canvas\n          ref={(el) => {\n            this.canvasRef = el;\n          }}\n          class=\"indicator\"\n          width={this.viewer?.viewport.width}\n          height={this.viewer?.viewport.height}\n        />\n      </Host>\n    );\n  }\n\n  private handleViewerFrameDrawn = (): void => {\n    this.updatePropsFromViewer();\n  };\n\n  private handleViewerDimensionsChange = (): void => {\n    writeDOM(() => {\n      if (this.viewer != null && this.canvasRef != null) {\n        this.canvasRef.width = this.viewer.viewport.width;\n        this.canvasRef.height = this.viewer.viewport.height;\n\n        this.updateAndRedrawIndicator();\n      }\n    });\n  };\n\n  private handleResize = (): void => {\n    if (this.canvasRef != null) {\n      this.updateAndRedrawIndicator();\n    }\n  };\n\n  private updatePropsFromViewer = (): void => {\n    const { frame } = this.viewer || {};\n\n    if (frame != null) {\n      const widget = this.getIndicator();\n\n      widget.updateFrame(frame);\n    }\n  };\n\n  private setupIndicator = (canvasRef: HTMLCanvasElement): HitIndicator => {\n    console.debug(\n      `Initializing hit indicator. [initial-position=${JSON.stringify(\n        this.position,\n      )}, initial-normal=${JSON.stringify(this.normal)} has-initial-frame=${\n        this.viewer?.frame != null\n      }]`,\n    );\n\n    this.indicator = new HitIndicator(\n      canvasRef,\n      {\n        arrow: this.arrowColor,\n        plane: this.planeColor,\n      },\n      {\n        plane: this.planeOpacity,\n      },\n    );\n\n    this.transform = this.createTransform();\n    this.indicator.updateTransformAndNormal(this.transform, this.normal);\n    if (this.viewer?.frame != null) {\n      this.indicator.updateFrame(this.viewer.frame);\n    }\n\n    return this.indicator;\n  };\n\n  private updateAndRedrawIndicator = (): void => {\n    readDOM(() => {\n      this.getIndicator().updateAndDraw();\n    });\n  };\n\n  private createTransform = (): Matrix4.Matrix4 | undefined => {\n    if (this.position != null) {\n      return Matrix4.makeTranslation(this.position);\n    }\n  };\n\n  private getIndicator = (): HitIndicator => {\n    if (this.indicator == null && this.canvasRef != null) {\n      return this.setupIndicator(this.canvasRef);\n    } else if (this.indicator != null) {\n      return this.indicator;\n    } else {\n      throw new Error(\n        'Hit indicator was not initialized. The canvas element may not have been initialized.',\n      );\n    }\n  };\n}\n"],"mappings":";;;waAAM,SAAUA,EACdC,EACAC,GAEA,OAAOD,EAAOE,iBAAiBD,GAAUE,OAAOC,QAAQ,SAAU,GACpE,CCAM,SAAUC,EACdC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAuBC,EAAQC,gBACnCJ,EACAK,EAAQC,aAAaC,EAAWC,mBAAmBV,KAGrD,MAAMW,EAAWN,EAAQO,mBAAmBZ,GAE5C,MAAMa,EACJC,KAAKC,IAAIV,EAAQW,IAAIZ,EAAsBC,EAAQY,SAAW,EAC1DZ,EAAQa,OACRb,EAAQc,UAAUd,EAAQe,MAAMhB,EAAsBC,EAAQY,OACpE,MAAMI,EAAShB,EAAQc,UAAUd,EAAQe,MAAMP,EAAQT,IACvD,MAAMkB,EAAOC,EAAIC,OAAO,CACtBC,OAAQd,EACRT,UAAWW,IAEb,MAAMa,EAAOH,EAAIC,OAAO,CACtBC,OAAQd,EACRT,UAAWmB,IAGb,MAAMM,EAAatB,EAAQuB,gBACzBC,EAAMC,UAAU,IAChBP,EAAIQ,GAAGT,GAAOnB,GACdC,EACAO,GAEF,MAAMqB,EAAU3B,EAAQuB,gBACtBC,EAAMC,UAAU,IAChBP,EAAIQ,GAAGL,GAAOvB,GACdC,EACAO,GAEF,MAAMsB,EAAc5B,EAAQuB,gBAC1BC,EAAMC,UAAU,IAChBP,EAAIQ,GAAGL,EAAMvB,GACbC,EACAO,GAEF,MAAMuB,EAAW7B,EAAQuB,gBACvBC,EAAMC,UAAU,IAChBP,EAAIQ,GAAGT,EAAMnB,GACbC,EACAO,GAGF,MAAMwB,EAAQ,CAACR,EAAYK,EAASE,EAAUD,GAE9C,OAAO,IAAIG,GACRC,MAAMxB,EAAOyB,GACd,CAACX,EAAYK,EAASE,EAAUD,GAChCE,EAAMI,KAAKC,GAAMnC,EAAQC,gBAAgBkC,EAAGvC,EAAOwC,yBAClDC,GAAWrC,EAAQsC,SAAShC,EAAU+B,IAE3C,CC5DM,SAAUE,EACd5C,EACAC,EACAC,EACA2C,GAEA,MAAMzC,EAAuBC,EAAQC,gBACnCJ,EACAK,EAAQC,aAAaC,EAAWC,mBAAmBV,KAGrD,MAAMW,EAAWN,EAAQO,mBAAmBZ,GAE5C,MAAMa,EAASR,EAAQc,UACrBd,EAAQe,MAAMhB,EAAsBC,EAAQc,UAAUlB,EAAO6C,cAE/D,MAAMzB,EAAShB,EAAQc,UAAUd,EAAQe,MAAMhB,EAAsBS,IACrE,MAAMS,EAAOC,EAAIC,OAAO,CACtBC,OAAQd,EACRT,UAAWW,IAEb,MAAMa,EAAOH,EAAIC,OAAO,CACtBC,OAAQd,EACRT,UAAWmB,IAGb,MAAMM,EAAaJ,EAAIQ,GAAGT,GAAOuB,GACjC,MAAMb,EAAUT,EAAIQ,GAAGL,GAAOmB,GAC9B,MAAMZ,EAAcV,EAAIQ,GAAGL,EAAMmB,GACjC,MAAMX,EAAWX,EAAIQ,GAAGT,EAAMuB,GAE9B,MAAME,EAAoB1C,EAAQuB,gBAChCC,EAAMC,UAAU,IAChBH,EACAvB,EACAO,GAEF,MAAMqC,EAAiB3C,EAAQuB,gBAC7BC,EAAMC,UAAU,IAChBE,EACA5B,EACAO,GAEF,MAAMsC,EAAqB5C,EAAQuB,gBACjCC,EAAMC,UAAU,IAChBG,EACA7B,EACAO,GAEF,MAAMuC,EAAkB7C,EAAQuB,gBAC9BC,EAAMC,UAAU,IAChBI,EACA9B,EACAO,GAGF,MAAMwB,EAAQ,CACZR,EACAoB,EACAf,EACAgB,EACAd,EACAgB,EACAjB,EACAgB,GAGF,OAAO,IAAIb,GACRC,MAAMxB,EAAOyB,GACdH,EACAA,EAAMI,KAAKC,GAAMnC,EAAQC,gBAAgBkC,EAAGvC,EAAOwC,yBAClDC,GAAWrC,EAAQsC,SAAShC,EAAU+B,IAE3C,CCnDO,MAAMS,EAA4B,GAIlC,MAAMC,EAA4B,EAElC,MAAMC,EAAwB,IAE/B,MAAOC,UAAqBC,EAehC,WAAAC,CACEC,EACAC,EAAgC,GAChCC,EAAsC,IAEtCC,MAAMH,GAENI,KAAKC,eAAiBJ,EAAOK,MAC7BF,KAAKG,eAAiBN,EAAOO,MAC7BJ,KAAKK,aAAeR,EAAOS,QAC3BN,KAAKO,aAAeT,EAAUM,K,CAGzB,wBAAAI,CACLrE,EACAsE,G,MAEAT,KAAK7D,UAAYA,EACjB6D,KAAKS,OAASA,EAEd,GAAItE,GAAa,MAAQsE,GAAU,MAAQT,KAAKU,OAAS,KAAM,CAC7DV,KAAKW,e,KACA,CACLX,KAAKY,SACLC,EAAAb,KAAKc,uBAAmB,MAAAD,SAAA,SAAAA,EAAEE,SAC1Bf,KAAKc,oBAAsBE,S,EAIxB,YAAAC,CAAapB,G,sBAClBG,KAAKC,gBAAiBY,EAAAhB,EAAOK,SAAK,MAAAW,SAAA,EAAAA,EAAIb,KAAKC,eAC3CD,KAAKG,gBAAiBe,EAAArB,EAAOO,SAAK,MAAAc,SAAA,EAAAA,EAAIlB,KAAKG,eAC3CH,KAAKK,cAAec,EAAAtB,EAAOS,WAAO,MAAAa,SAAA,EAAAA,EAAInB,KAAKK,cAC3Ce,EAAApB,KAAKE,SAAK,MAAAkB,SAAA,SAAAA,EAAEC,gBAAgBrB,KAAKC,iBACjCqB,EAAAtB,KAAKI,SAAK,MAAAkB,SAAA,SAAAA,EAAED,gBAAgBrB,KAAKG,iBACjCoB,EAAAvB,KAAKE,SAAK,MAAAqB,SAAA,SAAAA,EAAEC,mBAAmBxB,KAAKK,eACpCoB,EAAAzB,KAAKI,SAAK,MAAAqB,SAAA,SAAAA,EAAED,mBAAmBxB,KAAKK,eACpCqB,EAAA1B,KAAK2B,SAAK,MAAAD,SAAA,SAAAA,EAAEF,mBAAmBxB,KAAKK,eACpCuB,EAAA5B,KAAK6B,QAAI,MAAAD,SAAA,SAAAA,EAAEJ,mBAAmBxB,KAAKK,a,CAG9B,eAAAyB,CAAgBhC,GACrBE,KAAKO,aAAeT,EAAUM,K,CAGtB,OAAA2B,GACR,OAAO/B,KAAK7D,WAAa,MAAQ6D,KAAKS,QAAU,I,CAGxC,sBAAAuB,GACR,GAAIhC,KAAK7D,WAAa,MAAQ6D,KAAKS,QAAU,MAAQT,KAAKU,OAAS,KAAM,CACvE,GAAIV,KAAKE,OAAS,KAAM,CACtBF,KAAKiC,eAAejC,KAAK7D,UAAW6D,KAAKS,OAAQT,KAAKU,M,KACjD,CACLV,KAAKkC,eAAelC,KAAK7D,UAAW6D,KAAKS,OAAQT,KAAKU,M,GAKpD,cAAAuB,CACN9F,EACAsE,EACAC,GAEAV,KAAKmC,YAAcC,EAAK,CACtBC,OAAQrC,KAAKJ,cACb0C,WAAY,2BAEd,MAAMC,YAAEA,GAAgBC,EAAaxC,KAAKmC,aAE1C,MAAMM,EAAezC,KAAK0C,oBACxBlG,EAAQO,mBAAmBZ,GAC3BuE,GAGFV,KAAKE,MAAQ,IAAIyC,EACfJ,EACA,mBACAK,EACEzG,EACAuE,EAAMmC,MAAMzG,OACZqE,EACAgC,GAEFzC,KAAKK,aACLL,KAAKC,gBAEPD,KAAKI,MAAQ,IAAI0C,EACfP,EACA,YACArG,EACEC,EACAuE,EAAMmC,MAAMzG,OACZqE,EACAgC,EAAelD,GAEjBS,KAAKK,aACLL,KAAKG,eACL,CACE4C,QAAS/C,KAAKgD,kBACdC,MAAO,KAGXjD,KAAK2B,MAAQ,IAAImB,EACfP,EACA,eACAxD,EACE5C,EACAuE,EAAMmC,MAAMzG,OACZqE,EACAgC,EAAenD,GAEjBU,KAAKK,aACLL,KAAKK,aACL,CACE6C,KAAM,QACND,MAAO,IAGXjD,KAAK6B,KAAO,IAAIsB,EACdZ,EACA,kBACAa,EAAcjH,EAAWuE,EAAMmC,MAAMzG,OAAQ4D,KAAKE,OAClDF,KAAKK,aACLL,KAAKC,gBAGPD,KAAKqD,kBAAoB,CAACrD,KAAKE,MAAOF,KAAK2B,MAAO3B,KAAKI,MAAOJ,KAAK6B,K,CAG7D,cAAAK,CACN/F,EACAsE,EACAC,G,MAEA,MAAM+B,EAAezC,KAAK0C,oBACxBlG,EAAQO,mBAAmBZ,GAC3BuE,GAGF,GAAIV,KAAKE,OAAS,KAAM,CACtBF,KAAKE,MAAMoD,aACTV,EACEzG,EACAuE,EAAMmC,MAAMzG,OACZqE,EACAgC,KAGJ5B,EAAAb,KAAK6B,QAAI,MAAAhB,SAAA,SAAAA,EAAEyC,aACTF,EAAcjH,EAAWuE,EAAMmC,MAAMzG,OAAQ4D,KAAKE,O,CAGtD,GAAIF,KAAKI,OAAS,KAAM,CACtBJ,KAAKI,MAAMkD,aACTpH,EACEC,EACAuE,EAAMmC,MAAMzG,OACZqE,EACAgC,EAAelD,G,CAIrB,GAAIS,KAAK2B,OAAS,KAAM,CACtB3B,KAAK2B,MAAM2B,aACTvE,EACE5C,EACAuE,EAAMmC,MAAMzG,OACZqE,EACAgC,EAAenD,G,EAMf,eAAA0D,GACN,GAAIhD,KAAKO,cAAgB,KAAM,CAC7B,cAAcP,KAAKO,eAAiB,SAChCgD,WAAWvD,KAAKO,cAChBP,KAAKO,Y,CAEX,OAAOf,C,ECvOX,MAAMgE,EAA8B,IAAM,sU,MCa7BC,EAAwB,MALrC,WAAA9D,CAAA+D,G,UAiCU1D,KAAA2D,WAAmC,UACnC3D,KAAA4D,WAAmC,UACnC5D,KAAAK,aAAqC,UACrCL,KAAAO,aAAgCf,EA4HhCQ,KAAA6D,uBAAyB,KAC/B7D,KAAK8D,uBAAuB,EAGtB9D,KAAA+D,6BAA+B,KACrCC,GAAS,KACP,GAAIhE,KAAKiE,QAAU,MAAQjE,KAAKkE,WAAa,KAAM,CACjDlE,KAAKkE,UAAUC,MAAQnE,KAAKiE,OAAOG,SAASD,MAC5CnE,KAAKkE,UAAUG,OAASrE,KAAKiE,OAAOG,SAASC,OAE7CrE,KAAKsE,0B,IAEP,EAGItE,KAAAuE,aAAe,KACrB,GAAIvE,KAAKkE,WAAa,KAAM,CAC1BlE,KAAKsE,0B,GAIDtE,KAAA8D,sBAAwB,KAC9B,MAAMpD,MAAEA,GAAUV,KAAKiE,QAAU,GAEjC,GAAIvD,GAAS,KAAM,CACjB,MAAM8D,EAASxE,KAAKyE,eAEpBD,EAAOE,YAAYhE,E,GAIfV,KAAA2E,eAAkBT,I,QACxBU,QAAQC,MACN,iDAAiDC,KAAKC,UACpD/E,KAAKlD,6BACcgI,KAAKC,UAAU/E,KAAKS,+BACvCI,EAAAb,KAAKiE,UAAM,MAAApD,SAAA,SAAAA,EAAEH,QAAS,SAI1BV,KAAKgF,UAAY,IAAIvF,EACnByE,EACA,CACEhE,MAAOF,KAAK2D,WACZvD,MAAOJ,KAAK4D,YAEd,CACExD,MAAOJ,KAAKO,eAIhBP,KAAK7D,UAAY6D,KAAKiF,kBACtBjF,KAAKgF,UAAUxE,yBAAyBR,KAAK7D,UAAW6D,KAAKS,QAC7D,KAAIS,EAAAlB,KAAKiE,UAAM,MAAA/C,SAAA,SAAAA,EAAER,QAAS,KAAM,CAC9BV,KAAKgF,UAAUN,YAAY1E,KAAKiE,OAAOvD,M,CAGzC,OAAOV,KAAKgF,SAAS,EAGfhF,KAAAsE,yBAA2B,KACjCY,GAAQ,KACNlF,KAAKyE,eAAe9D,eAAe,GACnC,EAGIX,KAAAiF,gBAAkB,KACxB,GAAIjF,KAAKlD,UAAY,KAAM,CACzB,OAAOJ,EAAQyI,gBAAgBnF,KAAKlD,S,GAIhCkD,KAAAyE,aAAe,KACrB,GAAIzE,KAAKgF,WAAa,MAAQhF,KAAKkE,WAAa,KAAM,CACpD,OAAOlE,KAAK2E,eAAe3E,KAAKkE,U,MAC3B,GAAIlE,KAAKgF,WAAa,KAAM,CACjC,OAAOhF,KAAKgF,S,KACP,CACL,MAAM,IAAII,MACR,uF,EAIP,CAxMW,gBAAAC,GACRrF,KAAKsF,oBAAoBtF,KAAKiE,OAAQjD,WAEtChB,KAAKuF,qBAAuB,IAAIC,eAAexF,KAAKuE,cAEpD,GAAIvE,KAAKkE,WAAa,KAAM,CAC1BlE,KAAKuF,qBAAqBE,QAAQzF,KAAKkE,WAEvClE,KAAK2E,eAAe3E,KAAKkE,U,CAG3BgB,GAAQ,K,QACN,MAAMQ,EAAaC,OAAOC,iBAAiB5F,KAAK6F,QAEhD7F,KAAK2D,WAAa/H,EAChB8J,EACA,6CAEF1F,KAAK4D,WAAahI,EAChB8J,EACA,6CAEF1F,KAAKK,aAAezE,EAClB8J,EACA,+CAEF1F,KAAKO,aAAemF,EACjB3J,iBAAiB,+CACjBC,QAEH6E,EAAAb,KAAKgF,aAAS,MAAAnE,SAAA,SAAAA,EAAEI,aAAa,CAC3Bf,MAAOF,KAAK2D,WACZvD,MAAOJ,KAAK4D,WACZtD,QAASN,KAAKK,gBAEhBa,EAAAlB,KAAKgF,aAAS,MAAA9D,SAAA,SAAAA,EAAEY,gBAAgB,CAC9B1B,MAAOJ,KAAKO,cACZ,G,CAII,oBAAAuF,G,SACRjF,EAAAb,KAAKuF,wBAAoB,MAAA1E,SAAA,SAAAA,EAAEkF,cAE3B7E,EAAAlB,KAAKgF,aAAS,MAAA9D,SAAA,SAAAA,EAAE8E,S,CAOR,mBAAAV,CACRW,EACAC,GAEAA,IAAS,MAATA,SAAS,SAATA,EAAWC,oBAAoB,aAAcnG,KAAK6D,wBAClDqC,IAAS,MAATA,SAAS,SAATA,EAAWC,oBACT,mBACAnG,KAAK+D,8BAEPkC,IAAS,MAATA,SAAS,SAATA,EAAWG,iBAAiB,aAAcpG,KAAK6D,wBAC/CoC,IAAS,MAATA,SAAS,SAATA,EAAWG,iBACT,mBACApG,KAAK+D,6B,CAQC,qBAAAsC,CACRC,EACAC,G,MAEAvG,KAAK7D,UAAY6D,KAAKiF,kBAEtBL,QAAQC,MACN,yCAAyCC,KAAKC,UAC5CwB,eACYzB,KAAKC,UAAUuB,QAG/BzF,EAAAb,KAAKgF,aAAS,MAAAnE,SAAA,SAAAA,EAAEL,yBAAyBR,KAAK7D,UAAW6D,KAAKS,O,CAItD,mBAAA+F,CACRC,EACAC,G,MAEA9B,QAAQC,MACN,uCAAuCC,KAAKC,UAC1C2B,eACY5B,KAAKC,UAAU0B,OAG/B,GAAIA,EAAW,EACb5F,EAAAb,KAAKgF,aAAS,MAAAnE,SAAA,SAAAA,EAAEL,yBAAyBR,KAAK7D,UAAW6D,KAAKS,O,EAI3D,MAAAkG,G,QACL,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,IAAMC,IACJhH,KAAKkE,UAAY8C,CAAE,EAErBC,MAAM,YACN9C,OAAOtD,EAAAb,KAAKiE,UAAM,MAAApD,SAAA,SAAAA,EAAEuD,SAASD,MAC7BE,QAAQnD,EAAAlB,KAAKiE,UAAM,MAAA/C,SAAA,SAAAA,EAAEkD,SAASC,S","ignoreList":[]}

package/dist/viewer/p-a9282481.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["viewerIconCss","ViewerIcon","constructor","hostRef","this","size","render","name","renderSvgIcon","h","d","transform","Fragment","content","Host","class","classname","xmlns","viewBox"],"sources":["src/components/viewer-icon/viewer-icon.css?tag=vertex-viewer-icon&encapsulation=shadow","src/components/viewer-icon/viewer-icon.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  fill: currentColor;\n}\n\n:host(.size-sm) {\n  font-size: 16px;\n}\n\n:host(.size-md) {\n  font-size: 24px;\n}\n\n:host(.size-lg) {\n  font-size: 32px;\n}\n\nsvg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\nimport classname from 'classnames';\n\n/**\n * The names of the icons that the `<vertex-viewer-icon>` element can display.\n */\nexport type ViewerIconName =\n  | 'chevron-down'\n  | 'chevron-right'\n  | 'close-circle'\n  | 'comment-filled'\n  | 'comment-show'\n  | 'eye-half'\n  | 'eye-half-dotted'\n  | 'eye-open'\n  | 'fit-all'\n  | 'info'\n  | 'locate'\n  | 'lock'\n  | 'pin-fill'\n  | 'search';\n\n/**\n * The predefined sizes for icons.\n */\nexport type ViewerIconSize = 'sm' | 'md' | 'lg' | undefined;\n\n@Component({\n  tag: 'vertex-viewer-icon',\n  styleUrl: 'viewer-icon.css',\n  shadow: true,\n})\nexport class ViewerIcon {\n  /**\n   * The name of the icon to render.\n   */\n  @Prop()\n  public name?: ViewerIconName;\n\n  /**\n   * The size of the icon. Can be `'sm' | 'md' | 'lg' | undefined`. Predefined\n   * sizes are set to:\n   *\n   *  * `sm`: 16px\n   *  * `md`: 24px\n   *  * `lg`: 32px\n   *\n   * A custom size can be supplied by setting this field to `undefined` and\n   * setting `font-size` through CSS. Defaults to `md`.\n   */\n  @Prop()\n  public size?: ViewerIconSize = 'md';\n\n  public render(): h.JSX.IntrinsicElements {\n    switch (this.name) {\n      case 'chevron-down':\n        return this.renderSvgIcon(\n          <path\n            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\"\n            transform=\"rotate(180 8 8)\"\n          />\n        );\n      case 'chevron-right':\n        return this.renderSvgIcon(\n          <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\" />\n        );\n      case 'close-circle':\n        return this.renderSvgIcon(\n          <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\" />\n        );\n      case 'comment-filled':\n        return this.renderSvgIcon(\n          <path d=\"M13.5,2H2.5c-.8,0-1.5.7-1.5,1.5v7c0,.8.7,1.5,1.5,1.5h5.8l2.9,2.9c.1.1.4.2.5.1.2-.1.3-.3.3-.5v-2.5h1.5c.8,0,1.5-.7,1.5-1.5V3.5c0-.8-.7-1.5-1.5-1.5Z\" />\n        );\n      case 'comment-show':\n        return this.renderSvgIcon(\n          <path d=\"M11.5,8h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm0-3h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm2-3H2.5A1.5,1.5,0,0,0,1,3.5v7A1.5,1.5,0,0,0,2.5,12H8.29l2.86,2.85a.47.47,0,0,0,.54.11A.5.5,0,0,0,12,14.5V12h1.5A1.5,1.5,0,0,0,15,10.5v-7A1.5,1.5,0,0,0,13.5,2Zm.5,8.5a.5.5,0,0,1-.5.5h-2a.51.51,0,0,0-.5.5v1.79L8.85,11.15A.47.47,0,0,0,8.5,11h-6a.5.5,0,0,1-.5-.5v-7A.5.5,0,0,1,2.5,3h11a.5.5,0,0,1,.5.5Z\" />\n        );\n      case 'eye-half':\n        return this.renderSvgIcon(\n          <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\" />\n        );\n      case 'eye-half-dotted':\n        return this.renderSvgIcon(\n          <Fragment>\n            <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\" />\n            <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\" />\n          </Fragment>\n        );\n      case 'eye-open':\n        return this.renderSvgIcon(\n          <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\" />\n        );\n      case 'fit-all':\n        return this.renderSvgIcon(\n          <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\" />\n        );\n      case 'info':\n        return this.renderSvgIcon(\n          <path d=\"M8,15A7,7,0,1,0,1,8,7,7,0,0,0,8,15ZM3.73,3.77A6,6,0,1,1,2,8,6,6,0,0,1,3.73,3.77ZM8,12a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,0-1,0v5A.5.5,0,0,0,8,12ZM8,5a.51.51,0,1,0-.35-.15A.47.47,0,0,0,8,5Z\" />\n        );\n      case 'locate':\n        return this.renderSvgIcon(\n          <path d=\"M8,2a6,6,0,0,1,6,6,6,6,0,0,1,-6,6,6,6,0,0,1,-6,-6,6,6,0,0,1,6,-6ZM8,13a5,5,0,0,0,5,-5,5,5,0,0,0,-5,-5,5,5,0,0,0,-5,5,5,5,0,0,0,5,5ZM8,5a3,3,0,0,1,3,3,3,3,0,0,1,-3,3,3,3,0,0,1,-3,-3,3,3,0,0,1,3,-3ZM7.5,2v-1.5a.3,.3,0,0,1,1,0v1.5ZM7.5,14v1.5a.3,.3,0,0,0,1,0v-1.5ZM14,7.5h1.5a.3,.3,0,0,1,0,1h-1.5ZM2,7.5h-1.5a.3,.3,0,0,0,0,1h1.5ZM8,16v-5ZM16,8h-5ZM0,8h4Z\" />\n        );\n      case 'lock':\n        return this.renderSvgIcon(\n          <path d=\"M13.85 6.15A.47.47 0 0 0 13.5 6H12V5a4 4 0 1 0-8 0v1H2.5a.47.47 0 0 0-.35.15.47.47 0 0 0-.15.35v8a.47.47 0 0 0 .15.35.47.47 0 0 0 .35.15h11a.51.51 0 0 0 .5-.5v-8a.47.47 0 0 0-.15-.35ZM5 5a3 3 0 1 1 6 0v1H5V5Zm8 9H3V7h10v7Zm-5.5-3.15V12a.5.5 0 1 0 1 0v-1.15a1 1 0 1 0-1 0Z\" />\n        );\n      case 'pin-fill':\n        return this.renderSvgIcon(\n          <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\" />\n        );\n      case 'search':\n        return this.renderSvgIcon(\n          <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\" />\n        );\n      default:\n        return <svg />;\n    }\n  }\n\n  private renderSvgIcon(\n    content: h.JSX.IntrinsicElements\n  ): h.JSX.IntrinsicElements {\n    return (\n      <Host\n        class={classname({\n          'size-sm': this.size === 'sm',\n          'size-md': this.size === 'md',\n          'size-lg': this.size === 'lg',\n        })}\n      >\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n          {content}\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;qHAAA,MAAMA,EAAgB,IAAM,2M,MCgCfC,EAAU,MALvB,WAAAC,CAAAC,G,UAwBSC,KAAAC,KAAwB,IAwFhC,CAtFQ,MAAAC,GACL,OAAQF,KAAKG,MACX,IAAK,eACH,OAAOH,KAAKI,cACVC,EAAA,QACEC,EAAE,uFACFC,UAAU,qBAGhB,IAAK,gBACH,OAAOP,KAAKI,cACVC,EAAA,QAAMC,EAAE,uFAEZ,IAAK,eACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,8KAEZ,IAAK,iBACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,wJAEZ,IAAK,eACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,oYAEZ,IAAK,WACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,ufAEZ,IAAK,kBACH,OAAON,KAAKI,cACVC,EAACG,EAAQ,KACPH,EAAA,QAAMC,EAAE,6MACRD,EAAA,QAAMC,EAAE,seAGd,IAAK,WACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,+aAEZ,IAAK,UACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,oPAEZ,IAAK,OACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,4LAEZ,IAAK,SACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,qWAEZ,IAAK,OACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,qRAEZ,IAAK,WACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,mRAEZ,IAAK,SACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,sMAEZ,QACE,OAAOD,EAAA,Y,CAIL,aAAAD,CACNK,GAEA,OACEJ,EAACK,EAAI,CACHC,MAAOC,EAAU,CACf,UAAWZ,KAAKC,OAAS,KACzB,UAAWD,KAAKC,OAAS,KACzB,UAAWD,KAAKC,OAAS,QAG3BI,EAAA,OAAKQ,MAAM,6BAA6BC,QAAQ,aAC7CL,G","ignoreList":[]}
+{"version":3,"names":["viewerIconCss","ViewerIcon","constructor","hostRef","this","size","render","name","renderSvgIcon","h","d","transform","Fragment","content","Host","class","classname","xmlns","viewBox"],"sources":["src/components/viewer-icon/viewer-icon.css?tag=vertex-viewer-icon&encapsulation=shadow","src/components/viewer-icon/viewer-icon.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  fill: currentColor;\n}\n\n:host(.size-sm) {\n  font-size: 16px;\n}\n\n:host(.size-md) {\n  font-size: 24px;\n}\n\n:host(.size-lg) {\n  font-size: 32px;\n}\n\nsvg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\nimport classname from 'classnames';\n\n/**\n * The names of the icons that the `<vertex-viewer-icon>` element can display.\n */\nexport type ViewerIconName =\n  | 'chevron-down'\n  | 'chevron-right'\n  | 'close-circle'\n  | 'comment-filled'\n  | 'comment-show'\n  | 'eye-half'\n  | 'eye-half-dotted'\n  | 'eye-open'\n  | 'fit-all'\n  | 'info'\n  | 'locate'\n  | 'lock'\n  | 'pin-fill'\n  | 'search';\n\n/**\n * The predefined sizes for icons.\n */\nexport type ViewerIconSize = 'sm' | 'md' | 'lg' | undefined;\n\n@Component({\n  tag: 'vertex-viewer-icon',\n  styleUrl: 'viewer-icon.css',\n  shadow: true,\n})\nexport class ViewerIcon {\n  /**\n   * The name of the icon to render.\n   */\n  @Prop()\n  public name?: ViewerIconName;\n\n  /**\n   * The size of the icon. Can be `'sm' | 'md' | 'lg' | undefined`. Predefined\n   * sizes are set to:\n   *\n   *  * `sm`: 16px\n   *  * `md`: 24px\n   *  * `lg`: 32px\n   *\n   * A custom size can be supplied by setting this field to `undefined` and\n   * setting `font-size` through CSS. Defaults to `md`.\n   */\n  @Prop()\n  public size?: ViewerIconSize = 'md';\n\n  public render(): h.JSX.IntrinsicElements {\n    switch (this.name) {\n      case 'chevron-down':\n        return this.renderSvgIcon(\n          <path\n            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\"\n            transform=\"rotate(180 8 8)\"\n          />,\n        );\n      case 'chevron-right':\n        return this.renderSvgIcon(\n          <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\" />,\n        );\n      case 'close-circle':\n        return this.renderSvgIcon(\n          <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\" />,\n        );\n      case 'comment-filled':\n        return this.renderSvgIcon(\n          <path d=\"M13.5,2H2.5c-.8,0-1.5.7-1.5,1.5v7c0,.8.7,1.5,1.5,1.5h5.8l2.9,2.9c.1.1.4.2.5.1.2-.1.3-.3.3-.5v-2.5h1.5c.8,0,1.5-.7,1.5-1.5V3.5c0-.8-.7-1.5-1.5-1.5Z\" />,\n        );\n      case 'comment-show':\n        return this.renderSvgIcon(\n          <path d=\"M11.5,8h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm0-3h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm2-3H2.5A1.5,1.5,0,0,0,1,3.5v7A1.5,1.5,0,0,0,2.5,12H8.29l2.86,2.85a.47.47,0,0,0,.54.11A.5.5,0,0,0,12,14.5V12h1.5A1.5,1.5,0,0,0,15,10.5v-7A1.5,1.5,0,0,0,13.5,2Zm.5,8.5a.5.5,0,0,1-.5.5h-2a.51.51,0,0,0-.5.5v1.79L8.85,11.15A.47.47,0,0,0,8.5,11h-6a.5.5,0,0,1-.5-.5v-7A.5.5,0,0,1,2.5,3h11a.5.5,0,0,1,.5.5Z\" />,\n        );\n      case 'eye-half':\n        return this.renderSvgIcon(\n          <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\" />,\n        );\n      case 'eye-half-dotted':\n        return this.renderSvgIcon(\n          <Fragment>\n            <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\" />\n            <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\" />\n          </Fragment>,\n        );\n      case 'eye-open':\n        return this.renderSvgIcon(\n          <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\" />,\n        );\n      case 'fit-all':\n        return this.renderSvgIcon(\n          <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\" />,\n        );\n      case 'info':\n        return this.renderSvgIcon(\n          <path d=\"M8,15A7,7,0,1,0,1,8,7,7,0,0,0,8,15ZM3.73,3.77A6,6,0,1,1,2,8,6,6,0,0,1,3.73,3.77ZM8,12a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,0-1,0v5A.5.5,0,0,0,8,12ZM8,5a.51.51,0,1,0-.35-.15A.47.47,0,0,0,8,5Z\" />,\n        );\n      case 'locate':\n        return this.renderSvgIcon(\n          <path d=\"M8,2a6,6,0,0,1,6,6,6,6,0,0,1,-6,6,6,6,0,0,1,-6,-6,6,6,0,0,1,6,-6ZM8,13a5,5,0,0,0,5,-5,5,5,0,0,0,-5,-5,5,5,0,0,0,-5,5,5,5,0,0,0,5,5ZM8,5a3,3,0,0,1,3,3,3,3,0,0,1,-3,3,3,3,0,0,1,-3,-3,3,3,0,0,1,3,-3ZM7.5,2v-1.5a.3,.3,0,0,1,1,0v1.5ZM7.5,14v1.5a.3,.3,0,0,0,1,0v-1.5ZM14,7.5h1.5a.3,.3,0,0,1,0,1h-1.5ZM2,7.5h-1.5a.3,.3,0,0,0,0,1h1.5ZM8,16v-5ZM16,8h-5ZM0,8h4Z\" />,\n        );\n      case 'lock':\n        return this.renderSvgIcon(\n          <path d=\"M13.85 6.15A.47.47 0 0 0 13.5 6H12V5a4 4 0 1 0-8 0v1H2.5a.47.47 0 0 0-.35.15.47.47 0 0 0-.15.35v8a.47.47 0 0 0 .15.35.47.47 0 0 0 .35.15h11a.51.51 0 0 0 .5-.5v-8a.47.47 0 0 0-.15-.35ZM5 5a3 3 0 1 1 6 0v1H5V5Zm8 9H3V7h10v7Zm-5.5-3.15V12a.5.5 0 1 0 1 0v-1.15a1 1 0 1 0-1 0Z\" />,\n        );\n      case 'pin-fill':\n        return this.renderSvgIcon(\n          <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\" />,\n        );\n      case 'search':\n        return this.renderSvgIcon(\n          <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\" />,\n        );\n      default:\n        return <svg />;\n    }\n  }\n\n  private renderSvgIcon(\n    content: h.JSX.IntrinsicElements,\n  ): h.JSX.IntrinsicElements {\n    return (\n      <Host\n        class={classname({\n          'size-sm': this.size === 'sm',\n          'size-md': this.size === 'md',\n          'size-lg': this.size === 'lg',\n        })}\n      >\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n          {content}\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;qHAAA,MAAMA,EAAgB,IAAM,2M,MCgCfC,EAAU,MALvB,WAAAC,CAAAC,G,UAwBSC,KAAAC,KAAwB,IAwFhC,CAtFQ,MAAAC,GACL,OAAQF,KAAKG,MACX,IAAK,eACH,OAAOH,KAAKI,cACVC,EAAA,QACEC,EAAE,uFACFC,UAAU,qBAGhB,IAAK,gBACH,OAAOP,KAAKI,cACVC,EAAA,QAAMC,EAAE,uFAEZ,IAAK,eACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,8KAEZ,IAAK,iBACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,wJAEZ,IAAK,eACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,oYAEZ,IAAK,WACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,ufAEZ,IAAK,kBACH,OAAON,KAAKI,cACVC,EAACG,EAAQ,KACPH,EAAA,QAAMC,EAAE,6MACRD,EAAA,QAAMC,EAAE,seAGd,IAAK,WACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,+aAEZ,IAAK,UACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,oPAEZ,IAAK,OACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,4LAEZ,IAAK,SACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,qWAEZ,IAAK,OACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,qRAEZ,IAAK,WACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,mRAEZ,IAAK,SACH,OAAON,KAAKI,cACVC,EAAA,QAAMC,EAAE,sMAEZ,QACE,OAAOD,EAAA,Y,CAIL,aAAAD,CACNK,GAEA,OACEJ,EAACK,EAAI,CACHC,MAAOC,EAAU,CACf,UAAWZ,KAAKC,OAAS,KACzB,UAAWD,KAAKC,OAAS,KACzB,UAAWD,KAAKC,OAAS,QAG3BI,EAAA,OAAKQ,MAAM,6BAA6BC,QAAQ,aAC7CL,G","ignoreList":[]}

package/dist/viewer/{p-63f4f702.entry.js → p-c7e62d66.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
-import{r as i,c as e,h as t,H as s,a as n}from"./p-CCVkga9Q.js";import{d as o}from"./p-CPk-nchx.js";import"./p-Dp56p_jX.js";import"./p-BAhfr1Nx.js";import{b as l}from"./p-DC86ZXai.js";import"./p-CkIzrpO0.js";import"./p-Og6pwwEB.js";import"./p-CG9AChtV.js";import"./p-Ct0GdHoc.js";const d=()=>`button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}:host{display:flex;align-items:center;box-sizing:border-box;--scene-tree-cell-background-hover:var(--blue-200);--scene-tree-cell-background-selected:var(--blue-300);--scene-tree-cell-text-positioning:left;--scene-tree-cell-padding:0.25rem 0;font-size:var(--scene-tree-default-font-size, unset);font-family:var(--scene-tree-default-font-family, unset);color:var(--scene-tree-default-font-color, #444444)}:host([is-hovered]){background:var(--scene-tree-cell-background-hover)}:host([is-selected]){background:var(--scene-tree-cell-background-selected)}.wrapper{display:flex;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:var(--scene-tree-cell-padding)}.content{width:100%;text-align:var(--scene-tree-cell-text-positioning);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-spacer{width:var(--scene-tree-table-column-gap)}.expand-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}:host([is-leaf]) .expand-btn,:host([is-end-item]) .expand-btn{visibility:hidden;cursor:default}.no-shrink{flex-shrink:0}.end-item-btn{cursor:default;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}:host(:not([is-end-item])) .end-item-btn{visibility:hidden;cursor:default}.end-item-icon{width:14px;height:14px;fill:var(--scene-tree-secondary-font-color, var(--neutral-600))}.visibility-btn,.isolate-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.icon{width:14px;height:14px;fill:var(--scene-tree-default-font-color, currentColor)}`;const r=class{constructor(t){i(this,t);this.expandToggled=e(this,"expandToggled");this.visibilityToggled=e(this,"visibilityToggled");this.selectionToggled=e(this,"selectionToggled");this.isolatePressed=e(this,"isolatePressed");this.cellLoaded=e(this,"cellLoaded");this.placeholder="--";this.alwaysShowIcons=false;this.hovered=false;this.displayValue=()=>{const i=this.value==null||this.value.trim()===""?this.placeholder:this.value;return i};this.handleCellPointerEnter=()=>{var i,e,t;(i=this.hoverController)===null||i===void 0?void 0:i.setHovered((t=(e=this.node)===null||e===void 0?void 0:e.id)===null||t===void 0?void 0:t.hex)};this.handleCellPointerLeave=()=>{var i;(i=this.hoverController)===null||i===void 0?void 0:i.setHovered(undefined)};this.handleCellPointerUp=i=>{if(!this.isScrolling&&this.node!=null&&this.tree!=null&&this.longPressTimer!=null){if(this.selectionHandler!=null){this.selectionHandler(i,this.node,this.tree)}else{this.performDefaultSelectionOperation(i)}this.selectionToggled.emit({node:this.node,originalEvent:i})}this.clearLongPressTimer()};this.handleCellPointerDown=i=>{this.restartLongPressTimer()};this.createActionPointerUpHandler=i=>e=>{e.preventDefault();e.stopPropagation();l(this.hostEl);i(e)};this.toggleExpansion=async i=>{if(this.tree!=null&&this.node!=null){if(this.expansionHandler!=null){this.expansionHandler(i,this.node,this.tree)}else{await this.performDefaultExpansionOperation(this.node,this.tree)}this.expandToggled.emit({node:this.node,originalEvent:i})}};this.toggleVisibility=async i=>{if(this.tree!=null&&this.node!=null){if(this.visibilityHandler!=null){this.visibilityHandler(i,this.node,this.tree)}else{await this.performDefaultVisibilityOperation(this.node,this.tree)}this.visibilityToggled.emit({node:this.node,originalEvent:i})}};this.isolate=async i=>{if(this.tree!=null&&this.node!=null){if(this.isolateHandler!=null){this.isolateHandler(i,this.node,this.tree)}else{await this.performDefaultIsolateOperation(this.node,this.tree)}this.isolatePressed.emit({node:this.node,originalEvent:i})}};this.performDefaultSelectionOperation=i=>{var e,t,s,n,o,l;if(!i.defaultPrevented&&i.button===0){if((i.ctrlKey||i.metaKey)&&((e=this.node)===null||e===void 0?void 0:e.selected)){(t=this.tree)===null||t===void 0?void 0:t.deselectItem(this.node)}else if((s=this.node)===null||s===void 0?void 0:s.selected){(n=this.tree)===null||n===void 0?void 0:n.selectItem(this.node,{recurseParent:true})}else if(!((o=this.node)===null||o===void 0?void 0:o.selected)){(l=this.tree)===null||l===void 0?void 0:l.selectItem(this.node,{append:i.ctrlKey||i.metaKey,range:i.shiftKey})}}};this.performDefaultVisibilityOperation=async(i,e)=>{await e.toggleItemVisibility(i)};this.performDefaultIsolateOperation=async(i,e)=>{await e.isolateItem(i)};this.performDefaultExpansionOperation=async(i,e)=>{await e.toggleExpandItem(i)}}componentDidLoad(){var i;this.hoverListener=(i=this.hoverController)===null||i===void 0?void 0:i.stateChanged((i=>{var e,t;this.hovered=i===((t=(e=this.node)===null||e===void 0?void 0:e.id)===null||t===void 0?void 0:t.hex)}));this.cellLoaded.emit();this.clearLongPressTimer()}disconnectedCallback(){var i;(i=this.hoverListener)===null||i===void 0?void 0:i.dispose();this.clearLongPressTimer()}componentWillRender(){var i,e,t,s,n,o;this.toggleAttribute("is-hovered",this.hovered);this.toggleAttribute("is-hidden",!((i=this.node)===null||i===void 0?void 0:i.visible));this.toggleAttribute("is-selected",!!((e=this.node)===null||e===void 0?void 0:e.selected));this.toggleAttribute("is-partial",!!((t=this.node)===null||t===void 0?void 0:t.partiallyVisible));this.toggleAttribute("is-leaf",!!((s=this.node)===null||s===void 0?void 0:s.isLeaf));this.toggleAttribute("is-end-item",!!((n=this.node)===null||n===void 0?void 0:n.endItem));this.toggleAttribute("is-filter-hit",!!((o=this.node)===null||o===void 0?void 0:o.filterHit))}render(){var i,e,n,o;const l=this.node==null?{visibility:"hidden"}:undefined;const d=this.getBackgroundColorStyle();const r=this.getEndItemIcon();const h=this.getExpansionIcon();const a=this.getIsolateIcon();const c=this.getVisibilityIcon();const v=this.expandToggle&&!r;const u=r&&!v;return t(s,{key:"703090cacf3d026e220ead0a051d70b186fa056e",onPointerEnter:this.handleCellPointerEnter,onPointerLeave:this.handleCellPointerLeave,onPointerUp:this.handleCellPointerUp,onPointerDown:this.handleCellPointerDown,style:{...l,"background-color":d}},t("div",{key:"25a45f3cebed75a1d0e469cce01e1cabec5450c4",class:"wrapper"},t("div",{key:"7ba2f3c1b9a5551287f6683f87de841f0717e87b",class:"no-shrink"},t("slot",{key:"04bd203d0e034aa4fce3a0b64d24718ab0ba50af",name:"left-gutter"})),v&&t("button",{key:"ee0ed0a97bdbac298bb1924a2501a7e1705c5875",class:"expand-btn no-shrink","data-testid":"expand-"+((i=this.node)===null||i===void 0?void 0:i.name),onPointerUp:this.createActionPointerUpHandler(this.toggleExpansion)},h&&t("vertex-viewer-icon",{key:"0138a61ceca6200060602fcf5be186d8ef5b8439",class:"icon",name:h,size:"sm"})),u&&t("button",{key:"5f1376b4e28d62273f4f53f8fd61e83400dda8cb",class:"end-item-btn no-shrink","data-testid":"end-item-"+((e=this.node)===null||e===void 0?void 0:e.name)},r&&t("vertex-viewer-icon",{key:"3760b8b0452208116b468bf662659365fa93397b",class:"end-item-icon",name:r,size:"sm"})),t("div",{key:"b6af488cac898cee62c7c68c3ef159259e2029fb",class:"content"},this.value!=null&&this.value.trim()!==""?t("slot",null,this.displayValue()):t("slot",{name:"placeholder"},this.placeholder)),this.isolateButton&&t("button",{key:"c5feec7c3665c3983ec9c3754d2b3904276694ad",class:"isolate-btn no-shrink","data-testid":"isolate-btn-"+((n=this.node)===null||n===void 0?void 0:n.name),onPointerUp:this.createActionPointerUpHandler(this.isolate)},a&&t("vertex-viewer-icon",{key:"daa2a2697cfb21fbbf9ca975374d4108d4faeabb",class:"icon",name:"locate",size:"sm"})),this.visibilityToggle&&t("button",{key:"c3a99abe103595de749195893f7af1955db7e509",class:"visibility-btn no-shrink","data-testid":"visibility-btn-"+((o=this.node)===null||o===void 0?void 0:o.name),onPointerUp:this.createActionPointerUpHandler(this.toggleVisibility)},c&&t("vertex-viewer-icon",{key:"f5cb997438de0d600447a217156748f903293432",class:"icon",name:c,size:"sm"})),t("div",{key:"39c001c9af24fa30c5c42cfa844e9beb373e2ec3",class:"no-shrink"},t("slot",{key:"d412cf2de92b427282c9575a7d0cd505f23650a5",name:"right-gutter"})),!this.visibilityToggle&&!this.isolateButton&&t("div",{key:"e5aced5b74783ab256ab057794346f3bd49050a0",class:"column-spacer"})))}toggleAttribute(i,e){if(e){this.hostEl.setAttribute(i,"")}else{this.hostEl.removeAttribute(i)}}clearLongPressTimer(){if(this.longPressTimer!=null){window.clearTimeout(this.longPressTimer)}this.longPressTimer=undefined}restartLongPressTimer(){this.clearLongPressTimer();this.longPressTimer=window.setTimeout((()=>{this.clearLongPressTimer()}),o.longPressThreshold)}getBackgroundColorStyle(){var i,e;const t=this.getCssVariableWithFallbacks(`--scene-tree-row-background-color-depth-${(i=this.node)===null||i===void 0?void 0:i.depth}`,"--scene-tree-row-background-color");const s=this.getCssVariableWithFallbacks("--scene-tree-selected-row-background-color","--scene-tree-cell-background-selected");const n=this.getCssVariableWithFallbacks("--scene-tree-hovered-row-background-color","--scene-tree-cell-background-hover");if(!!((e=this.node)===null||e===void 0?void 0:e.selected)){return s}else if(this.hovered){return n}return t}getCssVariableWithFallbacks(i,...e){const t=[...e].reverse();return[...t,i].reduce(((i,e)=>`var(${e}, ${i})`),"unset")}getIsolateIcon(){if(this.hovered||this.alwaysShowIcons){return"locate"}return undefined}getExpansionIcon(){var i,e,t;if(!((i=this.node)===null||i===void 0?void 0:i.isLeaf)&&!((e=this.node)===null||e===void 0?void 0:e.endItem)){return((t=this.node)===null||t===void 0?void 0:t.expanded)?"chevron-down":"chevron-right"}return undefined}getEndItemIcon(){var i,e,t;if(this.endItemIndicator&&((i=this.node)===null||i===void 0?void 0:i.endItem)&&(!((e=this.node)===null||e===void 0?void 0:e.isLeaf)||((t=this.node)===null||t===void 0?void 0:t.filterHit))){return"lock"}return undefined}getVisibilityIcon(){var i,e,t,s,n;if((this.hovered||this.alwaysShowIcons)&&!((i=this.node)===null||i===void 0?void 0:i.partiallyVisible)&&((e=this.node)===null||e===void 0?void 0:e.visible)){return"eye-open"}else if(!((t=this.node)===null||t===void 0?void 0:t.partiallyVisible)&&!((s=this.node)===null||s===void 0?void 0:s.visible)){return"eye-half"}else if((n=this.node)===null||n===void 0?void 0:n.partiallyVisible){return"eye-half-dotted"}return undefined}get hostEl(){return n(this)}};r.style=d();export{r as vertex_scene_tree_table_cell};
-//# sourceMappingURL=p-63f4f702.entry.js.map
+import{r as i,c as e,h as t,H as s,a as n}from"./p-CCVkga9Q.js";import{d as o}from"./p-CPk-nchx.js";import"./p-Dp56p_jX.js";import"./p-BAhfr1Nx.js";import{b as l}from"./p-DC86ZXai.js";import"./p-CkIzrpO0.js";import"./p-Og6pwwEB.js";import"./p-CG9AChtV.js";import"./p-Ct0GdHoc.js";const d=()=>`button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}:host{display:flex;align-items:center;box-sizing:border-box;--scene-tree-cell-background-hover:var(--blue-200);--scene-tree-cell-background-selected:var(--blue-300);--scene-tree-cell-text-positioning:left;--scene-tree-cell-padding:0.25rem 0;font-size:var(--scene-tree-default-font-size, unset);font-family:var(--scene-tree-default-font-family, unset);color:var(--scene-tree-default-font-color, #444444)}:host([is-hovered]){background:var(--scene-tree-cell-background-hover)}:host([is-selected]){background:var(--scene-tree-cell-background-selected)}.wrapper{display:flex;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:var(--scene-tree-cell-padding)}.content{width:100%;text-align:var(--scene-tree-cell-text-positioning);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-spacer{width:var(--scene-tree-table-column-gap)}.expand-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}:host([is-leaf]) .expand-btn,:host([is-end-item]) .expand-btn{visibility:hidden;cursor:default}.no-shrink{flex-shrink:0}.end-item-btn{cursor:default;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}:host(:not([is-end-item])) .end-item-btn{visibility:hidden;cursor:default}.end-item-icon{width:14px;height:14px;fill:var(--scene-tree-secondary-font-color, var(--neutral-600))}.visibility-btn,.isolate-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.icon{width:14px;height:14px;fill:var(--scene-tree-default-font-color, currentColor)}`;const r=class{constructor(t){i(this,t);this.expandToggled=e(this,"expandToggled");this.visibilityToggled=e(this,"visibilityToggled");this.selectionToggled=e(this,"selectionToggled");this.isolatePressed=e(this,"isolatePressed");this.cellLoaded=e(this,"cellLoaded");this.placeholder="--";this.alwaysShowIcons=false;this.hovered=false;this.displayValue=()=>{const i=this.value==null||this.value.trim()===""?this.placeholder:this.value;return i};this.handleCellPointerEnter=()=>{var i,e,t;(i=this.hoverController)===null||i===void 0?void 0:i.setHovered((t=(e=this.node)===null||e===void 0?void 0:e.id)===null||t===void 0?void 0:t.hex)};this.handleCellPointerLeave=()=>{var i;(i=this.hoverController)===null||i===void 0?void 0:i.setHovered(undefined)};this.handleCellPointerUp=i=>{if(!this.isScrolling&&this.node!=null&&this.tree!=null&&this.longPressTimer!=null){if(this.selectionHandler!=null){this.selectionHandler(i,this.node,this.tree)}else{this.performDefaultSelectionOperation(i)}this.selectionToggled.emit({node:this.node,originalEvent:i})}this.clearLongPressTimer()};this.handleCellPointerDown=i=>{this.restartLongPressTimer()};this.createActionPointerUpHandler=i=>e=>{e.preventDefault();e.stopPropagation();l(this.hostEl);i(e)};this.toggleExpansion=async i=>{if(this.tree!=null&&this.node!=null){if(this.expansionHandler!=null){this.expansionHandler(i,this.node,this.tree)}else{await this.performDefaultExpansionOperation(this.node,this.tree)}this.expandToggled.emit({node:this.node,originalEvent:i})}};this.toggleVisibility=async i=>{if(this.tree!=null&&this.node!=null){if(this.visibilityHandler!=null){this.visibilityHandler(i,this.node,this.tree)}else{await this.performDefaultVisibilityOperation(this.node,this.tree)}this.visibilityToggled.emit({node:this.node,originalEvent:i})}};this.isolate=async i=>{if(this.tree!=null&&this.node!=null){if(this.isolateHandler!=null){this.isolateHandler(i,this.node,this.tree)}else{await this.performDefaultIsolateOperation(this.node,this.tree)}this.isolatePressed.emit({node:this.node,originalEvent:i})}};this.performDefaultSelectionOperation=i=>{var e,t,s,n,o,l;if(!i.defaultPrevented&&i.button===0){if((i.ctrlKey||i.metaKey)&&((e=this.node)===null||e===void 0?void 0:e.selected)){(t=this.tree)===null||t===void 0?void 0:t.deselectItem(this.node)}else if((s=this.node)===null||s===void 0?void 0:s.selected){(n=this.tree)===null||n===void 0?void 0:n.selectItem(this.node,{recurseParent:true})}else if(!((o=this.node)===null||o===void 0?void 0:o.selected)){(l=this.tree)===null||l===void 0?void 0:l.selectItem(this.node,{append:i.ctrlKey||i.metaKey,range:i.shiftKey})}}};this.performDefaultVisibilityOperation=async(i,e)=>{await e.toggleItemVisibility(i)};this.performDefaultIsolateOperation=async(i,e)=>{await e.isolateItem(i)};this.performDefaultExpansionOperation=async(i,e)=>{await e.toggleExpandItem(i)}}componentDidLoad(){var i;this.hoverListener=(i=this.hoverController)===null||i===void 0?void 0:i.stateChanged((i=>{var e,t;this.hovered=i===((t=(e=this.node)===null||e===void 0?void 0:e.id)===null||t===void 0?void 0:t.hex)}));this.cellLoaded.emit();this.clearLongPressTimer()}disconnectedCallback(){var i;(i=this.hoverListener)===null||i===void 0?void 0:i.dispose();this.clearLongPressTimer()}componentWillRender(){var i,e,t,s,n,o;this.toggleAttribute("is-hovered",this.hovered);this.toggleAttribute("is-hidden",!((i=this.node)===null||i===void 0?void 0:i.visible));this.toggleAttribute("is-selected",!!((e=this.node)===null||e===void 0?void 0:e.selected));this.toggleAttribute("is-partial",!!((t=this.node)===null||t===void 0?void 0:t.partiallyVisible));this.toggleAttribute("is-leaf",!!((s=this.node)===null||s===void 0?void 0:s.isLeaf));this.toggleAttribute("is-end-item",!!((n=this.node)===null||n===void 0?void 0:n.endItem));this.toggleAttribute("is-filter-hit",!!((o=this.node)===null||o===void 0?void 0:o.filterHit))}render(){var i,e,n,o;const l=this.node==null?{visibility:"hidden"}:undefined;const d=this.getBackgroundColorStyle();const r=this.getEndItemIcon();const h=this.getExpansionIcon();const a=this.getIsolateIcon();const c=this.getVisibilityIcon();const v=this.expandToggle&&!r;const u=r&&!v;return t(s,{key:"703090cacf3d026e220ead0a051d70b186fa056e",onPointerEnter:this.handleCellPointerEnter,onPointerLeave:this.handleCellPointerLeave,onPointerUp:this.handleCellPointerUp,onPointerDown:this.handleCellPointerDown,style:{...l,"background-color":d}},t("div",{key:"25a45f3cebed75a1d0e469cce01e1cabec5450c4",class:"wrapper"},t("div",{key:"7ba2f3c1b9a5551287f6683f87de841f0717e87b",class:"no-shrink"},t("slot",{key:"04bd203d0e034aa4fce3a0b64d24718ab0ba50af",name:"left-gutter"})),v&&t("button",{key:"9dfa16123e24eeb90e208aa0d5936b9bacd9d8f4",class:"expand-btn no-shrink","data-testid":"expand-"+((i=this.node)===null||i===void 0?void 0:i.name),onPointerUp:this.createActionPointerUpHandler(this.toggleExpansion)},h&&t("vertex-viewer-icon",{key:"dd3c2a86b90d627b3234b76075dafef393418945",class:"icon",name:h,size:"sm"})),u&&t("button",{key:"d486186bcae525c9b520cc0cd07848389f9ffd87",class:"end-item-btn no-shrink","data-testid":"end-item-"+((e=this.node)===null||e===void 0?void 0:e.name)},r&&t("vertex-viewer-icon",{key:"70449bce2c41f6d07bd316a6f607b17c2484d4a0",class:"end-item-icon",name:r,size:"sm"})),t("div",{key:"a693f0db50d607f4f8c427f86ce99a6813b2d691",class:"content"},this.value!=null&&this.value.trim()!==""?t("slot",null,this.displayValue()):t("slot",{name:"placeholder"},this.placeholder)),this.isolateButton&&t("button",{key:"6d981678a7307f45e7f4636085676bd091187de4",class:"isolate-btn no-shrink","data-testid":"isolate-btn-"+((n=this.node)===null||n===void 0?void 0:n.name),onPointerUp:this.createActionPointerUpHandler(this.isolate)},a&&t("vertex-viewer-icon",{key:"9fee42c3d4a82445781fc99c31c5980778d94440",class:"icon",name:"locate",size:"sm"})),this.visibilityToggle&&t("button",{key:"ae999f4eadf1214f9583a503ccc49cfceee60e44",class:"visibility-btn no-shrink","data-testid":"visibility-btn-"+((o=this.node)===null||o===void 0?void 0:o.name),onPointerUp:this.createActionPointerUpHandler(this.toggleVisibility)},c&&t("vertex-viewer-icon",{key:"af24355ad0af2b8cb4fe66a5d25f9bf85796e460",class:"icon",name:c,size:"sm"})),t("div",{key:"1000b80cc334bc103563af29aea0a0629d3229c3",class:"no-shrink"},t("slot",{key:"788690a3c64964d744d8effc3898fefb19d1ae5a",name:"right-gutter"})),!this.visibilityToggle&&!this.isolateButton&&t("div",{key:"6012bc2d3b2fef8533597d92233db11b6b5982a1",class:"column-spacer"})))}toggleAttribute(i,e){if(e){this.hostEl.setAttribute(i,"")}else{this.hostEl.removeAttribute(i)}}clearLongPressTimer(){if(this.longPressTimer!=null){window.clearTimeout(this.longPressTimer)}this.longPressTimer=undefined}restartLongPressTimer(){this.clearLongPressTimer();this.longPressTimer=window.setTimeout((()=>{this.clearLongPressTimer()}),o.longPressThreshold)}getBackgroundColorStyle(){var i,e;const t=this.getCssVariableWithFallbacks(`--scene-tree-row-background-color-depth-${(i=this.node)===null||i===void 0?void 0:i.depth}`,"--scene-tree-row-background-color");const s=this.getCssVariableWithFallbacks("--scene-tree-selected-row-background-color","--scene-tree-cell-background-selected");const n=this.getCssVariableWithFallbacks("--scene-tree-hovered-row-background-color","--scene-tree-cell-background-hover");if(!!((e=this.node)===null||e===void 0?void 0:e.selected)){return s}else if(this.hovered){return n}return t}getCssVariableWithFallbacks(i,...e){const t=[...e].reverse();return[...t,i].reduce(((i,e)=>`var(${e}, ${i})`),"unset")}getIsolateIcon(){if(this.hovered||this.alwaysShowIcons){return"locate"}return undefined}getExpansionIcon(){var i,e,t;if(!((i=this.node)===null||i===void 0?void 0:i.isLeaf)&&!((e=this.node)===null||e===void 0?void 0:e.endItem)){return((t=this.node)===null||t===void 0?void 0:t.expanded)?"chevron-down":"chevron-right"}return undefined}getEndItemIcon(){var i,e,t;if(this.endItemIndicator&&((i=this.node)===null||i===void 0?void 0:i.endItem)&&(!((e=this.node)===null||e===void 0?void 0:e.isLeaf)||((t=this.node)===null||t===void 0?void 0:t.filterHit))){return"lock"}return undefined}getVisibilityIcon(){var i,e,t,s,n;if((this.hovered||this.alwaysShowIcons)&&!((i=this.node)===null||i===void 0?void 0:i.partiallyVisible)&&((e=this.node)===null||e===void 0?void 0:e.visible)){return"eye-open"}else if(!((t=this.node)===null||t===void 0?void 0:t.partiallyVisible)&&!((s=this.node)===null||s===void 0?void 0:s.visible)){return"eye-half"}else if((n=this.node)===null||n===void 0?void 0:n.partiallyVisible){return"eye-half-dotted"}return undefined}get hostEl(){return n(this)}};r.style=d();export{r as vertex_scene_tree_table_cell};
+//# sourceMappingURL=p-c7e62d66.entry.js.map

package/dist/viewer/p-c7e62d66.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sceneTreeTableCellCss","SceneTreeTableCell","constructor","hostRef","this","placeholder","alwaysShowIcons","hovered","displayValue","resp","value","trim","handleCellPointerEnter","_a","hoverController","setHovered","_c","_b","node","id","hex","handleCellPointerLeave","undefined","handleCellPointerUp","event","isScrolling","tree","longPressTimer","selectionHandler","performDefaultSelectionOperation","selectionToggled","emit","originalEvent","clearLongPressTimer","handleCellPointerDown","restartLongPressTimer","createActionPointerUpHandler","action","preventDefault","stopPropagation","blurElement","hostEl","toggleExpansion","async","expansionHandler","performDefaultExpansionOperation","expandToggled","toggleVisibility","visibilityHandler","performDefaultVisibilityOperation","visibilityToggled","isolate","isolateHandler","performDefaultIsolateOperation","isolatePressed","defaultPrevented","button","ctrlKey","metaKey","selected","deselectItem","_d","selectItem","recurseParent","_e","_f","append","range","shiftKey","toggleItemVisibility","isolateItem","toggleExpandItem","componentDidLoad","hoverListener","stateChanged","cellLoaded","disconnectedCallback","dispose","componentWillRender","toggleAttribute","visible","partiallyVisible","isLeaf","endItem","filterHit","render","hiddenStyle","visibility","backgroundColorStyle","getBackgroundColorStyle","endItemIcon","getEndItemIcon","expansionIcon","getExpansionIcon","isolateIcon","getIsolateIcon","visibilityIcon","getVisibilityIcon","showSpaceForExpansionIcon","expandToggle","showSpaceForEndItemIcon","h","Host","key","onPointerEnter","onPointerLeave","onPointerUp","onPointerDown","style","class","name","size","isolateButton","visibilityToggle","attr","setAttribute","removeAttribute","window","clearTimeout","setTimeout","Events.defaultEventConfig","longPressThreshold","getCssVariableWithFallbacks","depth","selectedBackgroundColorStyle","hoveredBackgroundColorStyle","variable","fallbacks","sequencedFallbacks","reverse","reduce","res","s","expanded","endItemIndicator"],"sources":["src/components/scene-tree-table-cell/scene-tree-table-cell.css?tag=vertex-scene-tree-table-cell&encapsulation=shadow","src/components/scene-tree-table-cell/scene-tree-table-cell.tsx"],"sourcesContent":["@import url('../../css/button-reset.css');\n\n:host {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  /**\n   * @prop --scene-tree-cell-background-hover: A CSS background of a cell when\n   * hovered.\n   */\n   --scene-tree-cell-background-hover: var(--blue-200);\n\n   /**\n     * @prop --scene-tree-cell-background-selected: A CSS background color of a\n     * cell when selected.\n     */\n   --scene-tree-cell-background-selected: var(--blue-300);\n\n   /**\n     * @prop --scene-tree-cell-text-positioning: A CSS text alignment\n     * value that indicates how text should be positioned.\n     */\n   --scene-tree-cell-text-positioning: left;\n\n   /**\n     * @prop --scene-tree-cell-padding: CSS lengths that specifies the amount of\n     * padding between the cell's border and content.\n     */\n   --scene-tree-cell-padding: 0.25rem 0;\n\n   font-size: var(--scene-tree-default-font-size, unset);\n   font-family: var(--scene-tree-default-font-family, unset);\n   color: var(--scene-tree-default-font-color, #444444);\n}\n\n:host([is-hovered]) {\n  background: var(--scene-tree-cell-background-hover);\n}\n\n:host([is-selected]) {\n  background: var(--scene-tree-cell-background-selected);\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: var(--scene-tree-cell-padding);\n}\n\n.content {\n  width: 100%;\n  text-align: var(--scene-tree-cell-text-positioning);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.column-spacer {\n  width: var(--scene-tree-table-column-gap);\n}\n\n.expand-btn {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  min-height: 24px;\n}\n\n:host([is-leaf]) .expand-btn,\n:host([is-end-item]) .expand-btn {\n  visibility: hidden;\n  cursor: default;\n}\n\n.no-shrink {\n  flex-shrink: 0;\n}\n\n.end-item-btn {\n  cursor: default;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  min-height: 24px;\n}\n\n:host(:not([is-end-item])) .end-item-btn {\n  visibility: hidden;\n  cursor: default;\n}\n\n.end-item-icon {\n  width: 14px;\n  height: 14px;\n  fill: var(--scene-tree-secondary-font-color, var(--neutral-600));\n}\n\n.visibility-btn,\n.isolate-btn {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n}\n\n.icon {\n  width: 14px;\n  height: 14px;\n  fill: var(--scene-tree-default-font-color, currentColor);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport { Node } from '@vertexvis/scene-tree-protos/scenetree/protos/domain_pb';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { Events } from '../../lib/types';\nimport { SceneTreeOperationHandler } from '../scene-tree/lib/handlers';\nimport { SceneTreeCellHoverController } from '../scene-tree-table-layout/lib/hover-controller';\nimport { ViewerIconName } from '../viewer-icon/viewer-icon';\nimport { blurElement } from './utils';\n\nexport interface SceneTreeTableCellEventDetails {\n  node?: Node.AsObject;\n  originalEvent: PointerEvent;\n}\n\n@Component({\n  tag: 'vertex-scene-tree-table-cell',\n  styleUrl: 'scene-tree-table-cell.css',\n  shadow: true,\n})\nexport class SceneTreeTableCell {\n  /**\n   * The node data that is associated to the row that this cell belongs to.\n   * Contains information related to if the node is expanded, visible, etc.\n   */\n  @Prop()\n  public node?: Node.AsObject;\n\n  /**\n   * A reference to the scene tree to perform operations for interactions. Such\n   * as expansion, visibility and selection.\n   */\n  @Prop()\n  public tree?: HTMLVertexSceneTreeElement;\n\n  /**\n   * The value to display in this cell.\n   */\n  @Prop()\n  public value?: string;\n\n  /**\n   * The value to display in this cell if the `value` specified is\n   * undefined. Defaults to \"--\".\n   */\n  @Prop()\n  public placeholder = '--';\n\n  /**\n   * Whether to always show the requested icons in the cell. If false,\n   * the icons will only appear when hovering over the cell.\n   */\n  @Prop()\n  public alwaysShowIcons = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public hovered = false;\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public isScrolling?: boolean;\n\n  /**\n   * Indicates whether to display a button for toggling the expanded state of\n   * the node associated with this cell.\n   */\n  @Prop()\n  public expandToggle?: boolean;\n\n  /**\n   * Indicates whether to display an indicator that the node associated with\n   * this cell is an end item.\n   */\n  @Prop()\n  public endItemIndicator?: boolean;\n\n  /**\n   * Indicates whether to display a button for toggling the visibility state of\n   * the node associated with this cell.\n   */\n  @Prop()\n  public visibilityToggle?: boolean;\n\n  /**\n   * Indicates whether to display a button for isolating (show only + fly to)\n   * the node associated with this cell.\n   */\n  @Prop()\n  public isolateButton?: boolean;\n\n  /**\n   * An optional handler that will override this cell's default selection\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public selectionHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default visibility\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public visibilityHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default expansion\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public expansionHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default isolate\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public isolateHandler?: SceneTreeOperationHandler;\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public hoverController?: SceneTreeCellHoverController;\n\n  /**\n   * An event that is emitted when a user requests to expand the node. This is\n   * emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public expandToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to change the node's\n   * visibility. This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public visibilityToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to change the node's selection\n   * state. This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public selectionToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to isolate the node.\n   * This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public isolatePressed!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * Used for internals or testing.\n   *\n   * @private\n   */\n  @Event({ bubbles: true })\n  public cellLoaded!: EventEmitter<void>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  private hoverListener?: Disposable;\n\n  private longPressTimer?: number;\n\n  public componentDidLoad(): void {\n    this.hoverListener = this.hoverController?.stateChanged((id?: string) => {\n      this.hovered = id === this.node?.id?.hex;\n    });\n\n    this.cellLoaded.emit();\n    this.clearLongPressTimer();\n  }\n\n  public disconnectedCallback(): void {\n    this.hoverListener?.dispose();\n    this.clearLongPressTimer();\n  }\n\n  public componentWillRender(): void {\n    this.toggleAttribute('is-hovered', this.hovered);\n    this.toggleAttribute('is-hidden', !this.node?.visible);\n    this.toggleAttribute('is-selected', !!this.node?.selected);\n    this.toggleAttribute('is-partial', !!this.node?.partiallyVisible);\n    this.toggleAttribute('is-leaf', !!this.node?.isLeaf);\n    this.toggleAttribute('is-end-item', !!this.node?.endItem);\n    this.toggleAttribute('is-filter-hit', !!this.node?.filterHit);\n  }\n\n  public render(): h.JSX.IntrinsicElements {\n    // Overrides the `.hydrated` visibility when we have nothing to display\n    const hiddenStyle =\n      this.node == null ? { visibility: 'hidden' } : undefined;\n    const backgroundColorStyle = this.getBackgroundColorStyle();\n\n    const endItemIcon = this.getEndItemIcon();\n    const expansionIcon = this.getExpansionIcon();\n    const isolateIcon = this.getIsolateIcon();\n    const visibilityIcon = this.getVisibilityIcon();\n\n    const showSpaceForExpansionIcon = this.expandToggle && !endItemIcon;\n    const showSpaceForEndItemIcon = endItemIcon && !showSpaceForExpansionIcon;\n\n    return (\n      <Host\n        onPointerEnter={this.handleCellPointerEnter}\n        onPointerLeave={this.handleCellPointerLeave}\n        onPointerUp={this.handleCellPointerUp}\n        onPointerDown={this.handleCellPointerDown}\n        style={{\n          ...hiddenStyle,\n          'background-color': backgroundColorStyle,\n        }}\n      >\n        <div class=\"wrapper\">\n          <div class=\"no-shrink\">\n            <slot name=\"left-gutter\" />\n          </div>\n          {showSpaceForExpansionIcon && (\n            <button\n              class=\"expand-btn no-shrink\"\n              data-testid={'expand-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(\n                this.toggleExpansion,\n              )}\n            >\n              {expansionIcon && (\n                <vertex-viewer-icon\n                  class=\"icon\"\n                  name={expansionIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n\n          {showSpaceForEndItemIcon && (\n            <button\n              class=\"end-item-btn no-shrink\"\n              data-testid={'end-item-' + this.node?.name}\n            >\n              {endItemIcon && (\n                <vertex-viewer-icon\n                  class=\"end-item-icon\"\n                  name={endItemIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n\n          <div class=\"content\">\n            {this.value != null && this.value.trim() !== '' ? (\n              <slot>{this.displayValue()}</slot>\n            ) : (\n              <slot name=\"placeholder\">{this.placeholder}</slot>\n            )}\n          </div>\n          {this.isolateButton && (\n            <button\n              class=\"isolate-btn no-shrink\"\n              data-testid={'isolate-btn-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(this.isolate)}\n            >\n              {isolateIcon && (\n                <vertex-viewer-icon class=\"icon\" name=\"locate\" size=\"sm\" />\n              )}\n            </button>\n          )}\n          {this.visibilityToggle && (\n            <button\n              class=\"visibility-btn no-shrink\"\n              data-testid={'visibility-btn-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(\n                this.toggleVisibility,\n              )}\n            >\n              {visibilityIcon && (\n                <vertex-viewer-icon\n                  class=\"icon\"\n                  name={visibilityIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n          <div class=\"no-shrink\">\n            <slot name=\"right-gutter\" />\n          </div>\n          {!this.visibilityToggle && !this.isolateButton && (\n            <div class=\"column-spacer\" />\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  private displayValue = (): string => {\n    const resp =\n      this.value == null || this.value.trim() === ''\n        ? this.placeholder\n        : this.value;\n\n    return resp;\n  };\n\n  private handleCellPointerEnter = (): void => {\n    this.hoverController?.setHovered(this.node?.id?.hex);\n  };\n\n  private handleCellPointerLeave = (): void => {\n    this.hoverController?.setHovered(undefined);\n  };\n\n  private handleCellPointerUp = (event: PointerEvent): void => {\n    if (\n      !this.isScrolling &&\n      this.node != null &&\n      this.tree != null &&\n      this.longPressTimer != null\n    ) {\n      if (this.selectionHandler != null) {\n        this.selectionHandler(event, this.node, this.tree);\n      } else {\n        this.performDefaultSelectionOperation(event);\n      }\n      this.selectionToggled.emit({ node: this.node, originalEvent: event });\n    }\n    this.clearLongPressTimer();\n  };\n\n  private handleCellPointerDown = (event: PointerEvent): void => {\n    this.restartLongPressTimer();\n  };\n\n  private createActionPointerUpHandler = (\n    action: (event: PointerEvent) => void,\n  ): ((event: PointerEvent) => void) => {\n    return (event) => {\n      // Blur the `hostEl` after a `preventDefault` to clear focus that\n      // is left on the element after `pointerdown` event.\n      event.preventDefault();\n      event.stopPropagation();\n      blurElement(this.hostEl);\n\n      action(event);\n    };\n  };\n\n  private toggleExpansion = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.expansionHandler != null) {\n        this.expansionHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultExpansionOperation(this.node, this.tree);\n      }\n      this.expandToggled.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private toggleVisibility = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.visibilityHandler != null) {\n        this.visibilityHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultVisibilityOperation(this.node, this.tree);\n      }\n      this.visibilityToggled.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private toggleAttribute(attr: string, value: boolean): void {\n    if (value) {\n      this.hostEl.setAttribute(attr, '');\n    } else {\n      this.hostEl.removeAttribute(attr);\n    }\n  }\n\n  private isolate = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.isolateHandler != null) {\n        this.isolateHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultIsolateOperation(this.node, this.tree);\n      }\n      this.isolatePressed.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private performDefaultSelectionOperation = (event: PointerEvent): void => {\n    if (!event.defaultPrevented && event.button === 0) {\n      if ((event.ctrlKey || event.metaKey) && this.node?.selected) {\n        this.tree?.deselectItem(this.node);\n      } else if (this.node?.selected) {\n        this.tree?.selectItem(this.node, {\n          recurseParent: true,\n        });\n      } else if (!this.node?.selected) {\n        this.tree?.selectItem(this.node, {\n          append: event.ctrlKey || event.metaKey,\n          range: event.shiftKey,\n        });\n      }\n    }\n  };\n\n  private performDefaultVisibilityOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.toggleItemVisibility(node);\n  };\n\n  private performDefaultIsolateOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.isolateItem(node);\n  };\n\n  private performDefaultExpansionOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.toggleExpandItem(node);\n  };\n\n  private clearLongPressTimer(): void {\n    if (this.longPressTimer != null) {\n      window.clearTimeout(this.longPressTimer);\n    }\n    this.longPressTimer = undefined;\n  }\n\n  private restartLongPressTimer(): void {\n    this.clearLongPressTimer();\n    this.longPressTimer = window.setTimeout(() => {\n      this.clearLongPressTimer();\n    }, Events.defaultEventConfig.longPressThreshold);\n  }\n\n  private getBackgroundColorStyle(): string {\n    const backgroundColorStyle = this.getCssVariableWithFallbacks(\n      `--scene-tree-row-background-color-depth-${this.node?.depth}`,\n      '--scene-tree-row-background-color',\n    );\n    const selectedBackgroundColorStyle = this.getCssVariableWithFallbacks(\n      '--scene-tree-selected-row-background-color',\n      '--scene-tree-cell-background-selected',\n    );\n    const hoveredBackgroundColorStyle = this.getCssVariableWithFallbacks(\n      '--scene-tree-hovered-row-background-color',\n      '--scene-tree-cell-background-hover',\n    );\n\n    if (!!this.node?.selected) {\n      return selectedBackgroundColorStyle;\n    } else if (this.hovered) {\n      return hoveredBackgroundColorStyle;\n    }\n    return backgroundColorStyle;\n  }\n\n  private getCssVariableWithFallbacks(\n    variable: string,\n    ...fallbacks: string[]\n  ): string {\n    const sequencedFallbacks = [...fallbacks].reverse();\n\n    return [...sequencedFallbacks, variable].reduce(\n      (res, s) => `var(${s}, ${res})`,\n      'unset',\n    );\n  }\n\n  private getIsolateIcon(): ViewerIconName | undefined {\n    if (this.hovered || this.alwaysShowIcons) {\n      return 'locate';\n    }\n    return undefined;\n  }\n\n  private getExpansionIcon(): ViewerIconName | undefined {\n    if (!this.node?.isLeaf && !this.node?.endItem) {\n      return this.node?.expanded ? 'chevron-down' : 'chevron-right';\n    }\n    return undefined;\n  }\n\n  private getEndItemIcon(): ViewerIconName | undefined {\n    // Return the end item icon for an item if it is set as an end item and either is not a leaf item\n    // or matches the filter. Note that in the filtered view, an end item matching the filter will always be\n    // marked as a leaf node because its children will be excluded from the search results and therefore\n    // not present in the filtered tree.\n    if (\n      this.endItemIndicator &&\n      this.node?.endItem &&\n      (!this.node?.isLeaf || this.node?.filterHit)\n    ) {\n      return 'lock';\n    }\n    return undefined;\n  }\n\n  private getVisibilityIcon(): ViewerIconName | undefined {\n    if (\n      (this.hovered || this.alwaysShowIcons) &&\n      !this.node?.partiallyVisible &&\n      this.node?.visible\n    ) {\n      return 'eye-open';\n    } else if (!this.node?.partiallyVisible && !this.node?.visible) {\n      return 'eye-half';\n    } else if (this.node?.partiallyVisible) {\n      return 'eye-half-dotted';\n    }\n    return undefined;\n  }\n}\n"],"mappings":"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","ignoreList":[]}