@vertexvis/viewer-react 1.0.0-testing.1 → 1.0.0-testing.3

package/dist/bundle.cjs.js

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var runtime = require('@stencil/react-output-target/runtime');
 var React = require('react');
 var vertexSceneTreeNotificationBanner_js = require('@vertexvis/viewer/dist/components/vertex-scene-tree-notification-banner.js');
 var vertexSceneTreeSearch_js = require('@vertexvis/viewer/dist/components/vertex-scene-tree-search.js');
@@ -51,25 +52,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @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 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 VertexSceneTree = /*@__PURE__*/ r({
+const VertexSceneTree = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree',
     elementClass: vertexSceneTree_js.VertexSceneTree,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -80,7 +63,7 @@ const VertexSceneTree = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexSceneTree_js.defineCustomElement
 });
-const VertexSceneTreeNotificationBanner = /*@__PURE__*/ r({
+const VertexSceneTreeNotificationBanner = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-notification-banner',
     elementClass: vertexSceneTreeNotificationBanner_js.VertexSceneTreeNotificationBanner,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -88,7 +71,7 @@ const VertexSceneTreeNotificationBanner = /*@__PURE__*/ r({
     events: { onAction: 'action' },
     defineCustomElement: vertexSceneTreeNotificationBanner_js.defineCustomElement
 });
-const VertexSceneTreeSearch = /*@__PURE__*/ r({
+const VertexSceneTreeSearch = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-search',
     elementClass: vertexSceneTreeSearch_js.VertexSceneTreeSearch,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -99,7 +82,7 @@ const VertexSceneTreeSearch = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexSceneTreeSearch_js.defineCustomElement
 });
-const VertexSceneTreeTableCell = /*@__PURE__*/ r({
+const VertexSceneTreeTableCell = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-table-cell',
     elementClass: vertexSceneTreeTableCell_js.VertexSceneTreeTableCell,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -113,7 +96,7 @@ const VertexSceneTreeTableCell = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexSceneTreeTableCell_js.defineCustomElement
 });
-const VertexSceneTreeTableColumn = /*@__PURE__*/ r({
+const VertexSceneTreeTableColumn = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-table-column',
     elementClass: vertexSceneTreeTableColumn_js.VertexSceneTreeTableColumn,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -121,7 +104,7 @@ const VertexSceneTreeTableColumn = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexSceneTreeTableColumn_js.defineCustomElement
 });
-const VertexSceneTreeTableHeader = /*@__PURE__*/ r({
+const VertexSceneTreeTableHeader = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-table-header',
     elementClass: vertexSceneTreeTableHeader_js.VertexSceneTreeTableHeader,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -129,7 +112,7 @@ const VertexSceneTreeTableHeader = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexSceneTreeTableHeader_js.defineCustomElement
 });
-const VertexSceneTreeTableLayout = /*@__PURE__*/ r({
+const VertexSceneTreeTableLayout = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-table-layout',
     elementClass: vertexSceneTreeTableLayout_js.VertexSceneTreeTableLayout,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -137,7 +120,7 @@ const VertexSceneTreeTableLayout = /*@__PURE__*/ r({
     events: { onColumnsResized: 'columnsResized' },
     defineCustomElement: vertexSceneTreeTableLayout_js.defineCustomElement
 });
-const VertexSceneTreeTableResizeDivider = /*@__PURE__*/ r({
+const VertexSceneTreeTableResizeDivider = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-table-resize-divider',
     elementClass: vertexSceneTreeTableResizeDivider_js.VertexSceneTreeTableResizeDivider,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -145,7 +128,7 @@ const VertexSceneTreeTableResizeDivider = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexSceneTreeTableResizeDivider_js.defineCustomElement
 });
-const VertexSceneTreeToolbar = /*@__PURE__*/ r({
+const VertexSceneTreeToolbar = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-toolbar',
     elementClass: vertexSceneTreeToolbar_js.VertexSceneTreeToolbar,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -153,7 +136,7 @@ const VertexSceneTreeToolbar = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexSceneTreeToolbar_js.defineCustomElement
 });
-const VertexSceneTreeToolbarGroup = /*@__PURE__*/ r({
+const VertexSceneTreeToolbarGroup = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-scene-tree-toolbar-group',
     elementClass: vertexSceneTreeToolbarGroup_js.VertexSceneTreeToolbarGroup,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -161,7 +144,7 @@ const VertexSceneTreeToolbarGroup = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexSceneTreeToolbarGroup_js.defineCustomElement
 });
-const VertexViewer = /*@__PURE__*/ r({
+const VertexViewer = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer',
     elementClass: vertexViewer_js.VertexViewer,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -184,7 +167,7 @@ const VertexViewer = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewer_js.defineCustomElement
 });
-const VertexViewerAnnotationCallout = /*@__PURE__*/ r({
+const VertexViewerAnnotationCallout = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-annotation-callout',
     elementClass: vertexViewerAnnotationCallout_js.VertexViewerAnnotationCallout,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -192,7 +175,7 @@ const VertexViewerAnnotationCallout = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerAnnotationCallout_js.defineCustomElement
 });
-const VertexViewerBoxQueryTool = /*@__PURE__*/ r({
+const VertexViewerBoxQueryTool = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-box-query-tool',
     elementClass: vertexViewerBoxQueryTool_js.VertexViewerBoxQueryTool,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -200,7 +183,7 @@ const VertexViewerBoxQueryTool = /*@__PURE__*/ r({
     events: { onControllerChanged: 'controllerChanged' },
     defineCustomElement: vertexViewerBoxQueryTool_js.defineCustomElement
 });
-const VertexViewerButton = /*@__PURE__*/ r({
+const VertexViewerButton = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-button',
     elementClass: vertexViewerButton_js.VertexViewerButton,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -208,7 +191,7 @@ const VertexViewerButton = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerButton_js.defineCustomElement
 });
-const VertexViewerDefaultToolbar = /*@__PURE__*/ r({
+const VertexViewerDefaultToolbar = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-default-toolbar',
     elementClass: vertexViewerDefaultToolbar_js.VertexViewerDefaultToolbar,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -216,7 +199,7 @@ const VertexViewerDefaultToolbar = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerDefaultToolbar_js.defineCustomElement
 });
-const VertexViewerDomElement = /*@__PURE__*/ r({
+const VertexViewerDomElement = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-dom-element',
     elementClass: vertexViewerDomElement_js.VertexViewerDomElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -228,7 +211,7 @@ const VertexViewerDomElement = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerDomElement_js.defineCustomElement
 });
-const VertexViewerDomGroup = /*@__PURE__*/ r({
+const VertexViewerDomGroup = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-dom-group',
     elementClass: vertexViewerDomGroup_js.VertexViewerDomGroup,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -236,7 +219,7 @@ const VertexViewerDomGroup = /*@__PURE__*/ r({
     events: { onPropertyChange: 'propertyChange' },
     defineCustomElement: vertexViewerDomGroup_js.defineCustomElement
 });
-const VertexViewerDomRenderer = /*@__PURE__*/ r({
+const VertexViewerDomRenderer = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-dom-renderer',
     elementClass: vertexViewerDomRenderer_js.VertexViewerDomRenderer,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -244,7 +227,7 @@ const VertexViewerDomRenderer = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerDomRenderer_js.defineCustomElement
 });
-const VertexViewerHitResultIndicator = /*@__PURE__*/ r({
+const VertexViewerHitResultIndicator = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-hit-result-indicator',
     elementClass: vertexViewerHitResultIndicator_js.VertexViewerHitResultIndicator,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -252,7 +235,7 @@ const VertexViewerHitResultIndicator = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerHitResultIndicator_js.defineCustomElement
 });
-const VertexViewerIcon = /*@__PURE__*/ r({
+const VertexViewerIcon = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-icon',
     elementClass: vertexViewerIcon_js.VertexViewerIcon,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -260,7 +243,7 @@ const VertexViewerIcon = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerIcon_js.defineCustomElement
 });
-const VertexViewerLayer = /*@__PURE__*/ r({
+const VertexViewerLayer = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-layer',
     elementClass: vertexViewerLayer_js.VertexViewerLayer,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -268,7 +251,7 @@ const VertexViewerLayer = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerLayer_js.defineCustomElement
 });
-const VertexViewerMarkup = /*@__PURE__*/ r({
+const VertexViewerMarkup = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-markup',
     elementClass: vertexViewerMarkup_js.VertexViewerMarkup,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -281,7 +264,7 @@ const VertexViewerMarkup = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerMarkup_js.defineCustomElement
 });
-const VertexViewerMarkupArrow = /*@__PURE__*/ r({
+const VertexViewerMarkupArrow = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-markup-arrow',
     elementClass: vertexViewerMarkupArrow_js.VertexViewerMarkupArrow,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -293,7 +276,7 @@ const VertexViewerMarkupArrow = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerMarkupArrow_js.defineCustomElement
 });
-const VertexViewerMarkupCircle = /*@__PURE__*/ r({
+const VertexViewerMarkupCircle = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-markup-circle',
     elementClass: vertexViewerMarkupCircle_js.VertexViewerMarkupCircle,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -305,7 +288,7 @@ const VertexViewerMarkupCircle = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerMarkupCircle_js.defineCustomElement
 });
-const VertexViewerMarkupFreeform = /*@__PURE__*/ r({
+const VertexViewerMarkupFreeform = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-markup-freeform',
     elementClass: vertexViewerMarkupFreeform_js.VertexViewerMarkupFreeform,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -317,7 +300,7 @@ const VertexViewerMarkupFreeform = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerMarkupFreeform_js.defineCustomElement
 });
-const VertexViewerMarkupTool = /*@__PURE__*/ r({
+const VertexViewerMarkupTool = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-markup-tool',
     elementClass: vertexViewerMarkupTool_js.VertexViewerMarkupTool,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -328,7 +311,7 @@ const VertexViewerMarkupTool = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerMarkupTool_js.defineCustomElement
 });
-const VertexViewerMeasurementDetails = /*@__PURE__*/ r({
+const VertexViewerMeasurementDetails = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-measurement-details',
     elementClass: vertexViewerMeasurementDetails_js.VertexViewerMeasurementDetails,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -336,7 +319,7 @@ const VertexViewerMeasurementDetails = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerMeasurementDetails_js.defineCustomElement
 });
-const VertexViewerMeasurementDistance = /*@__PURE__*/ r({
+const VertexViewerMeasurementDistance = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-measurement-distance',
     elementClass: vertexViewerMeasurementDistance_js.VertexViewerMeasurementDistance,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -347,7 +330,7 @@ const VertexViewerMeasurementDistance = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerMeasurementDistance_js.defineCustomElement
 });
-const VertexViewerMeasurementLine = /*@__PURE__*/ r({
+const VertexViewerMeasurementLine = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-measurement-line',
     elementClass: vertexViewerMeasurementLine_js.VertexViewerMeasurementLine,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -355,7 +338,7 @@ const VertexViewerMeasurementLine = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerMeasurementLine_js.defineCustomElement
 });
-const VertexViewerMeasurementOverlays = /*@__PURE__*/ r({
+const VertexViewerMeasurementOverlays = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-measurement-overlays',
     elementClass: vertexViewerMeasurementOverlays_js.VertexViewerMeasurementOverlays,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -363,7 +346,7 @@ const VertexViewerMeasurementOverlays = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerMeasurementOverlays_js.defineCustomElement
 });
-const VertexViewerMeasurementPrecise = /*@__PURE__*/ r({
+const VertexViewerMeasurementPrecise = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-measurement-precise',
     elementClass: vertexViewerMeasurementPrecise_js.VertexViewerMeasurementPrecise,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -371,7 +354,7 @@ const VertexViewerMeasurementPrecise = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerMeasurementPrecise_js.defineCustomElement
 });
-const VertexViewerPinGroup = /*@__PURE__*/ r({
+const VertexViewerPinGroup = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-pin-group',
     elementClass: vertexViewerPinGroup_js.VertexViewerPinGroup,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -379,7 +362,7 @@ const VertexViewerPinGroup = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerPinGroup_js.defineCustomElement
 });
-const VertexViewerPinLabel = /*@__PURE__*/ r({
+const VertexViewerPinLabel = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-pin-label',
     elementClass: vertexViewerPinLabel_js.VertexViewerPinLabel,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -390,7 +373,7 @@ const VertexViewerPinLabel = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerPinLabel_js.defineCustomElement
 });
-const VertexViewerPinLabelLine = /*@__PURE__*/ r({
+const VertexViewerPinLabelLine = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-pin-label-line',
     elementClass: vertexViewerPinLabelLine_js.VertexViewerPinLabelLine,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -398,7 +381,7 @@ const VertexViewerPinLabelLine = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerPinLabelLine_js.defineCustomElement
 });
-const VertexViewerPinTool = /*@__PURE__*/ r({
+const VertexViewerPinTool = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-pin-tool',
     elementClass: vertexViewerPinTool_js.VertexViewerPinTool,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -406,7 +389,7 @@ const VertexViewerPinTool = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerPinTool_js.defineCustomElement
 });
-const VertexViewerSpinner = /*@__PURE__*/ r({
+const VertexViewerSpinner = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-spinner',
     elementClass: vertexViewerSpinner_js.VertexViewerSpinner,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -414,7 +397,7 @@ const VertexViewerSpinner = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerSpinner_js.defineCustomElement
 });
-const VertexViewerTeleportTool = /*@__PURE__*/ r({
+const VertexViewerTeleportTool = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-teleport-tool',
     elementClass: vertexViewerTeleportTool_js.VertexViewerTeleportTool,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -422,7 +405,7 @@ const VertexViewerTeleportTool = /*@__PURE__*/ r({
     events: { onControllerChanged: 'controllerChanged' },
     defineCustomElement: vertexViewerTeleportTool_js.defineCustomElement
 });
-const VertexViewerToolbar = /*@__PURE__*/ r({
+const VertexViewerToolbar = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-toolbar',
     elementClass: vertexViewerToolbar_js.VertexViewerToolbar,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -430,7 +413,7 @@ const VertexViewerToolbar = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerToolbar_js.defineCustomElement
 });
-const VertexViewerToolbarGroup = /*@__PURE__*/ r({
+const VertexViewerToolbarGroup = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-toolbar-group',
     elementClass: vertexViewerToolbarGroup_js.VertexViewerToolbarGroup,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -438,7 +421,7 @@ const VertexViewerToolbarGroup = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerToolbarGroup_js.defineCustomElement
 });
-const VertexViewerTransformWidget = /*@__PURE__*/ r({
+const VertexViewerTransformWidget = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-transform-widget',
     elementClass: vertexViewerTransformWidget_js.VertexViewerTransformWidget,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -451,7 +434,7 @@ const VertexViewerTransformWidget = /*@__PURE__*/ r({
     },
     defineCustomElement: vertexViewerTransformWidget_js.defineCustomElement
 });
-const VertexViewerViewCube = /*@__PURE__*/ r({
+const VertexViewerViewCube = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-view-cube',
     elementClass: vertexViewerViewCube_js.VertexViewerViewCube,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -459,7 +442,7 @@ const VertexViewerViewCube = /*@__PURE__*/ r({
     events: {},
     defineCustomElement: vertexViewerViewCube_js.defineCustomElement
 });
-const VertexViewerWalkModeTool = /*@__PURE__*/ r({
+const VertexViewerWalkModeTool = /*@__PURE__*/ runtime.createComponent({
     tagName: 'vertex-viewer-walk-mode-tool',
     elementClass: vertexViewerWalkModeTool_js.VertexViewerWalkModeTool,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.