@vertexvis/ui-react 0.1.5-canary.6 → 1.0.0-testing.0

package/dist/bundle.cjs.js

@@ -1,273 +1,431 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
+var runtime = require('@stencil/react-output-target/runtime');
 var React = require('react');
-require('react-dom');
+var vertexAutoResizeTextarea_js = require('@vertexvis/ui/dist/components/vertex-auto-resize-textarea.js');
+var vertexAvatarGroup_js = require('@vertexvis/ui/dist/components/vertex-avatar-group.js');
+var vertexAvatar_js = require('@vertexvis/ui/dist/components/vertex-avatar.js');
+var vertexBadge_js = require('@vertexvis/ui/dist/components/vertex-badge.js');
+var vertexBanner_js = require('@vertexvis/ui/dist/components/vertex-banner.js');
+var vertexButton_js = require('@vertexvis/ui/dist/components/vertex-button.js');
+var vertexCardGroup_js = require('@vertexvis/ui/dist/components/vertex-card-group.js');
+var vertexCard_js = require('@vertexvis/ui/dist/components/vertex-card.js');
+var vertexChip_js = require('@vertexvis/ui/dist/components/vertex-chip.js');
+var vertexClickToEditTextfield_js = require('@vertexvis/ui/dist/components/vertex-click-to-edit-textfield.js');
+var vertexCollapsible_js = require('@vertexvis/ui/dist/components/vertex-collapsible.js');
+var vertexColorCirclePicker_js = require('@vertexvis/ui/dist/components/vertex-color-circle-picker.js');
+var vertexColorPicker_js = require('@vertexvis/ui/dist/components/vertex-color-picker.js');
+var vertexColorSwatch_js = require('@vertexvis/ui/dist/components/vertex-color-swatch.js');
+var vertexContextMenu_js = require('@vertexvis/ui/dist/components/vertex-context-menu.js');
+var vertexDialog_js = require('@vertexvis/ui/dist/components/vertex-dialog.js');
+var vertexDraggablePopover_js = require('@vertexvis/ui/dist/components/vertex-draggable-popover.js');
+var vertexDropdownMenu_js = require('@vertexvis/ui/dist/components/vertex-dropdown-menu.js');
+var vertexExpandable_js = require('@vertexvis/ui/dist/components/vertex-expandable.js');
+var vertexHelpTooltip_js = require('@vertexvis/ui/dist/components/vertex-help-tooltip.js');
+var vertexIconButton_js = require('@vertexvis/ui/dist/components/vertex-icon-button.js');
+var vertexIcon_js = require('@vertexvis/ui/dist/components/vertex-icon.js');
+var vertexLogoLoading_js = require('@vertexvis/ui/dist/components/vertex-logo-loading.js');
+var vertexMenuDivider_js = require('@vertexvis/ui/dist/components/vertex-menu-divider.js');
+var vertexMenuItem_js = require('@vertexvis/ui/dist/components/vertex-menu-item.js');
+var vertexMenu_js = require('@vertexvis/ui/dist/components/vertex-menu.js');
+var vertexPopover_js = require('@vertexvis/ui/dist/components/vertex-popover.js');
+var vertexRadioGroup_js = require('@vertexvis/ui/dist/components/vertex-radio-group.js');
+var vertexRadio_js = require('@vertexvis/ui/dist/components/vertex-radio.js');
+var vertexResizable_js = require('@vertexvis/ui/dist/components/vertex-resizable.js');
+var vertexResultList_js = require('@vertexvis/ui/dist/components/vertex-result-list.js');
+var vertexSearchBar_js = require('@vertexvis/ui/dist/components/vertex-search-bar.js');
+var vertexSelect_js = require('@vertexvis/ui/dist/components/vertex-select.js');
+var vertexSlider_js = require('@vertexvis/ui/dist/components/vertex-slider.js');
+var vertexSpinner_js = require('@vertexvis/ui/dist/components/vertex-spinner.js');
+var vertexTab_js = require('@vertexvis/ui/dist/components/vertex-tab.js');
+var vertexTabs_js = require('@vertexvis/ui/dist/components/vertex-tabs.js');
+var vertexTextfield_js = require('@vertexvis/ui/dist/components/vertex-textfield.js');
+var vertexToast_js = require('@vertexvis/ui/dist/components/vertex-toast.js');
+var vertexToggle_js = require('@vertexvis/ui/dist/components/vertex-toggle.js');
+var vertexTooltip_js = require('@vertexvis/ui/dist/components/vertex-tooltip.js');
 var loader = require('@vertexvis/ui/loader');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var dashToPascalCase = function (str) {
-    return str
-        .toLowerCase()
-        .split('-')
-        .map(function (segment) { return segment.charAt(0).toUpperCase() + segment.slice(1); })
-        .join('');
-};
-var camelToDashCase = function (str) { return str.replace(/([A-Z])/g, function (m) { return "-".concat(m[0].toLowerCase()); }); };
-
-var attachProps = function (node, newProps, oldProps) {
-    if (oldProps === void 0) { 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
-        var className = getClassName(node.classList, newProps, oldProps);
-        if (className !== '') {
-            node.className = className;
-        }
-        Object.keys(newProps).forEach(function (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()) {
-                var eventName = name.substring(2);
-                var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-                if (!isCoveredByReact(eventNameLc)) {
-                    syncEvent(node, eventNameLc, newProps[name]);
-                }
-            }
-            else {
-                node[name] = newProps[name];
-                var propType = typeof newProps[name];
-                if (propType === 'string') {
-                    node.setAttribute(camelToDashCase(name), newProps[name]);
-                }
-            }
-        });
-    }
-};
-var getClassName = function (classList, newProps, oldProps) {
-    var newClassProp = newProps.className || newProps.class;
-    var oldClassProp = oldProps.className || oldProps.class;
-    // map the classes to Maps for performance
-    var currentClasses = arrayToMap(classList);
-    var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
-    var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
-    var 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(function (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(function (s) { return finalClassNames.push(s); });
-    return finalClassNames.join(' ');
-};
-/**
- * Transforms a React event name to a browser event name.
- */
-var transformReactEventName = function (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
- */
-var isCoveredByReact = function (eventNameSuffix) {
-    if (typeof document === 'undefined') {
-        return true;
-    }
-    else {
-        var eventName = 'on' + transformReactEventName(eventNameSuffix);
-        var isSupported = eventName in document;
-        if (!isSupported) {
-            var element = document.createElement('div');
-            element.setAttribute(eventName, 'return;');
-            isSupported = typeof element[eventName] === 'function';
-        }
-        return isSupported;
-    }
-};
-var syncEvent = function (node, eventName, newEventHandler) {
-    var eventStore = node.__events || (node.__events = {});
-    var 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);
-        }
-    }));
-};
-var arrayToMap = function (arr) {
-    var map = new Map();
-    arr.forEach(function (s) { return map.set(s, s); });
-    return map;
-};
-
-var setRef = function (ref, value) {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref != null) {
-        // Cast as a MutableRef so we can assign current
-        ref.current = value;
-    }
-};
-var mergeRefs = function () {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    return function (value) {
-        refs.forEach(function (ref) {
-            setRef(ref, value);
-        });
-    };
-};
-var createForwardRef = function (ReactComponent, displayName) {
-    var forwardRef = function (props, ref) {
-        return React__default["default"].createElement(ReactComponent, tslib.__assign({}, props, { forwardedRef: ref }));
-    };
-    forwardRef.displayName = displayName;
-    return React__default["default"].forwardRef(forwardRef);
-};
-
-var createReactComponent = function (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    var displayName = dashToPascalCase(tagName);
-    var ReactComponent = /** @class */ (function (_super) {
-        tslib.__extends(class_1, _super);
-        function class_1(props) {
-            var _this = _super.call(this, props) || this;
-            _this.setComponentElRef = function (element) {
-                _this.componentEl = element;
-            };
-            return _this;
-        }
-        class_1.prototype.componentDidMount = function () {
-            this.componentDidUpdate(this.props);
-        };
-        class_1.prototype.componentDidUpdate = function (prevProps) {
-            attachProps(this.componentEl, this.props, prevProps);
-        };
-        class_1.prototype.render = function () {
-            var _a = this.props, children = _a.children, forwardedRef = _a.forwardedRef, style = _a.style; _a.className; _a.ref; var cProps = tslib.__rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
-            var propsToPass = Object.keys(cProps).reduce(function (acc, name) {
-                var value = cProps[name];
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                    var 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.
-                    var type = typeof value;
-                    if (type === 'string' || type === 'boolean' || type === 'number') {
-                        acc[camelToDashCase(name)] = value;
-                    }
-                }
-                return acc;
-            }, {});
-            if (manipulatePropsFunction) {
-                propsToPass = manipulatePropsFunction(this.props, propsToPass);
-            }
-            var newProps = tslib.__assign(tslib.__assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style: 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 React.createElement(tagName, newProps, children);
-        };
-        Object.defineProperty(class_1, "displayName", {
-            get: function () {
-                return displayName;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return class_1;
-    }(React__default["default"].Component));
-    // 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 */
-loader.defineCustomElements();
-var VertexAutoResizeTextarea = /*@__PURE__*/ createReactComponent('vertex-auto-resize-textarea');
-var VertexAvatar = /*@__PURE__*/ createReactComponent('vertex-avatar');
-var VertexAvatarGroup = /*@__PURE__*/ createReactComponent('vertex-avatar-group');
-var VertexBadge = /*@__PURE__*/ createReactComponent('vertex-badge');
-var VertexBanner = /*@__PURE__*/ createReactComponent('vertex-banner');
-var VertexButton = /*@__PURE__*/ createReactComponent('vertex-button');
-var VertexCard = /*@__PURE__*/ createReactComponent('vertex-card');
-var VertexCardGroup = /*@__PURE__*/ createReactComponent('vertex-card-group');
-var VertexChip = /*@__PURE__*/ createReactComponent('vertex-chip');
-var VertexClickToEditTextfield = /*@__PURE__*/ createReactComponent('vertex-click-to-edit-textfield');
-var VertexCollapsible = /*@__PURE__*/ createReactComponent('vertex-collapsible');
-var VertexColorCirclePicker = /*@__PURE__*/ createReactComponent('vertex-color-circle-picker');
-var VertexColorPicker = /*@__PURE__*/ createReactComponent('vertex-color-picker');
-var VertexColorSwatch = /*@__PURE__*/ createReactComponent('vertex-color-swatch');
-var VertexContextMenu = /*@__PURE__*/ createReactComponent('vertex-context-menu');
-var VertexDialog = /*@__PURE__*/ createReactComponent('vertex-dialog');
-var VertexDraggablePopover = /*@__PURE__*/ createReactComponent('vertex-draggable-popover');
-var VertexDropdownMenu = /*@__PURE__*/ createReactComponent('vertex-dropdown-menu');
-var VertexExpandable = /*@__PURE__*/ createReactComponent('vertex-expandable');
-var VertexHelpTooltip = /*@__PURE__*/ createReactComponent('vertex-help-tooltip');
-var VertexIcon = /*@__PURE__*/ createReactComponent('vertex-icon');
-var VertexIconButton = /*@__PURE__*/ createReactComponent('vertex-icon-button');
-var VertexLogoLoading = /*@__PURE__*/ createReactComponent('vertex-logo-loading');
-var VertexMenu = /*@__PURE__*/ createReactComponent('vertex-menu');
-var VertexMenuDivider = /*@__PURE__*/ createReactComponent('vertex-menu-divider');
-var VertexMenuItem = /*@__PURE__*/ createReactComponent('vertex-menu-item');
-var VertexPopover = /*@__PURE__*/ createReactComponent('vertex-popover');
-var VertexRadio = /*@__PURE__*/ createReactComponent('vertex-radio');
-var VertexRadioGroup = /*@__PURE__*/ createReactComponent('vertex-radio-group');
-var VertexResizable = /*@__PURE__*/ createReactComponent('vertex-resizable');
-var VertexResultList = /*@__PURE__*/ createReactComponent('vertex-result-list');
-var VertexSearchBar = /*@__PURE__*/ createReactComponent('vertex-search-bar');
-var VertexSelect = /*@__PURE__*/ createReactComponent('vertex-select');
-var VertexSlider = /*@__PURE__*/ createReactComponent('vertex-slider');
-var VertexSpinner = /*@__PURE__*/ createReactComponent('vertex-spinner');
-var VertexTab = /*@__PURE__*/ createReactComponent('vertex-tab');
-var VertexTabs = /*@__PURE__*/ createReactComponent('vertex-tabs');
-var VertexTextfield = /*@__PURE__*/ createReactComponent('vertex-textfield');
-var VertexToast = /*@__PURE__*/ createReactComponent('vertex-toast');
-var VertexToggle = /*@__PURE__*/ createReactComponent('vertex-toggle');
-var VertexTooltip = /*@__PURE__*/ createReactComponent('vertex-tooltip');
+const VertexAutoResizeTextarea = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-auto-resize-textarea',
+    elementClass: vertexAutoResizeTextarea_js.VertexAutoResizeTextarea,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexAutoResizeTextarea_js.defineCustomElement
+});
+const VertexAvatar = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-avatar',
+    elementClass: vertexAvatar_js.VertexAvatar,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexAvatar_js.defineCustomElement
+});
+const VertexAvatarGroup = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-avatar-group',
+    elementClass: vertexAvatarGroup_js.VertexAvatarGroup,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexAvatarGroup_js.defineCustomElement
+});
+const VertexBadge = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-badge',
+    elementClass: vertexBadge_js.VertexBadge,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexBadge_js.defineCustomElement
+});
+const VertexBanner = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-banner',
+    elementClass: vertexBanner_js.VertexBanner,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onClosed: 'closed' },
+    defineCustomElement: vertexBanner_js.defineCustomElement
+});
+const VertexButton = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-button',
+    elementClass: vertexButton_js.VertexButton,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexButton_js.defineCustomElement
+});
+const VertexCard = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-card',
+    elementClass: vertexCard_js.VertexCard,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onContentClick: 'contentClick' },
+    defineCustomElement: vertexCard_js.defineCustomElement
+});
+const VertexCardGroup = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-card-group',
+    elementClass: vertexCardGroup_js.VertexCardGroup,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexCardGroup_js.defineCustomElement
+});
+const VertexChip = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-chip',
+    elementClass: vertexChip_js.VertexChip,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexChip_js.defineCustomElement
+});
+const VertexClickToEditTextfield = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-click-to-edit-textfield',
+    elementClass: vertexClickToEditTextfield_js.VertexClickToEditTextfield,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onInputFocus: 'inputFocus',
+        onInputBlur: 'inputBlur',
+        onInputInput: 'inputInput',
+        onInputChange: 'inputChange',
+        onInputSubmit: 'inputSubmit'
+    },
+    defineCustomElement: vertexClickToEditTextfield_js.defineCustomElement
+});
+const VertexCollapsible = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-collapsible',
+    elementClass: vertexCollapsible_js.VertexCollapsible,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexCollapsible_js.defineCustomElement
+});
+const VertexColorCirclePicker = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-color-circle-picker',
+    elementClass: vertexColorCirclePicker_js.VertexColorCirclePicker,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onSelectionChanged: 'selectionChanged' },
+    defineCustomElement: vertexColorCirclePicker_js.defineCustomElement
+});
+const VertexColorPicker = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-color-picker',
+    elementClass: vertexColorPicker_js.VertexColorPicker,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onValueInput: 'valueInput',
+        onValueChanged: 'valueChanged'
+    },
+    defineCustomElement: vertexColorPicker_js.defineCustomElement
+});
+const VertexColorSwatch = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-color-swatch',
+    elementClass: vertexColorSwatch_js.VertexColorSwatch,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexColorSwatch_js.defineCustomElement
+});
+const VertexContextMenu = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-context-menu',
+    elementClass: vertexContextMenu_js.VertexContextMenu,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onMenuOpened: 'menuOpened',
+        onMenuClosed: 'menuClosed'
+    },
+    defineCustomElement: vertexContextMenu_js.defineCustomElement
+});
+const VertexDialog = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-dialog',
+    elementClass: vertexDialog_js.VertexDialog,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onBackdropClick: 'backdropClick',
+        onClosed: 'closed'
+    },
+    defineCustomElement: vertexDialog_js.defineCustomElement
+});
+const VertexDraggablePopover = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-draggable-popover',
+    elementClass: vertexDraggablePopover_js.VertexDraggablePopover,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onPositionChanged: 'positionChanged' },
+    defineCustomElement: vertexDraggablePopover_js.defineCustomElement
+});
+const VertexDropdownMenu = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-dropdown-menu',
+    elementClass: vertexDropdownMenu_js.VertexDropdownMenu,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onMenuOpened: 'menuOpened',
+        onMenuClosed: 'menuClosed'
+    },
+    defineCustomElement: vertexDropdownMenu_js.defineCustomElement
+});
+const VertexExpandable = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-expandable',
+    elementClass: vertexExpandable_js.VertexExpandable,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onExpand: 'expand',
+        onCollapse: 'collapse'
+    },
+    defineCustomElement: vertexExpandable_js.defineCustomElement
+});
+const VertexHelpTooltip = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-help-tooltip',
+    elementClass: vertexHelpTooltip_js.VertexHelpTooltip,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onMenuOpened: 'menuOpened',
+        onMenuClosed: 'menuClosed'
+    },
+    defineCustomElement: vertexHelpTooltip_js.defineCustomElement
+});
+const VertexIcon = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-icon',
+    elementClass: vertexIcon_js.VertexIcon,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexIcon_js.defineCustomElement
+});
+const VertexIconButton = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-icon-button',
+    elementClass: vertexIconButton_js.VertexIconButton,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexIconButton_js.defineCustomElement
+});
+const VertexLogoLoading = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-logo-loading',
+    elementClass: vertexLogoLoading_js.VertexLogoLoading,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexLogoLoading_js.defineCustomElement
+});
+const VertexMenu = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-menu',
+    elementClass: vertexMenu_js.VertexMenu,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onMenuClosed: 'menuClosed' },
+    defineCustomElement: vertexMenu_js.defineCustomElement
+});
+const VertexMenuDivider = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-menu-divider',
+    elementClass: vertexMenuDivider_js.VertexMenuDivider,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexMenuDivider_js.defineCustomElement
+});
+const VertexMenuItem = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-menu-item',
+    elementClass: vertexMenuItem_js.VertexMenuItem,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexMenuItem_js.defineCustomElement
+});
+const VertexPopover = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-popover',
+    elementClass: vertexPopover_js.VertexPopover,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onDismissed: 'dismissed' },
+    defineCustomElement: vertexPopover_js.defineCustomElement
+});
+const VertexRadio = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-radio',
+    elementClass: vertexRadio_js.VertexRadio,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onValueChanged: 'valueChanged' },
+    defineCustomElement: vertexRadio_js.defineCustomElement
+});
+const VertexRadioGroup = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-radio-group',
+    elementClass: vertexRadioGroup_js.VertexRadioGroup,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onValueChanged: 'valueChanged' },
+    defineCustomElement: vertexRadioGroup_js.defineCustomElement
+});
+const VertexResizable = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-resizable',
+    elementClass: vertexResizable_js.VertexResizable,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onResizeStart: 'resizeStart',
+        onResizeEnd: 'resizeEnd'
+    },
+    defineCustomElement: vertexResizable_js.defineCustomElement
+});
+const VertexResultList = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-result-list',
+    elementClass: vertexResultList_js.VertexResultList,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onEnterPressed: 'enterPressed',
+        onResultClick: 'resultClick'
+    },
+    defineCustomElement: vertexResultList_js.defineCustomElement
+});
+const VertexSearchBar = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-search-bar',
+    elementClass: vertexSearchBar_js.VertexSearchBar,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onSearchChanged: 'searchChanged',
+        onInputChanged: 'inputChanged',
+        onResultReplaced: 'resultReplaced',
+        onInputFocus: 'inputFocus',
+        onInputBlur: 'inputBlur'
+    },
+    defineCustomElement: vertexSearchBar_js.defineCustomElement
+});
+const VertexSelect = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-select',
+    elementClass: vertexSelect_js.VertexSelect,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onOptionChanged: 'optionChanged' },
+    defineCustomElement: vertexSelect_js.defineCustomElement
+});
+const VertexSlider = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-slider',
+    elementClass: vertexSlider_js.VertexSlider,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onValueChange: 'valueChange',
+        onValueInput: 'valueInput'
+    },
+    defineCustomElement: vertexSlider_js.defineCustomElement
+});
+const VertexSpinner = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-spinner',
+    elementClass: vertexSpinner_js.VertexSpinner,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexSpinner_js.defineCustomElement
+});
+const VertexTab = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-tab',
+    elementClass: vertexTab_js.VertexTab,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onTabClick: 'tabClick' },
+    defineCustomElement: vertexTab_js.defineCustomElement
+});
+const VertexTabs = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-tabs',
+    elementClass: vertexTabs_js.VertexTabs,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onSelectedTabChanged: 'selectedTabChanged' },
+    defineCustomElement: vertexTabs_js.defineCustomElement
+});
+const VertexTextfield = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-textfield',
+    elementClass: vertexTextfield_js.VertexTextfield,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {
+        onInputFocus: 'inputFocus',
+        onInputBlur: 'inputBlur',
+        onInputInput: 'inputInput',
+        onInputChange: 'inputChange',
+        onTextFieldKeyDown: 'textFieldKeyDown',
+        onInputAutofill: 'inputAutofill'
+    },
+    defineCustomElement: vertexTextfield_js.defineCustomElement
+});
+const VertexToast = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-toast',
+    elementClass: vertexToast_js.VertexToast,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onClosed: 'closed' },
+    defineCustomElement: vertexToast_js.defineCustomElement
+});
+const VertexToggle = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-toggle',
+    elementClass: vertexToggle_js.VertexToggle,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: { onValueChanged: 'valueChanged' },
+    defineCustomElement: vertexToggle_js.defineCustomElement
+});
+const VertexTooltip = /*@__PURE__*/ runtime.createComponent({
+    tagName: 'vertex-tooltip',
+    elementClass: vertexTooltip_js.VertexTooltip,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React__default["default"],
+    events: {},
+    defineCustomElement: vertexTooltip_js.defineCustomElement
+});
 
 exports.VertexAutoResizeTextarea = VertexAutoResizeTextarea;
 exports.VertexAvatar = VertexAvatar;
@@ -311,9 +469,9 @@ exports.VertexToast = VertexToast;
 exports.VertexToggle = VertexToggle;
 exports.VertexTooltip = VertexTooltip;
 Object.keys(loader).forEach(function (k) {
-  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return loader[k]; }
-  });
+    if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+        enumerable: true,
+        get: function () { return loader[k]; }
+    });
 });
 //# sourceMappingURL=bundle.cjs.js.map