@vertexvis/viewer-react 0.24.5-canary.4 → 1.0.0-testing.0

package/dist/bundle.esm.js

@@ -1,253 +1,464 @@
-import React, { createElement } from 'react';
-import 'react-dom';
+'use client';
+import React from 'react';
+import { VertexSceneTreeNotificationBanner as VertexSceneTreeNotificationBanner$1, defineCustomElement as defineCustomElement$1 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-notification-banner.js';
+import { VertexSceneTreeSearch as VertexSceneTreeSearch$1, defineCustomElement as defineCustomElement$2 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-search.js';
+import { VertexSceneTreeTableCell as VertexSceneTreeTableCell$1, defineCustomElement as defineCustomElement$3 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-table-cell.js';
+import { VertexSceneTreeTableColumn as VertexSceneTreeTableColumn$1, defineCustomElement as defineCustomElement$4 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-table-column.js';
+import { VertexSceneTreeTableHeader as VertexSceneTreeTableHeader$1, defineCustomElement as defineCustomElement$5 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-table-header.js';
+import { VertexSceneTreeTableLayout as VertexSceneTreeTableLayout$1, defineCustomElement as defineCustomElement$6 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-table-layout.js';
+import { VertexSceneTreeTableResizeDivider as VertexSceneTreeTableResizeDivider$1, defineCustomElement as defineCustomElement$7 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-table-resize-divider.js';
+import { VertexSceneTreeToolbarGroup as VertexSceneTreeToolbarGroup$1, defineCustomElement as defineCustomElement$9 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-toolbar-group.js';
+import { VertexSceneTreeToolbar as VertexSceneTreeToolbar$1, defineCustomElement as defineCustomElement$8 } from '@vertexvis/viewer/dist/components/vertex-scene-tree-toolbar.js';
+import { VertexSceneTree as VertexSceneTree$1, defineCustomElement } from '@vertexvis/viewer/dist/components/vertex-scene-tree.js';
+import { VertexViewerAnnotationCallout as VertexViewerAnnotationCallout$1, defineCustomElement as defineCustomElement$b } from '@vertexvis/viewer/dist/components/vertex-viewer-annotation-callout.js';
+import { VertexViewerBoxQueryTool as VertexViewerBoxQueryTool$1, defineCustomElement as defineCustomElement$c } from '@vertexvis/viewer/dist/components/vertex-viewer-box-query-tool.js';
+import { VertexViewerButton as VertexViewerButton$1, defineCustomElement as defineCustomElement$d } from '@vertexvis/viewer/dist/components/vertex-viewer-button.js';
+import { VertexViewerDefaultToolbar as VertexViewerDefaultToolbar$1, defineCustomElement as defineCustomElement$e } from '@vertexvis/viewer/dist/components/vertex-viewer-default-toolbar.js';
+import { VertexViewerDomElement as VertexViewerDomElement$1, defineCustomElement as defineCustomElement$f } from '@vertexvis/viewer/dist/components/vertex-viewer-dom-element.js';
+import { VertexViewerDomGroup as VertexViewerDomGroup$1, defineCustomElement as defineCustomElement$g } from '@vertexvis/viewer/dist/components/vertex-viewer-dom-group.js';
+import { VertexViewerDomRenderer as VertexViewerDomRenderer$1, defineCustomElement as defineCustomElement$h } from '@vertexvis/viewer/dist/components/vertex-viewer-dom-renderer.js';
+import { VertexViewerHitResultIndicator as VertexViewerHitResultIndicator$1, defineCustomElement as defineCustomElement$i } from '@vertexvis/viewer/dist/components/vertex-viewer-hit-result-indicator.js';
+import { VertexViewerIcon as VertexViewerIcon$1, defineCustomElement as defineCustomElement$j } from '@vertexvis/viewer/dist/components/vertex-viewer-icon.js';
+import { VertexViewerLayer as VertexViewerLayer$1, defineCustomElement as defineCustomElement$k } from '@vertexvis/viewer/dist/components/vertex-viewer-layer.js';
+import { VertexViewerMarkupArrow as VertexViewerMarkupArrow$1, defineCustomElement as defineCustomElement$m } from '@vertexvis/viewer/dist/components/vertex-viewer-markup-arrow.js';
+import { VertexViewerMarkupCircle as VertexViewerMarkupCircle$1, defineCustomElement as defineCustomElement$n } from '@vertexvis/viewer/dist/components/vertex-viewer-markup-circle.js';
+import { VertexViewerMarkupFreeform as VertexViewerMarkupFreeform$1, defineCustomElement as defineCustomElement$o } from '@vertexvis/viewer/dist/components/vertex-viewer-markup-freeform.js';
+import { VertexViewerMarkupTool as VertexViewerMarkupTool$1, defineCustomElement as defineCustomElement$p } from '@vertexvis/viewer/dist/components/vertex-viewer-markup-tool.js';
+import { VertexViewerMarkup as VertexViewerMarkup$1, defineCustomElement as defineCustomElement$l } from '@vertexvis/viewer/dist/components/vertex-viewer-markup.js';
+import { VertexViewerMeasurementDetails as VertexViewerMeasurementDetails$1, defineCustomElement as defineCustomElement$q } from '@vertexvis/viewer/dist/components/vertex-viewer-measurement-details.js';
+import { VertexViewerMeasurementDistance as VertexViewerMeasurementDistance$1, defineCustomElement as defineCustomElement$r } from '@vertexvis/viewer/dist/components/vertex-viewer-measurement-distance.js';
+import { VertexViewerMeasurementLine as VertexViewerMeasurementLine$1, defineCustomElement as defineCustomElement$s } from '@vertexvis/viewer/dist/components/vertex-viewer-measurement-line.js';
+import { VertexViewerMeasurementOverlays as VertexViewerMeasurementOverlays$1, defineCustomElement as defineCustomElement$t } from '@vertexvis/viewer/dist/components/vertex-viewer-measurement-overlays.js';
+import { VertexViewerMeasurementPrecise as VertexViewerMeasurementPrecise$1, defineCustomElement as defineCustomElement$u } from '@vertexvis/viewer/dist/components/vertex-viewer-measurement-precise.js';
+import { VertexViewerPinGroup as VertexViewerPinGroup$1, defineCustomElement as defineCustomElement$v } from '@vertexvis/viewer/dist/components/vertex-viewer-pin-group.js';
+import { VertexViewerPinLabelLine as VertexViewerPinLabelLine$1, defineCustomElement as defineCustomElement$x } from '@vertexvis/viewer/dist/components/vertex-viewer-pin-label-line.js';
+import { VertexViewerPinLabel as VertexViewerPinLabel$1, defineCustomElement as defineCustomElement$w } from '@vertexvis/viewer/dist/components/vertex-viewer-pin-label.js';
+import { VertexViewerPinTool as VertexViewerPinTool$1, defineCustomElement as defineCustomElement$y } from '@vertexvis/viewer/dist/components/vertex-viewer-pin-tool.js';
+import { VertexViewerSpinner as VertexViewerSpinner$1, defineCustomElement as defineCustomElement$z } from '@vertexvis/viewer/dist/components/vertex-viewer-spinner.js';
+import { VertexViewerTeleportTool as VertexViewerTeleportTool$1, defineCustomElement as defineCustomElement$A } from '@vertexvis/viewer/dist/components/vertex-viewer-teleport-tool.js';
+import { VertexViewerToolbarGroup as VertexViewerToolbarGroup$1, defineCustomElement as defineCustomElement$C } from '@vertexvis/viewer/dist/components/vertex-viewer-toolbar-group.js';
+import { VertexViewerToolbar as VertexViewerToolbar$1, defineCustomElement as defineCustomElement$B } from '@vertexvis/viewer/dist/components/vertex-viewer-toolbar.js';
+import { VertexViewerTransformWidget as VertexViewerTransformWidget$1, defineCustomElement as defineCustomElement$D } from '@vertexvis/viewer/dist/components/vertex-viewer-transform-widget.js';
+import { VertexViewerViewCube as VertexViewerViewCube$1, defineCustomElement as defineCustomElement$E } from '@vertexvis/viewer/dist/components/vertex-viewer-view-cube.js';
+import { VertexViewerWalkModeTool as VertexViewerWalkModeTool$1, defineCustomElement as defineCustomElement$F } from '@vertexvis/viewer/dist/components/vertex-viewer-walk-mode-tool.js';
+import { VertexViewer as VertexViewer$1, defineCustomElement as defineCustomElement$a } from '@vertexvis/viewer/dist/components/vertex-viewer.js';
 
-const dashToPascalCase = (str) => str
-    .toLowerCase()
-    .split('-')
-    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
-    .join('');
-const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const e=new Set(["children","localName","ref","style","className"]),n=new WeakMap,t=(e,t,o,l,a)=>{const s=a?.[t];void 0===s?(e[t]=o,null==o&&t in HTMLElement.prototype&&e.removeAttribute(t)):o!==l&&((e,t,o)=>{let l=n.get(e);void 0===l&&n.set(e,l=new Map);let a=l.get(t);void 0!==o?void 0===a?(l.set(t,a={handleEvent:o}),e.addEventListener(t,a)):a.handleEvent=o:void 0!==a&&(l.delete(t),e.removeEventListener(t,a));})(e,s,o);},o=({react:n,tagName:o,elementClass:l,events:a,displayName:s})=>{const c=new Set(Object.keys(a??{})),r=n.forwardRef(((s,r)=>{const i=n.useRef(new Map),d=n.useRef(null),f={},u={};for(const[n,t]of Object.entries(s))e.has(n)?f["className"===n?"class":n]=t:c.has(n)||n in l.prototype?u[n]=t:f[n]=t;return n.useLayoutEffect((()=>{if(null===d.current)return;const e=new Map;for(const n in u)t(d.current,n,s[n],i.current.get(n),a),i.current.delete(n),e.set(n,s[n]);for(const[e,n]of i.current)t(d.current,e,void 0,n,a);i.current=e;})),n.useLayoutEffect((()=>{d.current?.removeAttribute("defer-hydration");}),[]),f.suppressHydrationWarning=!0,n.createElement(o,{...f,ref:n.useCallback((e=>{d.current=e,"function"==typeof r?r(e):null!==r&&(r.current=e);}),[r])})}));return r.displayName=s??l.name,r};
 
-const attachProps = (node, newProps, oldProps = {}) => {
-    // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
-    if (node instanceof Element) {
-        // add any classes in className to the class list
-        const className = getClassName(node.classList, newProps, oldProps);
-        if (className !== '') {
-            node.className = className;
-        }
-        Object.keys(newProps).forEach((name) => {
-            if (name === 'children' ||
-                name === 'style' ||
-                name === 'ref' ||
-                name === 'class' ||
-                name === 'className' ||
-                name === 'forwardedRef') {
-                return;
-            }
-            if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                const eventName = name.substring(2);
-                const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-                if (!isCoveredByReact(eventNameLc)) {
-                    syncEvent(node, eventNameLc, newProps[name]);
-                }
-            }
-            else {
-                node[name] = newProps[name];
-                const propType = typeof newProps[name];
-                if (propType === 'string') {
-                    node.setAttribute(camelToDashCase(name), newProps[name]);
-                }
-            }
-        });
-    }
-};
-const getClassName = (classList, newProps, oldProps) => {
-    const newClassProp = newProps.className || newProps.class;
-    const oldClassProp = oldProps.className || oldProps.class;
-    // map the classes to Maps for performance
-    const currentClasses = arrayToMap(classList);
-    const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
-    const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
-    const finalClassNames = [];
-    // loop through each of the current classes on the component
-    // to see if it should be a part of the classNames added
-    currentClasses.forEach((currentClass) => {
-        if (incomingPropClasses.has(currentClass)) {
-            // add it as its already included in classnames coming in from newProps
-            finalClassNames.push(currentClass);
-            incomingPropClasses.delete(currentClass);
-        }
-        else if (!oldPropClasses.has(currentClass)) {
-            // add it as it has NOT been removed by user
-            finalClassNames.push(currentClass);
-        }
-    });
-    incomingPropClasses.forEach((s) => finalClassNames.push(s));
-    return finalClassNames.join(' ');
-};
-/**
- * Transforms a React event name to a browser event name.
- */
-const transformReactEventName = (eventNameSuffix) => {
-    switch (eventNameSuffix) {
-        case 'doubleclick':
-            return 'dblclick';
-    }
-    return eventNameSuffix;
-};
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-const isCoveredByReact = (eventNameSuffix) => {
-    if (typeof document === 'undefined') {
-        return true;
-    }
-    else {
-        const eventName = 'on' + transformReactEventName(eventNameSuffix);
-        let isSupported = eventName in document;
-        if (!isSupported) {
-            const element = document.createElement('div');
-            element.setAttribute(eventName, 'return;');
-            isSupported = typeof element[eventName] === 'function';
-        }
-        return isSupported;
-    }
-};
-const syncEvent = (node, eventName, newEventHandler) => {
-    const eventStore = node.__events || (node.__events = {});
-    const oldEventHandler = eventStore[eventName];
-    // Remove old listener so they don't double up.
-    if (oldEventHandler) {
-        node.removeEventListener(eventName, oldEventHandler);
-    }
-    // Bind new listener.
-    node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
-        if (newEventHandler) {
-            newEventHandler.call(this, e);
-        }
-    }));
-};
-const arrayToMap = (arr) => {
-    const map = new Map();
-    arr.forEach((s) => map.set(s, s));
-    return map;
+const r = ({
+  defineCustomElement: e,
+  tagName: o$1,
+  transformTag: n,
+  ...t
+}) => {
+  typeof e < "u" && e();
+  const a = n ? n(o$1) : o$1;
+  return o({ ...t, tagName: a });
 };
 
-const setRef = (ref, value) => {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref != null) {
-        // Cast as a MutableRef so we can assign current
-        ref.current = value;
-    }
-};
-const mergeRefs = (...refs) => {
-    return (value) => {
-        refs.forEach((ref) => {
-            setRef(ref, value);
-        });
-    };
-};
-const createForwardRef = (ReactComponent, displayName) => {
-    const forwardRef = (props, ref) => {
-        return React.createElement(ReactComponent, { ...props, forwardedRef: ref });
-    };
-    forwardRef.displayName = displayName;
-    return React.forwardRef(forwardRef);
-};
-
-const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    const displayName = dashToPascalCase(tagName);
-    const ReactComponent = class extends React.Component {
-        constructor(props) {
-            super(props);
-            this.setComponentElRef = (element) => {
-                this.componentEl = element;
-            };
-        }
-        componentDidMount() {
-            this.componentDidUpdate(this.props);
-        }
-        componentDidUpdate(prevProps) {
-            attachProps(this.componentEl, this.props, prevProps);
-        }
-        render() {
-            const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
-            let propsToPass = Object.keys(cProps).reduce((acc, name) => {
-                const value = cProps[name];
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                    const eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-                        acc[name] = value;
-                    }
-                }
-                else {
-                    // we should only render strings, booleans, and numbers as attrs in html.
-                    // objects, functions, arrays etc get synced via properties on mount.
-                    const type = typeof value;
-                    if (type === 'string' || type === 'boolean' || type === 'number') {
-                        acc[camelToDashCase(name)] = value;
-                    }
-                }
-                return acc;
-            }, {});
-            if (manipulatePropsFunction) {
-                propsToPass = manipulatePropsFunction(this.props, propsToPass);
-            }
-            const newProps = {
-                ...propsToPass,
-                ref: mergeRefs(forwardedRef, this.setComponentElRef),
-                style,
-            };
-            /**
-             * We use createElement here instead of
-             * React.createElement to work around a
-             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-             * React.createElement causes all elements to be rendered
-             * as <tagname> instead of the actual Web Component.
-             */
-            return createElement(tagName, newProps, children);
-        }
-        static get displayName() {
-            return displayName;
-        }
-    };
-    // If context was passed to createReactComponent then conditionally add it to the Component Class
-    if (ReactComponentContext) {
-        ReactComponent.contextType = ReactComponentContext;
-    }
-    return createForwardRef(ReactComponent, displayName);
-};
-
-/* eslint-disable */
-const VertexSceneTree = /*@__PURE__*/ createReactComponent('vertex-scene-tree');
-const VertexSceneTreeNotificationBanner = /*@__PURE__*/ createReactComponent('vertex-scene-tree-notification-banner');
-const VertexSceneTreeSearch = /*@__PURE__*/ createReactComponent('vertex-scene-tree-search');
-const VertexSceneTreeTableCell = /*@__PURE__*/ createReactComponent('vertex-scene-tree-table-cell');
-const VertexSceneTreeTableColumn = /*@__PURE__*/ createReactComponent('vertex-scene-tree-table-column');
-const VertexSceneTreeTableHeader = /*@__PURE__*/ createReactComponent('vertex-scene-tree-table-header');
-const VertexSceneTreeTableLayout = /*@__PURE__*/ createReactComponent('vertex-scene-tree-table-layout');
-const VertexSceneTreeTableResizeDivider = /*@__PURE__*/ createReactComponent('vertex-scene-tree-table-resize-divider');
-const VertexSceneTreeToolbar = /*@__PURE__*/ createReactComponent('vertex-scene-tree-toolbar');
-const VertexSceneTreeToolbarGroup = /*@__PURE__*/ createReactComponent('vertex-scene-tree-toolbar-group');
-const VertexViewer = /*@__PURE__*/ createReactComponent('vertex-viewer');
-const VertexViewerAnnotationCallout = /*@__PURE__*/ createReactComponent('vertex-viewer-annotation-callout');
-const VertexViewerBoxQueryTool = /*@__PURE__*/ createReactComponent('vertex-viewer-box-query-tool');
-const VertexViewerButton = /*@__PURE__*/ createReactComponent('vertex-viewer-button');
-const VertexViewerDefaultToolbar = /*@__PURE__*/ createReactComponent('vertex-viewer-default-toolbar');
-const VertexViewerDomElement = /*@__PURE__*/ createReactComponent('vertex-viewer-dom-element');
-const VertexViewerDomGroup = /*@__PURE__*/ createReactComponent('vertex-viewer-dom-group');
-const VertexViewerDomRenderer = /*@__PURE__*/ createReactComponent('vertex-viewer-dom-renderer');
-const VertexViewerHitResultIndicator = /*@__PURE__*/ createReactComponent('vertex-viewer-hit-result-indicator');
-const VertexViewerIcon = /*@__PURE__*/ createReactComponent('vertex-viewer-icon');
-const VertexViewerLayer = /*@__PURE__*/ createReactComponent('vertex-viewer-layer');
-const VertexViewerMarkup = /*@__PURE__*/ createReactComponent('vertex-viewer-markup');
-const VertexViewerMarkupArrow = /*@__PURE__*/ createReactComponent('vertex-viewer-markup-arrow');
-const VertexViewerMarkupCircle = /*@__PURE__*/ createReactComponent('vertex-viewer-markup-circle');
-const VertexViewerMarkupFreeform = /*@__PURE__*/ createReactComponent('vertex-viewer-markup-freeform');
-const VertexViewerMarkupTool = /*@__PURE__*/ createReactComponent('vertex-viewer-markup-tool');
-const VertexViewerMeasurementDetails = /*@__PURE__*/ createReactComponent('vertex-viewer-measurement-details');
-const VertexViewerMeasurementDistance = /*@__PURE__*/ createReactComponent('vertex-viewer-measurement-distance');
-const VertexViewerMeasurementLine = /*@__PURE__*/ createReactComponent('vertex-viewer-measurement-line');
-const VertexViewerMeasurementOverlays = /*@__PURE__*/ createReactComponent('vertex-viewer-measurement-overlays');
-const VertexViewerMeasurementPrecise = /*@__PURE__*/ createReactComponent('vertex-viewer-measurement-precise');
-const VertexViewerPinGroup = /*@__PURE__*/ createReactComponent('vertex-viewer-pin-group');
-const VertexViewerPinLabel = /*@__PURE__*/ createReactComponent('vertex-viewer-pin-label');
-const VertexViewerPinLabelLine = /*@__PURE__*/ createReactComponent('vertex-viewer-pin-label-line');
-const VertexViewerPinTool = /*@__PURE__*/ createReactComponent('vertex-viewer-pin-tool');
-const VertexViewerSpinner = /*@__PURE__*/ createReactComponent('vertex-viewer-spinner');
-const VertexViewerTeleportTool = /*@__PURE__*/ createReactComponent('vertex-viewer-teleport-tool');
-const VertexViewerToolbar = /*@__PURE__*/ createReactComponent('vertex-viewer-toolbar');
-const VertexViewerToolbarGroup = /*@__PURE__*/ createReactComponent('vertex-viewer-toolbar-group');
-const VertexViewerTransformWidget = /*@__PURE__*/ createReactComponent('vertex-viewer-transform-widget');
-const VertexViewerViewCube = /*@__PURE__*/ createReactComponent('vertex-viewer-view-cube');
-const VertexViewerWalkModeTool = /*@__PURE__*/ createReactComponent('vertex-viewer-walk-mode-tool');
+const VertexSceneTree = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree',
+    elementClass: VertexSceneTree$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onConnectionError: 'connectionError',
+        onFirstRowRendered: 'firstRowRendered'
+    },
+    defineCustomElement: defineCustomElement
+});
+const VertexSceneTreeNotificationBanner = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-notification-banner',
+    elementClass: VertexSceneTreeNotificationBanner$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onAction: 'action' },
+    defineCustomElement: defineCustomElement$1
+});
+const VertexSceneTreeSearch = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-search',
+    elementClass: VertexSceneTreeSearch$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSearch: 'search',
+        onSearchCompleted: 'searchCompleted'
+    },
+    defineCustomElement: defineCustomElement$2
+});
+const VertexSceneTreeTableCell = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-table-cell',
+    elementClass: VertexSceneTreeTableCell$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onExpandToggled: 'expandToggled',
+        onVisibilityToggled: 'visibilityToggled',
+        onSelectionToggled: 'selectionToggled',
+        onIsolatePressed: 'isolatePressed',
+        onCellLoaded: 'cellLoaded'
+    },
+    defineCustomElement: defineCustomElement$3
+});
+const VertexSceneTreeTableColumn = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-table-column',
+    elementClass: VertexSceneTreeTableColumn$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$4
+});
+const VertexSceneTreeTableHeader = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-table-header',
+    elementClass: VertexSceneTreeTableHeader$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$5
+});
+const VertexSceneTreeTableLayout = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-table-layout',
+    elementClass: VertexSceneTreeTableLayout$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onColumnsResized: 'columnsResized' },
+    defineCustomElement: defineCustomElement$6
+});
+const VertexSceneTreeTableResizeDivider = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-table-resize-divider',
+    elementClass: VertexSceneTreeTableResizeDivider$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$7
+});
+const VertexSceneTreeToolbar = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-toolbar',
+    elementClass: VertexSceneTreeToolbar$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$8
+});
+const VertexSceneTreeToolbarGroup = /*@__PURE__*/ r({
+    tagName: 'vertex-scene-tree-toolbar-group',
+    elementClass: VertexSceneTreeToolbarGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$9
+});
+const VertexViewer = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer',
+    elementClass: VertexViewer$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTap: 'tap',
+        onDoubletap: 'doubletap',
+        onLongpress: 'longpress',
+        onFrameReceived: 'frameReceived',
+        onFrameDrawn: 'frameDrawn',
+        onTokenExpired: 'tokenExpired',
+        onConnectionChange: 'connectionChange',
+        onSceneReady: 'sceneReady',
+        onSceneChanged: 'sceneChanged',
+        onInteractionStarted: 'interactionStarted',
+        onInteractionFinished: 'interactionFinished',
+        onCameraTypeChanged: 'cameraTypeChanged',
+        onAnnotationStateChanged: 'annotationStateChanged',
+        onDimensionschange: 'dimensionschange'
+    },
+    defineCustomElement: defineCustomElement$a
+});
+const VertexViewerAnnotationCallout = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-annotation-callout',
+    elementClass: VertexViewerAnnotationCallout$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$b
+});
+const VertexViewerBoxQueryTool = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-box-query-tool',
+    elementClass: VertexViewerBoxQueryTool$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onControllerChanged: 'controllerChanged' },
+    defineCustomElement: defineCustomElement$c
+});
+const VertexViewerButton = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-button',
+    elementClass: VertexViewerButton$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$d
+});
+const VertexViewerDefaultToolbar = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-default-toolbar',
+    elementClass: VertexViewerDefaultToolbar$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$e
+});
+const VertexViewerDomElement = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-dom-element',
+    elementClass: VertexViewerDomElement$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onOcclusionStateChanged: 'occlusionStateChanged',
+        onDetachedStateChanged: 'detachedStateChanged',
+        onPropertyChange: 'propertyChange'
+    },
+    defineCustomElement: defineCustomElement$f
+});
+const VertexViewerDomGroup = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-dom-group',
+    elementClass: VertexViewerDomGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPropertyChange: 'propertyChange' },
+    defineCustomElement: defineCustomElement$g
+});
+const VertexViewerDomRenderer = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-dom-renderer',
+    elementClass: VertexViewerDomRenderer$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$h
+});
+const VertexViewerHitResultIndicator = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-hit-result-indicator',
+    elementClass: VertexViewerHitResultIndicator$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$i
+});
+const VertexViewerIcon = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-icon',
+    elementClass: VertexViewerIcon$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$j
+});
+const VertexViewerLayer = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-layer',
+    elementClass: VertexViewerLayer$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$k
+});
+const VertexViewerMarkup = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-markup',
+    elementClass: VertexViewerMarkup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMarkupAdded: 'markupAdded',
+        onMarkupChanged: 'markupChanged',
+        onMarkupRemoved: 'markupRemoved',
+        onMarkupSelectionChanged: 'markupSelectionChanged'
+    },
+    defineCustomElement: defineCustomElement$l
+});
+const VertexViewerMarkupArrow = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-markup-arrow',
+    elementClass: VertexViewerMarkupArrow$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onInteractionBegin: 'interactionBegin',
+        onInteractionEnd: 'interactionEnd',
+        onViewRendered: 'viewRendered'
+    },
+    defineCustomElement: defineCustomElement$m
+});
+const VertexViewerMarkupCircle = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-markup-circle',
+    elementClass: VertexViewerMarkupCircle$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onInteractionBegin: 'interactionBegin',
+        onInteractionEnd: 'interactionEnd',
+        onViewRendered: 'viewRendered'
+    },
+    defineCustomElement: defineCustomElement$n
+});
+const VertexViewerMarkupFreeform = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-markup-freeform',
+    elementClass: VertexViewerMarkupFreeform$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onInteractionBegin: 'interactionBegin',
+        onInteractionEnd: 'interactionEnd',
+        onViewRendered: 'viewRendered'
+    },
+    defineCustomElement: defineCustomElement$o
+});
+const VertexViewerMarkupTool = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-markup-tool',
+    elementClass: VertexViewerMarkupTool$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMarkupBegin: 'markupBegin',
+        onMarkupEnd: 'markupEnd'
+    },
+    defineCustomElement: defineCustomElement$p
+});
+const VertexViewerMeasurementDetails = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-measurement-details',
+    elementClass: VertexViewerMeasurementDetails$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$q
+});
+const VertexViewerMeasurementDistance = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-measurement-distance',
+    elementClass: VertexViewerMeasurementDistance$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onEditBegin: 'editBegin',
+        onEditEnd: 'editEnd'
+    },
+    defineCustomElement: defineCustomElement$r
+});
+const VertexViewerMeasurementLine = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-measurement-line',
+    elementClass: VertexViewerMeasurementLine$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$s
+});
+const VertexViewerMeasurementOverlays = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-measurement-overlays',
+    elementClass: VertexViewerMeasurementOverlays$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$t
+});
+const VertexViewerMeasurementPrecise = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-measurement-precise',
+    elementClass: VertexViewerMeasurementPrecise$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$u
+});
+const VertexViewerPinGroup = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-pin-group',
+    elementClass: VertexViewerPinGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$v
+});
+const VertexViewerPinLabel = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-pin-label',
+    elementClass: VertexViewerPinLabel$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onLabelFocused: 'labelFocused',
+        onLabelBlurred: 'labelBlurred'
+    },
+    defineCustomElement: defineCustomElement$w
+});
+const VertexViewerPinLabelLine = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-pin-label-line',
+    elementClass: VertexViewerPinLabelLine$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$x
+});
+const VertexViewerPinTool = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-pin-tool',
+    elementClass: VertexViewerPinTool$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$y
+});
+const VertexViewerSpinner = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-spinner',
+    elementClass: VertexViewerSpinner$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$z
+});
+const VertexViewerTeleportTool = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-teleport-tool',
+    elementClass: VertexViewerTeleportTool$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onControllerChanged: 'controllerChanged' },
+    defineCustomElement: defineCustomElement$A
+});
+const VertexViewerToolbar = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-toolbar',
+    elementClass: VertexViewerToolbar$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$B
+});
+const VertexViewerToolbarGroup = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-toolbar-group',
+    elementClass: VertexViewerToolbarGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$C
+});
+const VertexViewerTransformWidget = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-transform-widget',
+    elementClass: VertexViewerTransformWidget$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPositionChanged: 'positionChanged',
+        onRotationChanged: 'rotationChanged',
+        onInteractionEnded: 'interactionEnded',
+        onInteractionStarted: 'interactionStarted'
+    },
+    defineCustomElement: defineCustomElement$D
+});
+const VertexViewerViewCube = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-view-cube',
+    elementClass: VertexViewerViewCube$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$E
+});
+const VertexViewerWalkModeTool = /*@__PURE__*/ r({
+    tagName: 'vertex-viewer-walk-mode-tool',
+    elementClass: VertexViewerWalkModeTool$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onControllerChanged: 'controllerChanged' },
+    defineCustomElement: defineCustomElement$F
+});
 
 export { VertexSceneTree, VertexSceneTreeNotificationBanner, VertexSceneTreeSearch, VertexSceneTreeTableCell, VertexSceneTreeTableColumn, VertexSceneTreeTableHeader, VertexSceneTreeTableLayout, VertexSceneTreeTableResizeDivider, VertexSceneTreeToolbar, VertexSceneTreeToolbarGroup, VertexViewer, VertexViewerAnnotationCallout, VertexViewerBoxQueryTool, VertexViewerButton, VertexViewerDefaultToolbar, VertexViewerDomElement, VertexViewerDomGroup, VertexViewerDomRenderer, VertexViewerHitResultIndicator, VertexViewerIcon, VertexViewerLayer, VertexViewerMarkup, VertexViewerMarkupArrow, VertexViewerMarkupCircle, VertexViewerMarkupFreeform, VertexViewerMarkupTool, VertexViewerMeasurementDetails, VertexViewerMeasurementDistance, VertexViewerMeasurementLine, VertexViewerMeasurementOverlays, VertexViewerMeasurementPrecise, VertexViewerPinGroup, VertexViewerPinLabel, VertexViewerPinLabelLine, VertexViewerPinTool, VertexViewerSpinner, VertexViewerTeleportTool, VertexViewerToolbar, VertexViewerToolbarGroup, VertexViewerTransformWidget, VertexViewerViewCube, VertexViewerWalkModeTool };
 //# sourceMappingURL=bundle.esm.js.map