@vertexvis/viewer 0.22.0-canary.0 → 0.22.0-canary.2

package/dist/cjs/loader.cjs.js

@@ -20,7 +20,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"vertex-viewer-pin-tool.cjs\",[[1,\"vertex-viewer-pin-tool\",{\"pinController\":[1040],\"pinModel\":[16],\"viewer\":[16],\"tool\":[1025],\"mode\":[1025],\"primaryColor\":[1025,\"primary-color\"],\"accentColor\":[1025,\"accent-color\"],\"pins\":[32],\"selectedPinId\":[32],\"elementBounds\":[32],\"projectionViewMatrix\":[32]}]]],[\"vertex-scene-tree.cjs\",[[1,\"vertex-scene-tree\",{\"overScanCount\":[2,\"over-scan-count\"],\"viewerSelector\":[1,\"viewer-selector\"],\"viewer\":[1040],\"rowData\":[16],\"config\":[1],\"configEnv\":[1,\"config-env\"],\"controller\":[1040],\"searchOptions\":[1040],\"metadataSearchExactMatch\":[1028,\"metadata-search-exact-match\"],\"metadataSearchKeys\":[1040],\"metadataKeys\":[16],\"rows\":[32],\"totalRows\":[32],\"showLoader\":[32],\"showEmptyResults\":[32],\"stateMap\":[32],\"errorDetails\":[32],\"attemptingRetry\":[32],\"invalidateRows\":[64],\"scrollToIndex\":[64],\"scrollToItem\":[64],\"expandAll\":[64],\"collapseAll\":[64],\"expandItem\":[64],\"collapseItem\":[64],\"toggleExpandItem\":[64],\"toggleItemVisibility\":[64],\"hideItem\":[64],\"showItem\":[64],\"selectItem\":[64],\"deselectItem\":[64],\"getRowAtIndex\":[64],\"getRowForEvent\":[64],\"getRowAtClientY\":[64],\"filterItems\":[64],\"selectFilteredItems\":[64],\"fetchMetadataKeys\":[64]},[[0,\"search\",\"handleSearch\"],[0,\"cellLoaded\",\"handleCellLoaded\"]]]]],[\"vertex-viewer-default-toolbar.cjs\",[[1,\"vertex-viewer-default-toolbar\",{\"viewer\":[16],\"placement\":[1],\"direction\":[1],\"animationsDisabled\":[4,\"animations-disabled\"],\"animationMs\":[2,\"animation-ms\"]}]]],[\"vertex-viewer-markup.cjs\",[[1,\"vertex-viewer-markup\",{\"arrowTemplateId\":[1,\"arrow-template-id\"],\"circleTemplateId\":[1,\"circle-template-id\"],\"freeformTemplateId\":[1,\"freeform-template-id\"],\"tool\":[1],\"disabled\":[4],\"viewer\":[16],\"selectedMarkupId\":[1025,\"selected-markup-id\"],\"selectNew\":[4,\"select-new\"],\"startLineAnchorStyle\":[1025,\"start-line-anchor-style\"],\"endLineAnchorStyle\":[1025,\"end-line-anchor-style\"],\"toSelectMarkupId\":[32],\"pointerDownPosition\":[32],\"addMarkup\":[64],\"removeMarkup\":[64],\"getMarkupElements\":[64],\"getMarkupElement\":[64]},[[0,\"markupEnd\",\"handleMarkupEnd\"],[0,\"interactionEnd\",\"handleMarkupUpdated\"],[1,\"pointerdown\",\"handleMarkupPointerDown\"]]]]],[\"vertex-viewer-markup-tool.cjs\",[[1,\"vertex-viewer-markup-tool\",{\"arrowTemplateId\":[1,\"arrow-template-id\"],\"circleTemplateId\":[1,\"circle-template-id\"],\"freeformTemplateId\":[1,\"freeform-template-id\"],\"tool\":[1],\"disabled\":[4],\"viewer\":[16],\"startLineAnchorStyle\":[1025,\"start-line-anchor-style\"],\"endLineAnchorStyle\":[1025,\"end-line-anchor-style\"],\"stateMap\":[32],\"reset\":[64]}]]],[\"vertex-viewer-view-cube.cjs\",[[1,\"vertex-viewer-view-cube\",{\"xPositiveLabel\":[1,\"x-positive-label\"],\"xNegativeLabel\":[1,\"x-negative-label\"],\"yPositiveLabel\":[1,\"y-positive-label\"],\"yNegativeLabel\":[1,\"y-negative-label\"],\"zPositiveLabel\":[1,\"z-positive-label\"],\"zNegativeLabel\":[1,\"z-negative-label\"],\"standardViewsOff\":[4,\"standard-views-off\"],\"viewAll\":[4,\"view-all\"],\"animationDuration\":[2,\"animation-duration\"],\"triadOff\":[4,\"triad-off\"],\"worldOrientation\":[1040],\"camera\":[1040],\"viewer\":[16],\"boxLength\":[32],\"triadPosition\":[32]}]]],[\"vertex-viewer-measurement-distance.cjs\",[[1,\"vertex-viewer-measurement-distance\",{\"start\":[1040],\"startJson\":[1,\"start-json\"],\"end\":[1040],\"endJson\":[1,\"end-json\"],\"distance\":[1026],\"showAxisReferenceLines\":[4,\"show-axis-reference-lines\"],\"snapDistance\":[2,\"snap-distance\"],\"units\":[1],\"fractionalDigits\":[2,\"fractional-digits\"],\"labelFormatter\":[16],\"anchorLabelOffset\":[2,\"anchor-label-offset\"],\"lineCapLength\":[2,\"line-cap-length\"],\"mode\":[513],\"interactingAnchor\":[1537,\"interacting-anchor\"],\"invalid\":[1540],\"camera\":[16],\"hitProvider\":[16],\"indicatorPt\":[1040],\"viewer\":[16],\"measurementModel\":[16],\"viewport\":[32],\"elementBounds\":[32],\"interactionCount\":[32],\"internalCamera\":[32],\"invalidateStateCounter\":[32],\"stateMap\":[32],\"measurementUnits\":[32],\"computeElementMetrics\":[64]}]]],[\"vertex-viewer-measurement-precise.cjs\",[[1,\"vertex-viewer-measurement-precise\",{\"measurementModel\":[16],\"measurementOverlays\":[16],\"measurementController\":[1040],\"measurableEntityTypes\":[16],\"viewer\":[16],\"configEnv\":[1,\"config-env\"],\"config\":[1]}]]],[\"vertex-viewer-annotation-callout.cjs\",[[1,\"vertex-viewer-annotation-callout\",{\"data\":[16],\"iconSize\":[1,\"icon-size\"]}]]],[\"vertex-viewer-box-query-tool.cjs\",[[1,\"vertex-viewer-box-query-tool\",{\"viewer\":[16],\"controller\":[1040],\"model\":[1040],\"operationType\":[1,\"operation-type\"],\"mode\":[1],\"details\":[32]}]]],[\"vertex-viewer-walk-mode-tool.cjs\",[[1,\"vertex-viewer-walk-mode-tool\",{\"viewer\":[16],\"controller\":[1040],\"model\":[1040],\"teleportMode\":[1,\"teleport-mode\"],\"enabled\":[4]}]]],[\"vertex-scene-tree-table-cell.cjs\",[[1,\"vertex-scene-tree-table-cell\",{\"node\":[16],\"tree\":[16],\"value\":[1],\"placeholder\":[1],\"hovered\":[1028],\"isScrolling\":[4,\"is-scrolling\"],\"expandToggle\":[4,\"expand-toggle\"],\"visibilityToggle\":[4,\"visibility-toggle\"],\"selectionHandler\":[16],\"visibilityHandler\":[16],\"expansionHandler\":[16],\"hoverController\":[16]}]]],[\"vertex-scene-tree-table-column.cjs\",[[1,\"vertex-scene-tree-table-column\",{\"initialWidth\":[2,\"initial-width\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"vertex-scene-tree-table-header.cjs\",[[1,\"vertex-scene-tree-table-header\"]]],[\"vertex-scene-tree-table-resize-divider.cjs\",[[1,\"vertex-scene-tree-table-resize-divider\",{\"dragging\":[32]}]]],[\"vertex-scene-tree-toolbar-group.cjs\",[[1,\"vertex-scene-tree-toolbar-group\"]]],[\"vertex-viewer.cjs\",[[1,\"vertex-viewer\",{\"src\":[1],\"clientId\":[1,\"client-id\"],\"deviceId\":[1025,\"device-id\"],\"config\":[1],\"configEnv\":[1,\"config-env\"],\"resolvedConfig\":[1040],\"cameraControls\":[4,\"camera-controls\"],\"cameraType\":[1537,\"camera-type\"],\"keyboardControls\":[4,\"keyboard-controls\"],\"rotateAroundTapPoint\":[4,\"rotate-around-tap-point\"],\"token\":[1025],\"depthBuffers\":[1,\"depth-buffers\"],\"phantom\":[16],\"noDefaultLights\":[4,\"no-default-lights\"],\"enableTemporalRefinement\":[4,\"enable-temporal-refinement\"],\"experimentalRenderingOptions\":[1,\"experimental-rendering-options\"],\"featureLines\":[16],\"selectionHighlighting\":[16],\"featureHighlighting\":[16],\"featureMaps\":[1,\"feature-maps\"],\"resizeDebounce\":[2,\"resize-debounce\"],\"frame\":[1040],\"stream\":[1040],\"stencilBuffer\":[1040],\"viewport\":[1040],\"annotations\":[1040],\"dimensions\":[32],\"hostDimensions\":[32],\"errorMessage\":[32],\"cursor\":[32],\"stateMap\":[32],\"dispatchFrameDrawn\":[64],\"registerInteractionHandler\":[64],\"registerTapKeyInteraction\":[64],\"getInteractionTarget_DEPRECATED\":[64],\"addCursor\":[64],\"getInteractionHandlers\":[64],\"getKeyInteractions\":[64],\"getBaseInteractionHandler\":[64],\"getJwt\":[64],\"load\":[64],\"unload\":[64],\"scene\":[64],\"isSceneReady\":[64]},[[0,\"tap\",\"handleTapEvent\"]]]]],[\"vertex-viewer-hit-result-indicator.cjs\",[[1,\"vertex-viewer-hit-result-indicator\",{\"viewer\":[16],\"position\":[1040],\"normal\":[1040]}]]],[\"vertex-viewer-measurement-details.cjs\",[[1,\"vertex-viewer-measurement-details\",{\"measurementModel\":[16],\"measurementOverlays\":[16],\"measurementOutcome\":[1040],\"distanceUnits\":[1,\"distance-units\"],\"angleUnits\":[1,\"angle-units\"],\"fractionalDigits\":[2,\"fractional-digits\"],\"distanceFormatter\":[16],\"angleFormatter\":[16],\"areaFormatter\":[16],\"resultTypes\":[16],\"overlay\":[32],\"distanceMeasurementUnits\":[32],\"angleMeasurementUnits\":[32],\"areaMeasurementUnits\":[32]}]]],[\"vertex-viewer-transform-widget.cjs\",[[1,\"vertex-viewer-transform-widget\",{\"viewer\":[16],\"position\":[1040],\"rotation\":[1040],\"controller\":[1040],\"xRotationDisabled\":[1028,\"x-rotation-disabled\"],\"yRotationDisabled\":[1028,\"y-rotation-disabled\"],\"zRotationDisabled\":[1028,\"z-rotation-disabled\"],\"xTranslationDisabled\":[1028,\"x-translation-disabled\"],\"yTranslationDisabled\":[1028,\"y-translation-disabled\"],\"zTranslationDisabled\":[1028,\"z-translation-disabled\"],\"showInputs\":[4,\"show-inputs\"],\"distanceUnit\":[1,\"distance-unit\"],\"angleUnit\":[1,\"angle-unit\"],\"decimalPlaces\":[2,\"decimal-places\"],\"EXPERIMENTAL_undoKeybindings\":[4,\"e-x-p-e-r-i-m-e-n-t-a-l_undo-keybindings\"],\"hovered\":[1040],\"inputPosition\":[32],\"inputValue\":[32],\"isEndingTransform\":[32],\"inputShouldFocus\":[32],\"EXPERIMENTAL_undo\":[64]}]]],[\"vertex-viewer-pin-group.cjs\",[[0,\"vertex-viewer-pin-group\",{\"pin\":[16],\"matrix\":[1040],\"projectionViewMatrix\":[16],\"elementBounds\":[1040],\"pinModel\":[16],\"pinController\":[16],\"selected\":[4],\"occluded\":[1540],\"detached\":[1540],\"invalidateStateCounter\":[32]},[[0,\"occlusionStateChanged\",\"handleOcclusionStateChanged\"],[0,\"detachedStateChanged\",\"handleDetachedStateChanged\"]]]]],[\"vertex-viewer-dom-group.cjs\",[[6,\"vertex-viewer-dom-group\",{\"position\":[1040],\"positionJson\":[1,\"position\"],\"rotation\":[1040],\"rotationJson\":[1,\"rotation\"],\"quaternion\":[1040],\"quaternionJson\":[1,\"quaternion\"],\"scale\":[1040],\"scaleJson\":[1,\"scale\"],\"matrix\":[1040]}]]],[\"vertex-viewer-teleport-tool.cjs\",[[1,\"vertex-viewer-teleport-tool\",{\"viewer\":[16],\"mode\":[1025],\"animationsDisabled\":[4,\"animations-disabled\"],\"animationMs\":[2,\"animation-ms\"],\"controller\":[1040],\"model\":[1040]}]]],[\"vertex-viewer-spinner.cjs\",[[1,\"vertex-viewer-spinner\",{\"size\":[1]}]]],[\"vertex-scene-tree-search_3.cjs\",[[1,\"vertex-scene-tree-search\",{\"debounce\":[2],\"disabled\":[4],\"placeholder\":[1],\"controller\":[16],\"value\":[1025],\"focused\":[32],\"isSearching\":[32],\"setFocus\":[64],\"clear\":[64]}],[1,\"vertex-scene-tree-table-layout\",{\"tree\":[16],\"controller\":[16],\"rows\":[16],\"totalRows\":[2,\"total-rows\"],\"rowHeight\":[1026,\"row-height\"],\"overScanCount\":[2,\"over-scan-count\"],\"rowData\":[16],\"layoutOffset\":[1026,\"layout-offset\"],\"scrollOffset\":[1026,\"scroll-offset\"],\"layoutHeight\":[1026,\"layout-height\"],\"layoutWidth\":[1026,\"layout-width\"],\"viewportStartIndex\":[1026,\"viewport-start-index\"],\"viewportEndIndex\":[1026,\"viewport-end-index\"],\"columnGridLayout\":[32],\"columnGridFixedLayout\":[32],\"isComputingCellHeight\":[32],\"lastDividerPointerPosition\":[32],\"resizingColumnIndex\":[32],\"isScrolling\":[32],\"scrollTimer\":[32],\"stateMap\":[32],\"scrollToPosition\":[64]}],[1,\"vertex-scene-tree-toolbar\"]]],[\"vertex-viewer-layer.cjs\",[[1,\"vertex-viewer-layer\",{\"stretchOff\":[516,\"stretch-off\"]}]]],[\"vertex-viewer-button_3.cjs\",[[1,\"vertex-viewer-toolbar\",{\"placement\":[1],\"direction\":[1]}],[1,\"vertex-viewer-button\"],[1,\"vertex-viewer-toolbar-group\",{\"direction\":[1]}]]],[\"vertex-viewer-pin-label_2.cjs\",[[0,\"vertex-viewer-pin-label\",{\"pin\":[16],\"elementBounds\":[16],\"value\":[1025],\"pinController\":[16],\"focused\":[32],\"computedScreenPosition\":[32],\"textareaRows\":[32],\"contentElBounds\":[32],\"setFocus\":[64]}],[0,\"vertex-viewer-pin-label-line\",{\"pinPoint\":[16],\"labelPoint\":[16],\"pin\":[16]}]]],[\"vertex-viewer-measurement-line_2.cjs\",[[1,\"vertex-viewer-measurement-overlays\",{\"measurementOverlays\":[16],\"camera\":[1040],\"viewer\":[16],\"overlays\":[32]}],[1,\"vertex-viewer-measurement-line\",{\"start\":[16],\"end\":[16],\"capLength\":[2,\"cap-length\"],\"pointerEvents\":[1,\"pointer-events\"]}]]],[\"vertex-viewer-dom-element_2.cjs\",[[6,\"vertex-viewer-dom-renderer\",{\"drawMode\":[1,\"draw-mode\"],\"viewer\":[16],\"camera\":[1040],\"depthBuffer\":[1040],\"viewport\":[32],\"invalidateFrameCounter\":[32]},[[0,\"propertyChange\",\"handlePropertyChange\"]]],[1,\"vertex-viewer-dom-element\",{\"position\":[1040],\"positionJson\":[1,\"position\"],\"rotation\":[1040],\"rotationJson\":[1,\"rotation\"],\"quaternion\":[1040],\"quaternionJson\":[1,\"quaternion\"],\"scale\":[1040],\"scaleJson\":[1,\"scale\"],\"matrix\":[1040],\"occlusionOff\":[4,\"occlusion-off\"],\"occluded\":[516],\"detachedOff\":[4,\"detached-off\"],\"detached\":[516],\"billboardOff\":[4,\"billboard-off\"],\"interactionsOff\":[516,\"interactions-off\"]}]]],[\"vertex-viewer-markup-arrow_3.cjs\",[[1,\"vertex-viewer-markup-arrow\",{\"start\":[1040],\"startJson\":[1,\"start\"],\"end\":[1040],\"endJson\":[1,\"end\"],\"startLineAnchorStyle\":[1025,\"start-line-anchor-style\"],\"endLineAnchorStyle\":[1025,\"end-line-anchor-style\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"dispose\":[64]}],[1,\"vertex-viewer-markup-circle\",{\"bounds\":[1040],\"boundsJson\":[1,\"bounds\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"dispose\":[64]}],[1,\"vertex-viewer-markup-freeform\",{\"points\":[1040],\"pointsJson\":[1,\"points\"],\"bounds\":[1040],\"boundsJson\":[1,\"bounds\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"screenPoints\":[32],\"dispose\":[64]}]]],[\"vertex-viewer-icon.cjs\",[[1,\"vertex-viewer-icon\",{\"name\":[1],\"size\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"vertex-viewer-pin-tool.cjs\",[[1,\"vertex-viewer-pin-tool\",{\"pinController\":[1040],\"pinModel\":[16],\"viewer\":[16],\"tool\":[1025],\"mode\":[1025],\"primaryColor\":[1025,\"primary-color\"],\"accentColor\":[1025,\"accent-color\"],\"pins\":[32],\"selectedPinId\":[32],\"elementBounds\":[32],\"projectionViewMatrix\":[32]}]]],[\"vertex-scene-tree.cjs\",[[1,\"vertex-scene-tree\",{\"overScanCount\":[2,\"over-scan-count\"],\"viewerSelector\":[1,\"viewer-selector\"],\"viewer\":[1040],\"rowData\":[16],\"config\":[1],\"configEnv\":[1,\"config-env\"],\"controller\":[1040],\"searchOptions\":[1040],\"metadataSearchExactMatch\":[1028,\"metadata-search-exact-match\"],\"metadataSearchKeys\":[1040],\"metadataKeys\":[16],\"rows\":[32],\"totalRows\":[32],\"showLoader\":[32],\"showEmptyResults\":[32],\"stateMap\":[32],\"errorDetails\":[32],\"attemptingRetry\":[32],\"invalidateRows\":[64],\"scrollToIndex\":[64],\"scrollToItem\":[64],\"expandAll\":[64],\"collapseAll\":[64],\"expandItem\":[64],\"collapseItem\":[64],\"toggleExpandItem\":[64],\"toggleItemVisibility\":[64],\"hideItem\":[64],\"showItem\":[64],\"selectItem\":[64],\"deselectItem\":[64],\"getRowAtIndex\":[64],\"getRowForEvent\":[64],\"getRowAtClientY\":[64],\"filterItems\":[64],\"selectFilteredItems\":[64],\"fetchMetadataKeys\":[64]},[[0,\"search\",\"handleSearch\"],[0,\"cellLoaded\",\"handleCellLoaded\"]]]]],[\"vertex-viewer-default-toolbar.cjs\",[[1,\"vertex-viewer-default-toolbar\",{\"viewer\":[16],\"placement\":[1],\"direction\":[1],\"animationsDisabled\":[4,\"animations-disabled\"],\"animationMs\":[2,\"animation-ms\"]}]]],[\"vertex-viewer-markup.cjs\",[[1,\"vertex-viewer-markup\",{\"arrowTemplateId\":[1,\"arrow-template-id\"],\"circleTemplateId\":[1,\"circle-template-id\"],\"freeformTemplateId\":[1,\"freeform-template-id\"],\"tool\":[1],\"disabled\":[4],\"viewer\":[16],\"selectedMarkupId\":[1025,\"selected-markup-id\"],\"selectNew\":[4,\"select-new\"],\"startLineAnchorStyle\":[1025,\"start-line-anchor-style\"],\"endLineAnchorStyle\":[1025,\"end-line-anchor-style\"],\"toSelectMarkupId\":[32],\"pointerDownPosition\":[32],\"addMarkup\":[64],\"removeMarkup\":[64],\"getMarkupElements\":[64],\"getMarkupElement\":[64]},[[0,\"markupEnd\",\"handleMarkupEnd\"],[0,\"interactionEnd\",\"handleMarkupUpdated\"],[1,\"pointerdown\",\"handleMarkupPointerDown\"]]]]],[\"vertex-viewer-markup-tool.cjs\",[[1,\"vertex-viewer-markup-tool\",{\"arrowTemplateId\":[1,\"arrow-template-id\"],\"circleTemplateId\":[1,\"circle-template-id\"],\"freeformTemplateId\":[1,\"freeform-template-id\"],\"tool\":[1],\"disabled\":[4],\"viewer\":[16],\"startLineAnchorStyle\":[1025,\"start-line-anchor-style\"],\"endLineAnchorStyle\":[1025,\"end-line-anchor-style\"],\"stateMap\":[32],\"reset\":[64]}]]],[\"vertex-viewer-view-cube.cjs\",[[1,\"vertex-viewer-view-cube\",{\"xPositiveLabel\":[1,\"x-positive-label\"],\"xNegativeLabel\":[1,\"x-negative-label\"],\"yPositiveLabel\":[1,\"y-positive-label\"],\"yNegativeLabel\":[1,\"y-negative-label\"],\"zPositiveLabel\":[1,\"z-positive-label\"],\"zNegativeLabel\":[1,\"z-negative-label\"],\"standardViewsOff\":[4,\"standard-views-off\"],\"viewAll\":[4,\"view-all\"],\"animationDuration\":[2,\"animation-duration\"],\"triadOff\":[4,\"triad-off\"],\"worldOrientation\":[1040],\"camera\":[1040],\"viewer\":[16],\"boxLength\":[32],\"triadPosition\":[32]}]]],[\"vertex-viewer-measurement-distance.cjs\",[[1,\"vertex-viewer-measurement-distance\",{\"start\":[1040],\"startJson\":[1,\"start-json\"],\"end\":[1040],\"endJson\":[1,\"end-json\"],\"distance\":[1026],\"showAxisReferenceLines\":[4,\"show-axis-reference-lines\"],\"snapDistance\":[2,\"snap-distance\"],\"units\":[1],\"fractionalDigits\":[2,\"fractional-digits\"],\"labelFormatter\":[16],\"anchorLabelOffset\":[2,\"anchor-label-offset\"],\"lineCapLength\":[2,\"line-cap-length\"],\"mode\":[513],\"interactingAnchor\":[1537,\"interacting-anchor\"],\"invalid\":[1540],\"camera\":[16],\"hitProvider\":[16],\"indicatorPt\":[1040],\"viewer\":[16],\"measurementModel\":[16],\"viewport\":[32],\"elementBounds\":[32],\"interactionCount\":[32],\"internalCamera\":[32],\"invalidateStateCounter\":[32],\"stateMap\":[32],\"measurementUnits\":[32],\"computeElementMetrics\":[64]}]]],[\"vertex-viewer-measurement-precise.cjs\",[[1,\"vertex-viewer-measurement-precise\",{\"measurementModel\":[16],\"measurementOverlays\":[16],\"measurementController\":[1040],\"measurableEntityTypes\":[16],\"viewer\":[16],\"configEnv\":[1,\"config-env\"],\"config\":[1]}]]],[\"vertex-viewer-annotation-callout.cjs\",[[1,\"vertex-viewer-annotation-callout\",{\"data\":[16],\"iconSize\":[1,\"icon-size\"]}]]],[\"vertex-viewer-box-query-tool.cjs\",[[1,\"vertex-viewer-box-query-tool\",{\"viewer\":[16],\"controller\":[1040],\"model\":[1040],\"operationType\":[1,\"operation-type\"],\"mode\":[1],\"details\":[32]}]]],[\"vertex-viewer-walk-mode-tool.cjs\",[[1,\"vertex-viewer-walk-mode-tool\",{\"viewer\":[16],\"controller\":[1040],\"model\":[1040],\"teleportMode\":[1,\"teleport-mode\"],\"enabled\":[4]}]]],[\"vertex-scene-tree-table-cell.cjs\",[[1,\"vertex-scene-tree-table-cell\",{\"node\":[16],\"tree\":[16],\"value\":[1],\"placeholder\":[1],\"hovered\":[1028],\"isScrolling\":[4,\"is-scrolling\"],\"expandToggle\":[4,\"expand-toggle\"],\"visibilityToggle\":[4,\"visibility-toggle\"],\"selectionHandler\":[16],\"visibilityHandler\":[16],\"expansionHandler\":[16],\"hoverController\":[16]}]]],[\"vertex-scene-tree-table-column.cjs\",[[1,\"vertex-scene-tree-table-column\",{\"initialWidth\":[2,\"initial-width\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"vertex-scene-tree-table-header.cjs\",[[1,\"vertex-scene-tree-table-header\"]]],[\"vertex-scene-tree-table-resize-divider.cjs\",[[1,\"vertex-scene-tree-table-resize-divider\",{\"dragging\":[32]}]]],[\"vertex-scene-tree-toolbar-group.cjs\",[[1,\"vertex-scene-tree-toolbar-group\"]]],[\"vertex-viewer.cjs\",[[1,\"vertex-viewer\",{\"src\":[1],\"clientId\":[1,\"client-id\"],\"deviceId\":[1025,\"device-id\"],\"config\":[1],\"configEnv\":[1,\"config-env\"],\"resolvedConfig\":[1040],\"cameraControls\":[4,\"camera-controls\"],\"cameraType\":[1537,\"camera-type\"],\"keyboardControls\":[4,\"keyboard-controls\"],\"rotateAroundTapPoint\":[4,\"rotate-around-tap-point\"],\"token\":[1025],\"depthBuffers\":[1,\"depth-buffers\"],\"phantom\":[16],\"noDefaultLights\":[4,\"no-default-lights\"],\"enableTemporalRefinement\":[4,\"enable-temporal-refinement\"],\"experimentalRenderingOptions\":[1,\"experimental-rendering-options\"],\"featureLines\":[16],\"selectionHighlighting\":[16],\"featureHighlighting\":[16],\"featureMaps\":[1,\"feature-maps\"],\"resizeDebounce\":[2,\"resize-debounce\"],\"frame\":[1040],\"stream\":[1040],\"stencilBuffer\":[1040],\"viewport\":[1040],\"annotations\":[1040],\"dimensions\":[32],\"hostDimensions\":[32],\"errorMessage\":[32],\"cursor\":[32],\"stateMap\":[32],\"dispatchFrameDrawn\":[64],\"registerInteractionHandler\":[64],\"registerTapKeyInteraction\":[64],\"getInteractionTarget_DEPRECATED\":[64],\"addCursor\":[64],\"getInteractionHandlers\":[64],\"getKeyInteractions\":[64],\"getBaseInteractionHandler\":[64],\"getJwt\":[64],\"load\":[64],\"unload\":[64],\"scene\":[64],\"isSceneReady\":[64]},[[0,\"tap\",\"handleTapEvent\"]]]]],[\"vertex-viewer-hit-result-indicator.cjs\",[[1,\"vertex-viewer-hit-result-indicator\",{\"viewer\":[16],\"position\":[1040],\"normal\":[1040]}]]],[\"vertex-viewer-measurement-details.cjs\",[[1,\"vertex-viewer-measurement-details\",{\"measurementModel\":[16],\"measurementOverlays\":[16],\"measurementOutcome\":[1040],\"distanceUnits\":[1,\"distance-units\"],\"angleUnits\":[1,\"angle-units\"],\"fractionalDigits\":[2,\"fractional-digits\"],\"distanceFormatter\":[16],\"angleFormatter\":[16],\"areaFormatter\":[16],\"resultTypes\":[16],\"overlay\":[32],\"distanceMeasurementUnits\":[32],\"angleMeasurementUnits\":[32],\"areaMeasurementUnits\":[32]}]]],[\"vertex-viewer-transform-widget.cjs\",[[1,\"vertex-viewer-transform-widget\",{\"viewer\":[16],\"position\":[1040],\"rotation\":[1040],\"controller\":[1040],\"xRotationDisabled\":[1028,\"x-rotation-disabled\"],\"yRotationDisabled\":[1028,\"y-rotation-disabled\"],\"zRotationDisabled\":[1028,\"z-rotation-disabled\"],\"xTranslationDisabled\":[1028,\"x-translation-disabled\"],\"yTranslationDisabled\":[1028,\"y-translation-disabled\"],\"zTranslationDisabled\":[1028,\"z-translation-disabled\"],\"showInputs\":[4,\"show-inputs\"],\"distanceUnit\":[1,\"distance-unit\"],\"angleUnit\":[1,\"angle-unit\"],\"decimalPlaces\":[2,\"decimal-places\"],\"EXPERIMENTAL_undoKeybindings\":[4,\"e-x-p-e-r-i-m-e-n-t-a-l_undo-keybindings\"],\"hovered\":[1040],\"inputPosition\":[32],\"inputValue\":[32],\"isEndingTransform\":[32],\"inputShouldFocus\":[32],\"EXPERIMENTAL_undo\":[64]}]]],[\"vertex-viewer-pin-group.cjs\",[[0,\"vertex-viewer-pin-group\",{\"pin\":[16],\"matrix\":[1040],\"projectionViewMatrix\":[16],\"elementBounds\":[1040],\"pinModel\":[16],\"pinController\":[16],\"selected\":[4],\"occluded\":[1540],\"detached\":[1540],\"invalidateStateCounter\":[32]},[[0,\"occlusionStateChanged\",\"handleOcclusionStateChanged\"],[0,\"detachedStateChanged\",\"handleDetachedStateChanged\"]]]]],[\"vertex-viewer-dom-group.cjs\",[[6,\"vertex-viewer-dom-group\",{\"position\":[1040],\"positionJson\":[1,\"position\"],\"rotation\":[1040],\"rotationJson\":[1,\"rotation\"],\"quaternion\":[1040],\"quaternionJson\":[1,\"quaternion\"],\"scale\":[1040],\"scaleJson\":[1,\"scale\"],\"matrix\":[1040]}]]],[\"vertex-viewer-teleport-tool.cjs\",[[1,\"vertex-viewer-teleport-tool\",{\"viewer\":[16],\"mode\":[1025],\"animationsDisabled\":[4,\"animations-disabled\"],\"animationMs\":[2,\"animation-ms\"],\"controller\":[1040],\"model\":[1040]}]]],[\"vertex-viewer-spinner.cjs\",[[1,\"vertex-viewer-spinner\",{\"size\":[1]}]]],[\"vertex-scene-tree-search_3.cjs\",[[1,\"vertex-scene-tree-search\",{\"debounce\":[2],\"disabled\":[4],\"placeholder\":[1],\"controller\":[16],\"value\":[1025],\"focused\":[32],\"isSearching\":[32],\"setFocus\":[64],\"clear\":[64]}],[1,\"vertex-scene-tree-table-layout\",{\"tree\":[16],\"controller\":[16],\"rows\":[16],\"totalRows\":[2,\"total-rows\"],\"rowHeight\":[1026,\"row-height\"],\"overScanCount\":[2,\"over-scan-count\"],\"rowData\":[16],\"layoutOffset\":[1026,\"layout-offset\"],\"scrollOffset\":[1026,\"scroll-offset\"],\"layoutHeight\":[1026,\"layout-height\"],\"layoutWidth\":[1026,\"layout-width\"],\"viewportStartIndex\":[1026,\"viewport-start-index\"],\"viewportEndIndex\":[1026,\"viewport-end-index\"],\"columnGridLayout\":[32],\"columnGridFixedLayout\":[32],\"isComputingCellHeight\":[32],\"lastDividerPointerPosition\":[32],\"resizingColumnIndex\":[32],\"isScrolling\":[32],\"scrollTimer\":[32],\"stateMap\":[32],\"scrollToPosition\":[64]}],[1,\"vertex-scene-tree-toolbar\"]]],[\"vertex-viewer-layer.cjs\",[[1,\"vertex-viewer-layer\",{\"stretchOff\":[516,\"stretch-off\"]}]]],[\"vertex-viewer-button_3.cjs\",[[1,\"vertex-viewer-toolbar\",{\"placement\":[1],\"direction\":[1]}],[1,\"vertex-viewer-button\"],[1,\"vertex-viewer-toolbar-group\",{\"direction\":[1]}]]],[\"vertex-viewer-pin-label_2.cjs\",[[0,\"vertex-viewer-pin-label\",{\"pin\":[16],\"elementBounds\":[16],\"value\":[1025],\"pinController\":[16],\"focused\":[32],\"computedScreenPosition\":[32],\"textareaRows\":[32],\"contentElBounds\":[32],\"setFocus\":[64],\"submit\":[64]}],[0,\"vertex-viewer-pin-label-line\",{\"pinPoint\":[16],\"labelPoint\":[16],\"pin\":[16]}]]],[\"vertex-viewer-measurement-line_2.cjs\",[[1,\"vertex-viewer-measurement-overlays\",{\"measurementOverlays\":[16],\"camera\":[1040],\"viewer\":[16],\"overlays\":[32]}],[1,\"vertex-viewer-measurement-line\",{\"start\":[16],\"end\":[16],\"capLength\":[2,\"cap-length\"],\"pointerEvents\":[1,\"pointer-events\"]}]]],[\"vertex-viewer-dom-element_2.cjs\",[[6,\"vertex-viewer-dom-renderer\",{\"drawMode\":[1,\"draw-mode\"],\"propagateEventsToViewer\":[4,\"propagate-events-to-viewer\"],\"viewer\":[16],\"camera\":[1040],\"depthBuffer\":[1040],\"viewport\":[32],\"invalidateFrameCounter\":[32],\"interactionDisposables\":[32]},[[0,\"propertyChange\",\"handlePropertyChange\"]]],[1,\"vertex-viewer-dom-element\",{\"position\":[1040],\"positionJson\":[1,\"position\"],\"rotation\":[1040],\"rotationJson\":[1,\"rotation\"],\"quaternion\":[1040],\"quaternionJson\":[1,\"quaternion\"],\"scale\":[1040],\"scaleJson\":[1,\"scale\"],\"matrix\":[1040],\"occlusionOff\":[4,\"occlusion-off\"],\"occluded\":[516],\"detachedOff\":[4,\"detached-off\"],\"detached\":[516],\"billboardOff\":[4,\"billboard-off\"],\"interactionsOff\":[516,\"interactions-off\"]}]]],[\"vertex-viewer-markup-arrow_3.cjs\",[[1,\"vertex-viewer-markup-arrow\",{\"start\":[1040],\"startJson\":[1,\"start\"],\"end\":[1040],\"endJson\":[1,\"end\"],\"startLineAnchorStyle\":[1025,\"start-line-anchor-style\"],\"endLineAnchorStyle\":[1025,\"end-line-anchor-style\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"dispose\":[64]}],[1,\"vertex-viewer-markup-circle\",{\"bounds\":[1040],\"boundsJson\":[1,\"bounds\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"dispose\":[64]}],[1,\"vertex-viewer-markup-freeform\",{\"points\":[1040],\"pointsJson\":[1,\"points\"],\"bounds\":[1040],\"boundsJson\":[1,\"bounds\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"screenPoints\":[32],\"dispose\":[64]}]]],[\"vertex-viewer-icon.cjs\",[[1,\"vertex-viewer-icon\",{\"name\":[1],\"size\":[1]}]]]]"), options);
   });
 };
 

package/dist/cjs/multiElementInteractionHandler-93bd9593.js

@@ -0,0 +1,324 @@
+/*!
+ * Copyright (c) 2024 Vertex Software LLC. All rights reserved.
+ */
+'use strict';
+
+const browser_esm = require('./browser.esm-13ce8652.js');
+const bundle_esm = require('./bundle.esm-b2145e44.js');
+const dom = require('./dom-4344863c.js');
+
+const SCROLL_WHEEL_DELTA_PERCENTAGES = [0.2, 0.15, 0.25, 0.25, 0.15];
+const DEFAULT_FONT_SIZE = 16;
+const DEFAULT_LINE_HEIGHT = 1.2;
+class BaseInteractionHandler {
+  constructor(downEvent, upEvent, moveEvent, rotateInteraction, rotatePointInteraction, zoomInteraction, panInteraction, twistInteraction, pivotInteraction, getConfig) {
+    this.downEvent = downEvent;
+    this.upEvent = upEvent;
+    this.moveEvent = moveEvent;
+    this.rotateInteraction = rotateInteraction;
+    this.rotatePointInteraction = rotatePointInteraction;
+    this.zoomInteraction = zoomInteraction;
+    this.panInteraction = panInteraction;
+    this.twistInteraction = twistInteraction;
+    this.pivotInteraction = pivotInteraction;
+    this.getConfig = getConfig;
+    this.primaryInteraction = this.rotateInteraction;
+    this.isDragging = false;
+    this.keyboardControls = false;
+    this.disableIndividualInteractions = false;
+    this.primaryInteractionTypeChange = new browser_esm.EventDispatcher();
+    this.handleDownEvent = this.handleDownEvent.bind(this);
+    this.handleMouseWheel = this.handleMouseWheel.bind(this);
+    this.handleWindowMove = this.handleWindowMove.bind(this);
+    this.handleWindowUp = this.handleWindowUp.bind(this);
+    this.handleDoubleClick = this.handleDoubleClick.bind(this);
+  }
+  initialize(element, api) {
+    this.element = element;
+    this.interactionApi = api;
+    element.addEventListener(this.downEvent, this.handleDownEvent);
+    element.addEventListener('mousedown', this.handleDoubleClick);
+    element.addEventListener('wheel', this.handleMouseWheel, {
+      passive: false,
+    });
+  }
+  dispose() {
+    var _a, _b, _c;
+    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener(this.downEvent, this.handleDownEvent);
+    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('mousedown', this.handleDoubleClick);
+    (_c = this.element) === null || _c === void 0 ? void 0 : _c.removeEventListener('wheel', this.handleMouseWheel);
+    this.element = undefined;
+  }
+  onPrimaryInteractionTypeChange(listener) {
+    return this.primaryInteractionTypeChange.on(listener);
+  }
+  setCurrentInteractionType(type) {
+    var _a;
+    switch (type) {
+      case 'rotate':
+        this.currentInteraction = this.rotateInteraction;
+        break;
+      case 'zoom':
+        this.currentInteraction = this.zoomInteraction;
+        break;
+      case 'pan':
+        this.currentInteraction = this.panInteraction;
+        break;
+      case 'twist':
+        this.currentInteraction = this.twistInteraction;
+        break;
+      case 'rotate-point':
+        this.currentInteraction = this.rotatePointInteraction;
+        break;
+      case 'pivot':
+        this.currentInteraction = this.pivotInteraction;
+        break;
+      default:
+        this.currentInteraction = undefined;
+    }
+    if (this.draggingInteraction) {
+      const point = this.draggingInteraction.getPosition();
+      this.draggingInteraction =
+        this.currentInteraction || this.primaryInteraction;
+      (_a = this.interactionApi) === null || _a === void 0 ? void 0 : _a.resetLastAngle();
+      this.draggingInteraction.setPosition(point);
+    }
+  }
+  getPrimaryInteractionType() {
+    return this.primaryInteraction.getType();
+  }
+  getCurrentInteractionType() {
+    return (this.currentInteraction || this.primaryInteraction).getType();
+  }
+  setPrimaryInteractionType(type) {
+    switch (type) {
+      case 'rotate':
+        this.primaryInteraction = this.rotateInteraction;
+        this.lastPrimaryRotateInteraction = this.rotateInteraction;
+        break;
+      case 'rotate-point':
+        this.primaryInteraction = this.rotatePointInteraction;
+        this.lastPrimaryRotateInteraction = this.rotatePointInteraction;
+        break;
+      case 'zoom':
+        this.primaryInteraction = this.zoomInteraction;
+        break;
+      case 'pan':
+        this.primaryInteraction = this.panInteraction;
+        break;
+      case 'pivot':
+        this.primaryInteraction = this.pivotInteraction;
+        break;
+    }
+    this.primaryInteractionTypeChange.emit();
+  }
+  setDefaultKeyboardControls(keyboardControls) {
+    this.keyboardControls = keyboardControls;
+  }
+  handleDownEvent(event) {
+    // Prevent selection of any text while interacting with the model.
+    event.preventDefault();
+    this.interactionTimer = window.setTimeout(() => {
+      this.downPosition = bundle_esm.point.create(event.screenX, event.screenY);
+      this.downPositionCanvas = this.getCanvasPosition(event);
+      this.interactionTimer = undefined;
+      // Perform the current movement in the case that the interaction timer elapses
+      if (this.lastMoveEvent != null) {
+        this.handleWindowMove(this.lastMoveEvent);
+      }
+    }, this.getConfig().interactions.interactionDelay);
+    window.addEventListener(this.moveEvent, this.handleWindowMove);
+    window.addEventListener(this.upEvent, this.handleWindowUp);
+  }
+  handleWindowMove(event) {
+    if (this.interactionTimer == null) {
+      if (this.disableIndividualInteractions) {
+        return;
+      }
+      const position = bundle_esm.point.create(event.screenX, event.screenY);
+      const pixelThreshold = this.interactionApi != null
+        ? this.interactionApi.pixelThreshold(this.isTouch(event))
+        : 2;
+      if (this.downPosition != null &&
+        bundle_esm.point.distance(position, this.downPosition) >= pixelThreshold &&
+        !this.isDragging) {
+        this.beginDrag(event);
+        this.isDragging = true;
+      }
+      if (this.isDragging) {
+        this.drag(event);
+      }
+    }
+    this.lastMoveEvent = event;
+  }
+  async handleWindowUp(event) {
+    if (this.isDragging) {
+      this.endDrag(event);
+      this.isDragging = false;
+    }
+    if (this.interactionTimer != null) {
+      window.clearTimeout(this.interactionTimer);
+      this.interactionTimer = undefined;
+    }
+    window.removeEventListener(this.moveEvent, this.handleWindowMove);
+    window.removeEventListener(this.upEvent, this.handleWindowUp);
+    this.lastMoveEvent = undefined;
+  }
+  async handleDoubleClick(event) {
+    // event.detail is the number of clicks that have happened recently. If the number is 2, then the user double clicked.
+    if (event.detail === 2 &&
+      event.buttons === 4 &&
+      this.interactionApi != null) {
+      this.interactionApi.viewAll();
+    }
+  }
+  beginDrag(event) {
+    var _a;
+    if (this.keyboardControls && event.metaKey && event.shiftKey) {
+      this.currentInteraction = this.rotatePointInteraction;
+    }
+    else if (this.keyboardControls && event.shiftKey && event.altKey) {
+      this.currentInteraction = this.twistInteraction;
+    }
+    else if (this.keyboardControls && event.shiftKey) {
+      this.currentInteraction = this.zoomInteraction;
+    }
+    else if (this.keyboardControls && (event.metaKey || event.ctrlKey)) {
+      this.currentInteraction = this.panInteraction;
+    }
+    else if (this.keyboardControls && event.altKey) {
+      this.currentInteraction = this.rotateInteraction;
+    }
+    if (event.buttons === 1) {
+      this.draggingInteraction =
+        this.currentInteraction || this.primaryInteraction;
+    }
+    else if (event.buttons === 2) {
+      this.draggingInteraction = this.panInteraction;
+    }
+    else if (event.buttons === 4) {
+      this.draggingInteraction =
+        (_a = this.lastPrimaryRotateInteraction) !== null && _a !== void 0 ? _a : this.rotateInteraction;
+    }
+    if (this.draggingInteraction != null &&
+      this.interactionApi != null &&
+      this.element != null) {
+      // Ensure any scroll wheel interactions have been ended prior to beginning
+      // another interaction to prevent the interaction from being ended early.
+      this.zoomInteraction.endDrag(event, this.interactionApi);
+      this.draggingInteraction.beginDrag(event, this.downPositionCanvas || bundle_esm.point.create(event.clientX, event.clientY), this.interactionApi, this.element);
+    }
+  }
+  drag(event) {
+    if (this.keyboardControls && event.altKey && event.shiftKey) {
+      this.currentInteraction = this.twistInteraction;
+    }
+    else {
+      this.currentInteraction = undefined;
+    }
+    this.draggingInteraction =
+      this.currentInteraction ||
+        this.draggingInteraction ||
+        this.primaryInteraction;
+    if (this.draggingInteraction != null && this.interactionApi != null) {
+      this.draggingInteraction.drag(event, this.interactionApi);
+    }
+  }
+  endDrag(event) {
+    if (this.keyboardControls &&
+      this.currentInteraction === this.twistInteraction) {
+      this.currentInteraction = undefined;
+    }
+    if (this.draggingInteraction != null && this.interactionApi != null) {
+      this.draggingInteraction.endDrag(event, this.interactionApi);
+      this.draggingInteraction = undefined;
+    }
+  }
+  handleMouseWheel(event) {
+    event.preventDefault();
+    if (this.element != null &&
+      this.interactionApi != null &&
+      event.buttons !== 4) {
+      const delta = -this.wheelDeltaToPixels(event.deltaY, event.deltaMode) / 10;
+      const rect = this.element.getBoundingClientRect();
+      const point = dom.getMouseClientPosition(event, rect);
+      SCROLL_WHEEL_DELTA_PERCENTAGES.forEach((percentage, index) => {
+        window.setTimeout(() => {
+          if (this.interactionApi != null) {
+            const zoomDelta = delta * percentage;
+            this.zoomInteraction.zoomToPoint(point, zoomDelta, this.interactionApi);
+          }
+        }, index * 2);
+      });
+    }
+  }
+  wheelDeltaToPixels(deltaY, deltaMode) {
+    if (this.computedBodyStyle == null) {
+      this.computedBodyStyle = window.getComputedStyle(document.body);
+    }
+    const defaultLineHeight = this.computedBodyStyle.fontSize != null &&
+      this.computedBodyStyle.fontSize !== '' &&
+      !isNaN(parseFloat(this.computedBodyStyle.fontSize))
+      ? parseFloat(this.computedBodyStyle.fontSize) * DEFAULT_LINE_HEIGHT
+      : DEFAULT_FONT_SIZE * DEFAULT_LINE_HEIGHT;
+    if (deltaMode === 1) {
+      // deltaMode 1 corresponds to DOM_DELTA_LINE, which computes deltas in lines
+      return this.computedBodyStyle.lineHeight != null &&
+        this.computedBodyStyle.lineHeight !== '' &&
+        !isNaN(parseFloat(this.computedBodyStyle.lineHeight))
+        ? deltaY * parseFloat(this.computedBodyStyle.lineHeight)
+        : deltaY * defaultLineHeight;
+    }
+    else if (deltaMode === 2) {
+      // deltaMode 2 corresponds to DOM_DELTA_PAGE, which computes deltas in pages
+      return this.computedBodyStyle.height != null &&
+        this.computedBodyStyle.height !== '' &&
+        !isNaN(parseFloat(this.computedBodyStyle.height))
+        ? deltaY * parseFloat(this.computedBodyStyle.height)
+        : deltaY * window.innerHeight;
+    }
+    // deltaMode 0 corresponds to DOM_DELTA_PIXEL, which computes deltas in pixels
+    return deltaY;
+  }
+  getCanvasPosition(event) {
+    var _a;
+    const canvasBounds = (_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    const canvasOffset = canvasBounds != null
+      ? bundle_esm.point.create(canvasBounds.left, canvasBounds.top)
+      : undefined;
+    return canvasOffset != null
+      ? bundle_esm.point.subtract(bundle_esm.point.create(event.clientX, event.clientY), canvasOffset)
+      : undefined;
+  }
+  isTouch(event) {
+    return window.PointerEvent != null && event instanceof PointerEvent
+      ? event.pointerType === 'touch'
+      : false;
+  }
+}
+
+class MultiElementInteractionHandler extends BaseInteractionHandler {
+  constructor() {
+    super(...arguments);
+    this.registeredExternalElements = {};
+  }
+  registerAdditionalElement(external) {
+    const id = browser_esm.uuid.create();
+    const disposable = this.addEventListenersToElement(external);
+    this.registeredExternalElements[id] = disposable;
+    return disposable;
+  }
+  deregisterAdditionalElementById(id) {
+    const externalElement = this.registeredExternalElements[id];
+    externalElement.dispose();
+    this.registeredExternalElements = Object.fromEntries(Object.entries(this.registeredExternalElements).filter(([key]) => key !== id));
+  }
+  deregisterAllListeners() {
+    Object.keys(this.registeredExternalElements).forEach((id) => this.deregisterAdditionalElementById(id));
+  }
+}
+
+exports.BaseInteractionHandler = BaseInteractionHandler;
+exports.MultiElementInteractionHandler = MultiElementInteractionHandler;
+
+//# sourceMappingURL=multiElementInteractionHandler-93bd9593.js.map

package/dist/cjs/multiElementInteractionHandler-93bd9593.js.map

@@ -0,0 +1 @@
+{"file":"multiElementInteractionHandler-93bd9593.js","mappings":"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","names":["EventDispatcher","Point","getMouseClientPosition","UUID"],"sources":["./src/lib/interactions/baseInteractionHandler.ts","./src/lib/interactions/multiElementInteractionHandler.ts"],"sourcesContent":["import { Point } from '@vertexvis/geometry';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { ConfigProvider } from '../config';\nimport { getMouseClientPosition } from '../dom';\nimport { InteractionApi } from './interactionApi';\nimport { BaseEvent } from './interactionEvent';\nimport { InteractionHandler } from './interactionHandler';\nimport {\n  MouseInteraction,\n  PanInteraction,\n  PivotInteraction,\n  RotateInteraction,\n  RotatePointInteraction,\n  TwistInteraction,\n  ZoomInteraction,\n} from './mouseInteractions';\n\nexport type InteractionType =\n  | 'rotate'\n  | 'zoom'\n  | 'pan'\n  | 'twist'\n  | 'rotate-point'\n  | 'pivot';\n\nconst SCROLL_WHEEL_DELTA_PERCENTAGES = [0.2, 0.15, 0.25, 0.25, 0.15];\nconst DEFAULT_FONT_SIZE = 16;\nconst DEFAULT_LINE_HEIGHT = 1.2;\n\nexport abstract class BaseInteractionHandler implements InteractionHandler {\n  protected interactionApi?: InteractionApi;\n  protected element?: HTMLElement;\n  protected downPosition?: Point.Point;\n  private downPositionCanvas?: Point.Point;\n  private primaryInteraction: MouseInteraction = this.rotateInteraction;\n  private currentInteraction?: MouseInteraction;\n  private draggingInteraction: MouseInteraction | undefined;\n  private lastPrimaryRotateInteraction?: MouseInteraction;\n  private isDragging = false;\n  private lastMoveEvent?: BaseEvent;\n  private interactionTimer?: number;\n  private keyboardControls = false;\n\n  protected disableIndividualInteractions = false;\n\n  private computedBodyStyle?: CSSStyleDeclaration;\n\n  private primaryInteractionTypeChange = new EventDispatcher<void>();\n\n  public constructor(\n    protected downEvent: 'mousedown' | 'pointerdown',\n    protected upEvent: 'mouseup' | 'pointerup',\n    protected moveEvent: 'mousemove' | 'pointermove',\n    private rotateInteraction: RotateInteraction,\n    private rotatePointInteraction: RotatePointInteraction,\n    private zoomInteraction: ZoomInteraction,\n    private panInteraction: PanInteraction,\n    private twistInteraction: TwistInteraction,\n    private pivotInteraction: PivotInteraction,\n    private getConfig: ConfigProvider\n  ) {\n    this.handleDownEvent = this.handleDownEvent.bind(this);\n    this.handleMouseWheel = this.handleMouseWheel.bind(this);\n    this.handleWindowMove = this.handleWindowMove.bind(this);\n    this.handleWindowUp = this.handleWindowUp.bind(this);\n    this.handleDoubleClick = this.handleDoubleClick.bind(this);\n  }\n\n  public initialize(element: HTMLElement, api: InteractionApi): void {\n    this.element = element;\n    this.interactionApi = api;\n    element.addEventListener(this.downEvent, this.handleDownEvent);\n    element.addEventListener('mousedown', this.handleDoubleClick);\n    element.addEventListener('wheel', this.handleMouseWheel, {\n      passive: false,\n    });\n  }\n\n  public dispose(): void {\n    this.element?.removeEventListener(this.downEvent, this.handleDownEvent);\n    this.element?.removeEventListener('mousedown', this.handleDoubleClick);\n    this.element?.removeEventListener('wheel', this.handleMouseWheel);\n    this.element = undefined;\n  }\n\n  public onPrimaryInteractionTypeChange(listener: Listener<void>): Disposable {\n    return this.primaryInteractionTypeChange.on(listener);\n  }\n\n  public setCurrentInteractionType(type?: InteractionType): void {\n    switch (type) {\n      case 'rotate':\n        this.currentInteraction = this.rotateInteraction;\n        break;\n      case 'zoom':\n        this.currentInteraction = this.zoomInteraction;\n        break;\n      case 'pan':\n        this.currentInteraction = this.panInteraction;\n        break;\n      case 'twist':\n        this.currentInteraction = this.twistInteraction;\n        break;\n      case 'rotate-point':\n        this.currentInteraction = this.rotatePointInteraction;\n        break;\n      case 'pivot':\n        this.currentInteraction = this.pivotInteraction;\n        break;\n      default:\n        this.currentInteraction = undefined;\n    }\n\n    if (this.draggingInteraction) {\n      const point = this.draggingInteraction.getPosition();\n      this.draggingInteraction =\n        this.currentInteraction || this.primaryInteraction;\n      this.interactionApi?.resetLastAngle();\n      this.draggingInteraction.setPosition(point);\n    }\n  }\n\n  public getPrimaryInteractionType(): InteractionType {\n    return this.primaryInteraction.getType();\n  }\n\n  public getCurrentInteractionType(): InteractionType {\n    return (this.currentInteraction || this.primaryInteraction).getType();\n  }\n\n  public setPrimaryInteractionType(type: InteractionType): void {\n    switch (type) {\n      case 'rotate':\n        this.primaryInteraction = this.rotateInteraction;\n        this.lastPrimaryRotateInteraction = this.rotateInteraction;\n        break;\n      case 'rotate-point':\n        this.primaryInteraction = this.rotatePointInteraction;\n        this.lastPrimaryRotateInteraction = this.rotatePointInteraction;\n        break;\n      case 'zoom':\n        this.primaryInteraction = this.zoomInteraction;\n        break;\n      case 'pan':\n        this.primaryInteraction = this.panInteraction;\n        break;\n      case 'pivot':\n        this.primaryInteraction = this.pivotInteraction;\n        break;\n    }\n    this.primaryInteractionTypeChange.emit();\n  }\n\n  public setDefaultKeyboardControls(keyboardControls: boolean): void {\n    this.keyboardControls = keyboardControls;\n  }\n\n  protected handleDownEvent(event: BaseEvent): void {\n    // Prevent selection of any text while interacting with the model.\n    event.preventDefault();\n\n    this.interactionTimer = window.setTimeout(() => {\n      this.downPosition = Point.create(event.screenX, event.screenY);\n      this.downPositionCanvas = this.getCanvasPosition(event);\n      this.interactionTimer = undefined;\n\n      // Perform the current movement in the case that the interaction timer elapses\n      if (this.lastMoveEvent != null) {\n        this.handleWindowMove(this.lastMoveEvent);\n      }\n    }, this.getConfig().interactions.interactionDelay);\n\n    window.addEventListener(this.moveEvent, this.handleWindowMove);\n    window.addEventListener(this.upEvent, this.handleWindowUp);\n  }\n\n  protected handleWindowMove(event: BaseEvent): void {\n    if (this.interactionTimer == null) {\n      if (this.disableIndividualInteractions) {\n        return;\n      }\n\n      const position = Point.create(event.screenX, event.screenY);\n      const pixelThreshold =\n        this.interactionApi != null\n          ? this.interactionApi.pixelThreshold(this.isTouch(event))\n          : 2;\n      if (\n        this.downPosition != null &&\n        Point.distance(position, this.downPosition) >= pixelThreshold &&\n        !this.isDragging\n      ) {\n        this.beginDrag(event);\n        this.isDragging = true;\n      }\n\n      if (this.isDragging) {\n        this.drag(event);\n      }\n    }\n\n    this.lastMoveEvent = event;\n  }\n\n  protected async handleWindowUp(event: BaseEvent): Promise<void> {\n    if (this.isDragging) {\n      this.endDrag(event);\n      this.isDragging = false;\n    }\n\n    if (this.interactionTimer != null) {\n      window.clearTimeout(this.interactionTimer);\n      this.interactionTimer = undefined;\n    }\n\n    window.removeEventListener(this.moveEvent, this.handleWindowMove);\n    window.removeEventListener(this.upEvent, this.handleWindowUp);\n    this.lastMoveEvent = undefined;\n  }\n\n  protected async handleDoubleClick(event: BaseEvent): Promise<void> {\n    // event.detail is the number of clicks that have happened recently. If the number is 2, then the user double clicked.\n    if (\n      event.detail === 2 &&\n      event.buttons === 4 &&\n      this.interactionApi != null\n    ) {\n      this.interactionApi.viewAll();\n    }\n  }\n\n  protected beginDrag(event: BaseEvent): void {\n    if (this.keyboardControls && event.metaKey && event.shiftKey) {\n      this.currentInteraction = this.rotatePointInteraction;\n    } else if (this.keyboardControls && event.shiftKey && event.altKey) {\n      this.currentInteraction = this.twistInteraction;\n    } else if (this.keyboardControls && event.shiftKey) {\n      this.currentInteraction = this.zoomInteraction;\n    } else if (this.keyboardControls && (event.metaKey || event.ctrlKey)) {\n      this.currentInteraction = this.panInteraction;\n    } else if (this.keyboardControls && event.altKey) {\n      this.currentInteraction = this.rotateInteraction;\n    }\n\n    if (event.buttons === 1) {\n      this.draggingInteraction =\n        this.currentInteraction || this.primaryInteraction;\n    } else if (event.buttons === 2) {\n      this.draggingInteraction = this.panInteraction;\n    } else if (event.buttons === 4) {\n      this.draggingInteraction =\n        this.lastPrimaryRotateInteraction ?? this.rotateInteraction;\n    }\n\n    if (\n      this.draggingInteraction != null &&\n      this.interactionApi != null &&\n      this.element != null\n    ) {\n      // Ensure any scroll wheel interactions have been ended prior to beginning\n      // another interaction to prevent the interaction from being ended early.\n      this.zoomInteraction.endDrag(event, this.interactionApi);\n\n      this.draggingInteraction.beginDrag(\n        event,\n        this.downPositionCanvas || Point.create(event.clientX, event.clientY),\n        this.interactionApi,\n        this.element\n      );\n    }\n  }\n\n  protected drag(event: BaseEvent): void {\n    if (this.keyboardControls && event.altKey && event.shiftKey) {\n      this.currentInteraction = this.twistInteraction;\n    } else {\n      this.currentInteraction = undefined;\n    }\n    this.draggingInteraction =\n      this.currentInteraction ||\n      this.draggingInteraction ||\n      this.primaryInteraction;\n    if (this.draggingInteraction != null && this.interactionApi != null) {\n      this.draggingInteraction.drag(event, this.interactionApi);\n    }\n  }\n\n  protected endDrag(event: BaseEvent): void {\n    if (\n      this.keyboardControls &&\n      this.currentInteraction === this.twistInteraction\n    ) {\n      this.currentInteraction = undefined;\n    }\n\n    if (this.draggingInteraction != null && this.interactionApi != null) {\n      this.draggingInteraction.endDrag(event, this.interactionApi);\n      this.draggingInteraction = undefined;\n    }\n  }\n\n  protected handleMouseWheel(event: WheelEvent): void {\n    event.preventDefault();\n\n    if (\n      this.element != null &&\n      this.interactionApi != null &&\n      event.buttons !== 4\n    ) {\n      const delta =\n        -this.wheelDeltaToPixels(event.deltaY, event.deltaMode) / 10;\n      const rect = this.element.getBoundingClientRect();\n      const point = getMouseClientPosition(event, rect);\n\n      SCROLL_WHEEL_DELTA_PERCENTAGES.forEach((percentage, index) => {\n        window.setTimeout(() => {\n          if (this.interactionApi != null) {\n            const zoomDelta = delta * percentage;\n            this.zoomInteraction.zoomToPoint(\n              point,\n              zoomDelta,\n              this.interactionApi\n            );\n          }\n        }, index * 2);\n      });\n    }\n  }\n\n  protected wheelDeltaToPixels(deltaY: number, deltaMode: number): number {\n    if (this.computedBodyStyle == null) {\n      this.computedBodyStyle = window.getComputedStyle(document.body);\n    }\n\n    const defaultLineHeight =\n      this.computedBodyStyle.fontSize != null &&\n      this.computedBodyStyle.fontSize !== '' &&\n      !isNaN(parseFloat(this.computedBodyStyle.fontSize))\n        ? parseFloat(this.computedBodyStyle.fontSize) * DEFAULT_LINE_HEIGHT\n        : DEFAULT_FONT_SIZE * DEFAULT_LINE_HEIGHT;\n\n    if (deltaMode === 1) {\n      // deltaMode 1 corresponds to DOM_DELTA_LINE, which computes deltas in lines\n      return this.computedBodyStyle.lineHeight != null &&\n        this.computedBodyStyle.lineHeight !== '' &&\n        !isNaN(parseFloat(this.computedBodyStyle.lineHeight))\n        ? deltaY * parseFloat(this.computedBodyStyle.lineHeight)\n        : deltaY * defaultLineHeight;\n    } else if (deltaMode === 2) {\n      // deltaMode 2 corresponds to DOM_DELTA_PAGE, which computes deltas in pages\n      return this.computedBodyStyle.height != null &&\n        this.computedBodyStyle.height !== '' &&\n        !isNaN(parseFloat(this.computedBodyStyle.height))\n        ? deltaY * parseFloat(this.computedBodyStyle.height)\n        : deltaY * window.innerHeight;\n    }\n    // deltaMode 0 corresponds to DOM_DELTA_PIXEL, which computes deltas in pixels\n    return deltaY;\n  }\n\n  protected getCanvasPosition(event: BaseEvent): Point.Point | undefined {\n    const canvasBounds = this.element?.getBoundingClientRect();\n    const canvasOffset =\n      canvasBounds != null\n        ? Point.create(canvasBounds.left, canvasBounds.top)\n        : undefined;\n\n    return canvasOffset != null\n      ? Point.subtract(Point.create(event.clientX, event.clientY), canvasOffset)\n      : undefined;\n  }\n\n  protected isTouch(event: BaseEvent): boolean {\n    return window.PointerEvent != null && event instanceof PointerEvent\n      ? event.pointerType === 'touch'\n      : false;\n  }\n}\n","import { Disposable, UUID } from '@vertexvis/utils';\n\nimport { BaseInteractionHandler } from './baseInteractionHandler';\n\nexport abstract class MultiElementInteractionHandler extends BaseInteractionHandler {\n  protected registeredExternalElements: Record<UUID.UUID, Disposable> = {};\n\n  public registerAdditionalElement(external: HTMLElement): Disposable {\n    const id = UUID.create();\n    const disposable = this.addEventListenersToElement(external);\n\n    this.registeredExternalElements[id] = disposable;\n    return disposable;\n  }\n\n  public deregisterAdditionalElementById(id: UUID.UUID): void {\n    const externalElement = this.registeredExternalElements[id];\n\n    externalElement.dispose();\n\n    this.registeredExternalElements = Object.fromEntries(\n      Object.entries(this.registeredExternalElements).filter(\n        ([key]) => key !== id\n      )\n    );\n  }\n\n  protected deregisterAllListeners(): void {\n    Object.keys(this.registeredExternalElements).forEach((id) =>\n      this.deregisterAdditionalElementById(id)\n    );\n  }\n\n  public abstract addEventListenersToElement(element?: HTMLElement): Disposable;\n}\n"],"version":3}

package/dist/cjs/vertex-viewer-dom-element_2.cjs.entry.js

@@ -8,9 +8,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b4e503d5.js');
 const bundle_esm = require('./bundle.esm-b2145e44.js');
 const browser_esm = require('./browser.esm-13ce8652.js');
+const multiElementInteractionHandler = require('./multiElementInteractionHandler-93bd9593.js');
 require('./streamAttributes-a383ddd7.js');
 require('./entities-551add54.js');
 const viewport = require('./viewport-75a235f6.js');
+require('./dom-4344863c.js');
 require('./bundle.esm-013a8b84.js');
 require('./_commonjsHelpers-756e53d6.js');
 
@@ -459,8 +461,19 @@ const ViewerDomRenderer = class {
      * used, and elements will not scale or rotate with camera changes.
      */
     this.drawMode = '3d';
+    /**
+     * Specifies whether to propagate events to the viewer's interaction handlers
+     *
+     * When `true` this <vertex-viewer-dom-renderer> will be registered as a valid event target
+     * for the viewer. This enables camera interactions to be initiated from elements within this renderer.
+     *
+     * When `false` this <vertex-viewer-dom-renderer> will *not* be registered as a target
+     * for the viewer.
+     */
+    this.propagateEventsToViewer = true;
     this.viewport = new viewport.Viewport(0, 0);
     this.invalidateFrameCounter = 0;
+    this.interactionDisposables = [];
     this.handleViewerFrameDrawn = async () => {
       this.updatePropsFromViewer();
     };
@@ -507,6 +520,9 @@ const ViewerDomRenderer = class {
   handleViewerChange(newViewer, oldViewer) {
     oldViewer === null || oldViewer === void 0 ? void 0 : oldViewer.removeEventListener('frameDrawn', this.handleViewerFrameDrawn);
     newViewer === null || newViewer === void 0 ? void 0 : newViewer.addEventListener('frameDrawn', this.handleViewerFrameDrawn);
+    if (this.propagateEventsToViewer && newViewer != null) {
+      this.handleEventPropagationToViewer(newViewer);
+    }
   }
   /**
    * @ignore
@@ -517,6 +533,27 @@ const ViewerDomRenderer = class {
   invalidateFrame() {
     this.invalidateFrameCounter = this.invalidateFrameCounter + 1;
   }
+  /**
+   * disposes any existing disposables, and registers new handlers on the newly provided viewer.
+   * @param newViewer
+   */
+  handleEventPropagationToViewer(newViewer) {
+    this.interactionDisposables.forEach((disposable) => {
+      disposable.dispose();
+    });
+    this.interactionDisposables = [];
+    newViewer.getInteractionHandlers().then((handlers) => {
+      handlers.forEach((handler) => {
+        if (handler instanceof multiElementInteractionHandler.MultiElementInteractionHandler) {
+          const disposable = handler.registerAdditionalElement(this.hostEl);
+          this.interactionDisposables = [
+            ...this.interactionDisposables,
+            disposable,
+          ];
+        }
+      });
+    });
+  }
   async updateElements() {
     const { viewport, camera } = this;
     const worldMatrix = bundle_esm.matrix4.makeIdentity();