@vertexvis/ui-react 0.1.5-canary.4 → 0.1.5-canary.6

package/dist/bundle.cjs.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var tslib = require('tslib');
 var React = require('react');
-var React__default = _interopDefault(React);
 require('react-dom');
 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()
@@ -149,10 +150,10 @@ var mergeRefs = function () {
 };
 var createForwardRef = function (ReactComponent, displayName) {
     var forwardRef = function (props, ref) {
-        return React__default.createElement(ReactComponent, tslib.__assign({}, props, { forwardedRef: ref }));
+        return React__default["default"].createElement(ReactComponent, tslib.__assign({}, props, { forwardedRef: ref }));
     };
     forwardRef.displayName = displayName;
-    return React__default.forwardRef(forwardRef);
+    return React__default["default"].forwardRef(forwardRef);
 };
 
 var createReactComponent = function (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
@@ -176,7 +177,7 @@ var createReactComponent = function (tagName, ReactComponentContext, manipulateP
             attachProps(this.componentEl, this.props, prevProps);
         };
         class_1.prototype.render = function () {
-            var _a = this.props, children = _a.children, forwardedRef = _a.forwardedRef, style = _a.style, className = _a.className, ref = _a.ref, cProps = tslib.__rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
+            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()) {
@@ -216,7 +217,7 @@ var createReactComponent = function (tagName, ReactComponentContext, manipulateP
             configurable: true
         });
         return class_1;
-    }(React__default.Component));
+    }(React__default["default"].Component));
     // If context was passed to createReactComponent then conditionally add it to the Component Class
     if (ReactComponentContext) {
         ReactComponent.contextType = ReactComponentContext;
@@ -268,14 +269,6 @@ var VertexToast = /*@__PURE__*/ createReactComponent('vertex-toast');
 var VertexToggle = /*@__PURE__*/ createReactComponent('vertex-toggle');
 var VertexTooltip = /*@__PURE__*/ createReactComponent('vertex-tooltip');
 
-Object.keys(loader).forEach(function (k) {
-  if (k !== 'default') Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () {
-      return loader[k];
-    }
-  });
-});
 exports.VertexAutoResizeTextarea = VertexAutoResizeTextarea;
 exports.VertexAvatar = VertexAvatar;
 exports.VertexAvatarGroup = VertexAvatarGroup;
@@ -317,4 +310,10 @@ exports.VertexTextfield = VertexTextfield;
 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]; }
+  });
+});
 //# sourceMappingURL=bundle.cjs.js.map

package/dist/bundle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.cjs.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["React","__extends","createElement","defineCustomElements"],"mappings":"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"}
+{"version":3,"file":"bundle.cjs.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["React","__assign","__extends","__rest","createElement","defineCustomElements"],"mappings":"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"}

package/dist/bundle.cjs.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e;require("react-dom");var n=require("@vertexvis/ui/loader"),s=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e[0].toLowerCase())}))},i=function(e,t,r){var o=t.className||t.class,n=r.className||r.class,s=p(e),i=p(o?o.split(" "):[]),a=p(n?n.split(" "):[]),x=[];return s.forEach((function(e){i.has(e)?(x.push(e),i.delete(e)):a.has(e)||x.push(e)})),i.forEach((function(e){return x.push(e)})),x.join(" ")},a=function(e){if("undefined"==typeof document)return!0;var t="on"+function(e){switch(e){case"doubleclick":return"dblclick"}return e}(e),r=t in document;if(!r){var o=document.createElement("div");o.setAttribute(t,"return;"),r="function"==typeof o[t]}return r},x=function(e,t,r){var o=e.__events||(e.__events={}),n=o[t];n&&e.removeEventListener(t,n),e.addEventListener(t,o[t]=function(e){r&&r.call(this,e)})},p=function(e){var t=new Map;return e.forEach((function(e){return t.set(e,e)})),t},c=function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)},u=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){c(e,t)}))}},l=function(e,n,p,c){void 0!==c&&c();var l=e.toLowerCase().split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(""),f=function(o){function n(e){var t=o.call(this,e)||this;return t.setComponentElRef=function(e){t.componentEl=e},t}return t.__extends(n,o),n.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},n.prototype.componentDidUpdate=function(e){!function(e,t,r){if(void 0===r&&(r={}),e instanceof Element){var o=i(e.classList,t,r);""!==o&&(e.className=o),Object.keys(t).forEach((function(r){if("children"!==r&&"style"!==r&&"ref"!==r&&"class"!==r&&"className"!==r&&"forwardedRef"!==r)if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){var o=r.substring(2),n=o[0].toLowerCase()+o.substring(1);a(n)||x(e,n,t[r])}else{e[r]=t[r],"string"===typeof t[r]&&e.setAttribute(s(r),t[r])}}))}}(this.componentEl,this.props,e)},n.prototype.render=function(){var o=this.props,n=o.children,i=o.forwardedRef,x=o.style,c=(o.className,o.ref,t.__rest(o,["children","forwardedRef","style","className","ref"])),l=Object.keys(c).reduce((function(e,t){var r=c[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var o=t.substring(2).toLowerCase();"undefined"!=typeof document&&a(o)&&(e[t]=r)}else{var n=typeof r;"string"!==n&&"boolean"!==n&&"number"!==n||(e[s(t)]=r)}return e}),{});p&&(l=p(this.props,l));var f=t.__assign(t.__assign({},l),{ref:u(i,this.setComponentElRef),style:x});return r.createElement(e,f,n)},Object.defineProperty(n,"displayName",{get:function(){return l},enumerable:!1,configurable:!0}),n}(o.Component);return n&&(f.contextType=n),function(e,r){var n=function(r,n){return o.createElement(e,t.__assign({},r,{forwardedRef:n}))};return n.displayName=r,o.forwardRef(n)}(f,l)};n.defineCustomElements();var f=l("vertex-auto-resize-textarea"),v=l("vertex-avatar"),d=l("vertex-avatar-group"),V=l("vertex-badge"),m=l("vertex-banner"),b=l("vertex-button"),h=l("vertex-card"),g=l("vertex-card-group"),y=l("vertex-chip"),C=l("vertex-click-to-edit-textfield"),E=l("vertex-collapsible"),_=l("vertex-color-circle-picker"),w=l("vertex-color-picker"),R=l("vertex-color-swatch"),k=l("vertex-context-menu"),T=l("vertex-dialog"),L=l("vertex-draggable-popover"),j=l("vertex-dropdown-menu"),M=l("vertex-expandable"),N=l("vertex-help-tooltip"),O=l("vertex-icon"),A=l("vertex-icon-button"),D=l("vertex-logo-loading"),P=l("vertex-menu"),B=l("vertex-menu-divider"),S=l("vertex-menu-item"),U=l("vertex-popover"),q=l("vertex-radio"),z=l("vertex-radio-group"),G=l("vertex-resizable"),I=l("vertex-result-list"),H=l("vertex-search-bar"),Z=l("vertex-select"),F=l("vertex-slider"),J=l("vertex-spinner"),K=l("vertex-tab"),Q=l("vertex-tabs"),W=l("vertex-textfield"),X=l("vertex-toast"),Y=l("vertex-toggle"),$=l("vertex-tooltip");Object.keys(n).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}})})),exports.VertexAutoResizeTextarea=f,exports.VertexAvatar=v,exports.VertexAvatarGroup=d,exports.VertexBadge=V,exports.VertexBanner=m,exports.VertexButton=b,exports.VertexCard=h,exports.VertexCardGroup=g,exports.VertexChip=y,exports.VertexClickToEditTextfield=C,exports.VertexCollapsible=E,exports.VertexColorCirclePicker=_,exports.VertexColorPicker=w,exports.VertexColorSwatch=R,exports.VertexContextMenu=k,exports.VertexDialog=T,exports.VertexDraggablePopover=L,exports.VertexDropdownMenu=j,exports.VertexExpandable=M,exports.VertexHelpTooltip=N,exports.VertexIcon=O,exports.VertexIconButton=A,exports.VertexLogoLoading=D,exports.VertexMenu=P,exports.VertexMenuDivider=B,exports.VertexMenuItem=S,exports.VertexPopover=U,exports.VertexRadio=q,exports.VertexRadioGroup=z,exports.VertexResizable=G,exports.VertexResultList=I,exports.VertexSearchBar=H,exports.VertexSelect=Z,exports.VertexSlider=F,exports.VertexSpinner=J,exports.VertexTab=K,exports.VertexTabs=Q,exports.VertexTextfield=W,exports.VertexToast=X,exports.VertexToggle=Y,exports.VertexTooltip=$;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react");require("react-dom");var r=require("@vertexvis/ui/loader");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t),s=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e[0].toLowerCase())}))},i=function(e,t,r){var o=t.className||t.class,n=r.className||r.class,s=p(e),i=p(o?o.split(" "):[]),a=p(n?n.split(" "):[]),x=[];return s.forEach((function(e){i.has(e)?(x.push(e),i.delete(e)):a.has(e)||x.push(e)})),i.forEach((function(e){return x.push(e)})),x.join(" ")},a=function(e){if("undefined"==typeof document)return!0;var t="on"+function(e){switch(e){case"doubleclick":return"dblclick"}return e}(e),r=t in document;if(!r){var o=document.createElement("div");o.setAttribute(t,"return;"),r="function"==typeof o[t]}return r},x=function(e,t,r){var o=e.__events||(e.__events={}),n=o[t];n&&e.removeEventListener(t,n),e.addEventListener(t,o[t]=function(e){r&&r.call(this,e)})},p=function(e){var t=new Map;return e.forEach((function(e){return t.set(e,e)})),t},c=function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)},u=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){c(e,t)}))}},l=function(r,o,p,c){void 0!==c&&c();var l=r.toLowerCase().split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(""),f=function(o){function n(e){var t=o.call(this,e)||this;return t.setComponentElRef=function(e){t.componentEl=e},t}return e.__extends(n,o),n.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},n.prototype.componentDidUpdate=function(e){!function(e,t,r){if(void 0===r&&(r={}),e instanceof Element){var o=i(e.classList,t,r);""!==o&&(e.className=o),Object.keys(t).forEach((function(r){if("children"!==r&&"style"!==r&&"ref"!==r&&"class"!==r&&"className"!==r&&"forwardedRef"!==r)if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){var o=r.substring(2),n=o[0].toLowerCase()+o.substring(1);a(n)||x(e,n,t[r])}else{e[r]=t[r],"string"===typeof t[r]&&e.setAttribute(s(r),t[r])}}))}}(this.componentEl,this.props,e)},n.prototype.render=function(){var o=this.props,n=o.children,i=o.forwardedRef,x=o.style;o.className,o.ref;var c=e.__rest(o,["children","forwardedRef","style","className","ref"]),l=Object.keys(c).reduce((function(e,t){var r=c[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var o=t.substring(2).toLowerCase();"undefined"!=typeof document&&a(o)&&(e[t]=r)}else{var n=typeof r;"string"!==n&&"boolean"!==n&&"number"!==n||(e[s(t)]=r)}return e}),{});p&&(l=p(this.props,l));var f=e.__assign(e.__assign({},l),{ref:u(i,this.setComponentElRef),style:x});return t.createElement(r,f,n)},Object.defineProperty(n,"displayName",{get:function(){return l},enumerable:!1,configurable:!0}),n}(n.default.Component);return o&&(f.contextType=o),function(t,r){var o=function(r,o){return n.default.createElement(t,e.__assign({},r,{forwardedRef:o}))};return o.displayName=r,n.default.forwardRef(o)}(f,l)};r.defineCustomElements();var f=l("vertex-auto-resize-textarea"),d=l("vertex-avatar"),v=l("vertex-avatar-group"),V=l("vertex-badge"),m=l("vertex-banner"),b=l("vertex-button"),h=l("vertex-card"),g=l("vertex-card-group"),y=l("vertex-chip"),C=l("vertex-click-to-edit-textfield"),E=l("vertex-collapsible"),w=l("vertex-color-circle-picker"),_=l("vertex-color-picker"),R=l("vertex-color-swatch"),k=l("vertex-context-menu"),T=l("vertex-dialog"),L=l("vertex-draggable-popover"),j=l("vertex-dropdown-menu"),O=l("vertex-expandable"),M=l("vertex-help-tooltip"),N=l("vertex-icon"),P=l("vertex-icon-button"),A=l("vertex-logo-loading"),D=l("vertex-menu"),B=l("vertex-menu-divider"),S=l("vertex-menu-item"),U=l("vertex-popover"),q=l("vertex-radio"),z=l("vertex-radio-group"),G=l("vertex-resizable"),I=l("vertex-result-list"),H=l("vertex-search-bar"),Z=l("vertex-select"),F=l("vertex-slider"),J=l("vertex-spinner"),K=l("vertex-tab"),Q=l("vertex-tabs"),W=l("vertex-textfield"),X=l("vertex-toast"),Y=l("vertex-toggle"),$=l("vertex-tooltip");exports.VertexAutoResizeTextarea=f,exports.VertexAvatar=d,exports.VertexAvatarGroup=v,exports.VertexBadge=V,exports.VertexBanner=m,exports.VertexButton=b,exports.VertexCard=h,exports.VertexCardGroup=g,exports.VertexChip=y,exports.VertexClickToEditTextfield=C,exports.VertexCollapsible=E,exports.VertexColorCirclePicker=w,exports.VertexColorPicker=_,exports.VertexColorSwatch=R,exports.VertexContextMenu=k,exports.VertexDialog=T,exports.VertexDraggablePopover=L,exports.VertexDropdownMenu=j,exports.VertexExpandable=O,exports.VertexHelpTooltip=M,exports.VertexIcon=N,exports.VertexIconButton=P,exports.VertexLogoLoading=A,exports.VertexMenu=D,exports.VertexMenuDivider=B,exports.VertexMenuItem=S,exports.VertexPopover=U,exports.VertexRadio=q,exports.VertexRadioGroup=z,exports.VertexResizable=G,exports.VertexResultList=I,exports.VertexSearchBar=H,exports.VertexSelect=Z,exports.VertexSlider=F,exports.VertexSpinner=J,exports.VertexTab=K,exports.VertexTabs=Q,exports.VertexTextfield=W,exports.VertexToast=X,exports.VertexToggle=Y,exports.VertexTooltip=$,Object.keys(r).forEach((function(e){"default"===e||exports.hasOwnProperty(e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return r[e]}})}));
 //# sourceMappingURL=bundle.cjs.min.js.map

package/dist/bundle.cjs.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.cjs.min.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["camelToDashCase","str","replace","m","toLowerCase","getClassName","classList","newProps","oldProps","newClassProp","className","class","oldClassProp","currentClasses","arrayToMap","incomingPropClasses","split","oldPropClasses","finalClassNames","forEach","currentClass","has","push","delete","s","join","isCoveredByReact","eventNameSuffix","document","eventName","transformReactEventName","isSupported","element","createElement","setAttribute","syncEvent","node","newEventHandler","eventStore","__events","oldEventHandler","removeEventListener","addEventListener","e","call","this","arr","map","Map","set","setRef","ref","value","current","mergeRefs","_i","refs","createReactComponent","tagName","ReactComponentContext","manipulatePropsFunction","defineCustomElement","undefined","displayName","segment","charAt","toUpperCase","slice","ReactComponent","props","_super","_this","componentEl","__extends","class_1","componentDidUpdate","prevProps","Element","Object","keys","name","indexOf","substring","eventNameLc","attachProps","_a","children","forwardedRef","style","cProps","propsToPass","reduce","acc","type","setComponentElRef","React","Component","contextType","forwardRef","createForwardRef","loader","VertexAutoResizeTextarea","VertexAvatar","VertexAvatarGroup","VertexBadge","VertexBanner","VertexButton","VertexCard","VertexCardGroup","VertexChip","VertexClickToEditTextfield","VertexCollapsible","VertexColorCirclePicker","VertexColorPicker","VertexColorSwatch","VertexContextMenu","VertexDialog","VertexDraggablePopover","VertexDropdownMenu","VertexExpandable","VertexHelpTooltip","VertexIcon","VertexIconButton","VertexLogoLoading","VertexMenu","VertexMenuDivider","VertexMenuItem","VertexPopover","VertexRadio","VertexRadioGroup","VertexResizable","VertexResultList","VertexSearchBar","VertexSelect","VertexSlider","VertexSpinner","VertexTab","VertexTabs","VertexTextfield","VertexToast","VertexToggle","VertexTooltip"],"mappings":"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"}
+{"version":3,"file":"bundle.cjs.min.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["camelToDashCase","str","replace","m","concat","toLowerCase","getClassName","classList","newProps","oldProps","newClassProp","className","class","oldClassProp","currentClasses","arrayToMap","incomingPropClasses","split","oldPropClasses","finalClassNames","forEach","currentClass","has","push","delete","s","join","isCoveredByReact","eventNameSuffix","document","eventName","transformReactEventName","isSupported","element","createElement","setAttribute","syncEvent","node","newEventHandler","eventStore","__events","oldEventHandler","removeEventListener","addEventListener","e","call","this","arr","map","Map","set","setRef","ref","value","current","mergeRefs","refs","_i","arguments","length","createReactComponent","tagName","ReactComponentContext","manipulatePropsFunction","defineCustomElement","undefined","displayName","segment","charAt","toUpperCase","slice","ReactComponent","_super","class_1","props","_this","setComponentElRef","componentEl","__extends","prototype","componentDidMount","componentDidUpdate","prevProps","Element","Object","keys","name","indexOf","substring","eventNameLc","attachProps","render","_a","children","forwardedRef","style","cProps","__rest","propsToPass","reduce","acc","type","__assign","defineProperty","get","React","Component","contextType","forwardRef","createForwardRef","defineCustomElements","VertexAutoResizeTextarea","VertexAvatar","VertexAvatarGroup","VertexBadge","VertexBanner","VertexButton","VertexCard","VertexCardGroup","VertexChip","VertexClickToEditTextfield","VertexCollapsible","VertexColorCirclePicker","VertexColorPicker","VertexColorSwatch","VertexContextMenu","VertexDialog","VertexDraggablePopover","VertexDropdownMenu","VertexExpandable","VertexHelpTooltip","VertexIcon","VertexIconButton","VertexLogoLoading","VertexMenu","VertexMenuDivider","VertexMenuItem","VertexPopover","VertexRadio","VertexRadioGroup","VertexResizable","VertexResultList","VertexSearchBar","VertexSelect","VertexSlider","VertexSpinner","VertexTab","VertexTabs","VertexTextfield","VertexToast","VertexToggle","VertexTooltip"],"mappings":"4PAMaA,EAAkB,SAACC,GAAgB,OAAAA,EAAIC,QAAQ,YAAY,SAACC,GAAc,MAAA,IAAIC,OAAAD,EAAE,GAAGE,mBCkCnFC,EAAe,SAACC,EAAyBC,EAAeC,GACnE,IAAMC,EAAuBF,EAASG,WAAaH,EAASI,MACtDC,EAAuBJ,EAASE,WAAaF,EAASG,MAEtDE,EAAiBC,EAAWR,GAC5BS,EAAsBD,EAAWL,EAAeA,EAAaO,MAAM,KAAO,IAC1EC,EAAiBH,EAAWF,EAAeA,EAAaI,MAAM,KAAO,IACrEE,EAA4B,GAclC,OAXAL,EAAeM,SAAQ,SAACC,GAClBL,EAAoBM,IAAID,IAE1BF,EAAgBI,KAAKF,GACrBL,EAAoBQ,OAAOH,IACjBH,EAAeI,IAAID,IAE7BF,EAAgBI,KAAKF,MAGzBL,EAAoBI,SAAQ,SAACK,GAAM,OAAAN,EAAgBI,KAAKE,MACjDN,EAAgBO,KAAK,MAkBjBC,EAAmB,SAACC,GAC/B,GAAwB,oBAAbC,SACT,OAAO,EAEP,IAAMC,EAAY,KAhBiB,SAACF,GACtC,OAAQA,GACN,IAAK,cACH,MAAO,WAEX,OAAOA,EAWoBG,CAAwBH,GAC7CI,EAAcF,KAAaD,SAE/B,IAAKG,EAAa,CAChB,IAAMC,EAAUJ,SAASK,cAAc,OACvCD,EAAQE,aAAaL,EAAW,WAChCE,EAAqD,mBAA/BC,EAAgBH,GAGxC,OAAOE,GAIEI,EAAY,SACvBC,EACAP,EACAQ,GAEA,IAAMC,EAAaF,EAAKG,WAAaH,EAAKG,SAAW,IAC/CC,EAAkBF,EAAWT,GAG/BW,GACFJ,EAAKK,oBAAoBZ,EAAWW,GAItCJ,EAAKM,iBACHb,EACCS,EAAWT,GAAa,SAAiBc,GACpCN,GACFA,EAAgBO,KAAKC,KAAMF,MAM7B7B,EAAa,SAACgC,GAClB,IAAMC,EAAM,IAAIC,IAEhB,OADCF,EAAiB3B,SAAQ,SAACK,GAAc,OAAAuB,EAAIE,IAAIzB,EAAGA,MAC7CuB,GChHIG,EAAS,SAACC,EAAiEC,GACnE,mBAARD,EACTA,EAAIC,GACY,MAAPD,IAERA,EAAoCE,QAAUD,IAItCE,EAAY,eACvB,IAAuEC,EAAA,GAAAC,EAAA,EAAvEA,EAAuEC,UAAAC,OAAvEF,IAAAD,EAAuEC,GAAAC,UAAAD,GAEvE,OAAO,SAACJ,GACNG,EAAKpC,SAAQ,SAACgC,GACZD,EAAOC,EAAKC,QCZLO,EAAuB,SAMlCC,EACAC,EACAC,EAIAC,QAE4BC,IAAxBD,GACFA,IAGF,IAAME,EAA+BL,EH7BlCxD,cACAY,MAAM,KACN+B,KAAI,SAACmB,GAAY,OAAAA,EAAQC,OAAO,GAAGC,cAAgBF,EAAQG,MAAM,MACjE5C,KAAK,IG2BF6C,EAAc,SAAAC,GAOlB,SAAAC,EAAYC,GAAZ,IACEC,EAAAH,EAAA3B,KAAAC,KAAM4B,IACP5B,YAND6B,EAAiBC,kBAAG,SAAC3C,GACnB0C,EAAKE,YAAc5C,KA6DvB,OAjEqC6C,YAAuDL,EAAAD,GAW1FC,EAAAM,UAAAC,kBAAA,WACElC,KAAKmC,mBAAmBnC,KAAK4B,QAG/BD,EAAkBM,UAAAE,mBAAlB,SAAmBC,IF7CI,SAAC7C,EAAmB7B,EAAeC,GAE5D,QAF4D,IAAAA,IAAAA,EAAkB,IAE1E4B,aAAgB8C,QAAS,CAE3B,IAAMxE,EAAYL,EAAa+B,EAAK9B,UAAWC,EAAUC,GACvC,KAAdE,IACF0B,EAAK1B,UAAYA,GAGnByE,OAAOC,KAAK7E,GAAUY,SAAQ,SAACkE,GAC7B,GACW,aAATA,GACS,UAATA,GACS,QAATA,GACS,UAATA,GACS,cAATA,GACS,iBAATA,EAIF,GAA2B,IAAvBA,EAAKC,QAAQ,OAAeD,EAAK,KAAOA,EAAK,GAAGjB,cAAe,CACjE,IAAMvC,EAAYwD,EAAKE,UAAU,GAC3BC,EAAc3D,EAAU,GAAGzB,cAAgByB,EAAU0D,UAAU,GAEhE7D,EAAiB8D,IACpBrD,EAAUC,EAAMoD,EAAajF,EAAS8E,QAEnC,CACJjD,EAAaiD,GAAQ9E,EAAS8E,GAEd,kBADO9E,EAAS8E,IAE/BjD,EAAKF,aAAanC,EAAgBsF,GAAO9E,EAAS8E,SEetDI,CAAY5C,KAAK+B,YAAa/B,KAAK4B,MAAOQ,IAG5CT,EAAAM,UAAAY,OAAA,WACQ,IAAAC,EAA+D9C,KAAK4B,MAAlEmB,EAAQD,EAAAC,SAAEC,EAAYF,EAAAE,aAAEC,UAAgBH,EAAAjF,UAAKiF,EAAAxC,QAAK4C,EAAMC,EAAAA,OAAAL,EAA1D,CAA4D,WAAA,eAAA,QAAA,YAAA,QAE9DM,EAAcd,OAAOC,KAAKW,GAAQG,QAAO,SAACC,EAAUd,GACtD,IAAMjC,EAAS2C,EAAeV,GAE9B,GAA2B,IAAvBA,EAAKC,QAAQ,OAAeD,EAAK,KAAOA,EAAK,GAAGjB,cAAe,CACjE,IAAMvC,EAAYwD,EAAKE,UAAU,GAAGnF,cACZ,oBAAbwB,UAA4BF,EAAiBG,KACtDsE,EAAId,GAAQjC,OAET,CAGL,IAAMgD,SAAchD,EAEP,WAATgD,GAA8B,YAATA,GAA+B,WAATA,IAC7CD,EAAIpG,EAAgBsF,IAASjC,GAGjC,OAAO+C,IACN,IAECrC,IACFmC,EAAcnC,EAAwBjB,KAAK4B,MAAOwB,IAGpD,IAAM1F,EACD8F,EAAAA,SAAAA,EAAAA,SAAA,GAAAJ,IACH9C,IAAKG,EAAUuC,EAAchD,KAAK8B,mBAClCmB,MAAKA,IAUP,OAAO7D,gBAAc2B,EAASrD,EAAUqF,IAG1CT,OAAAmB,eAAW9B,EAAW,cAAA,CAAtB+B,IAAA,WACE,OAAOtC,mCAEVO,EAjEmB,CAAiBgC,EAAK,QAACC,WAwE3C,OAJI5C,IACFS,EAAeoC,YAAc7C,GDvED,SAAwBS,EAAqBL,GAC3E,IAAM0C,EAAa,SACjBlC,EACAtB,GAEA,OAAOqD,UAAAvE,cAACqC,EAAmB+B,WAAA,GAAA5B,GAAOoB,aAAc1C,MAIlD,OAFAwD,EAAW1C,YAAcA,EAElBuC,EAAK,QAACG,WAAWA,GCiEjBC,CAAwCtC,EAAgBL,IC/FjE4C,EAAAA,uBACa,IAAAC,EAAwCnD,EAAwF,+BAChIoD,EAA4BpD,EAAgE,iBAC5FqD,EAAiCrD,EAA0E,uBAC3GsD,EAA2BtD,EAA8D,gBACzFuD,EAA4BvD,EAAgE,iBAC5FwD,EAA4BxD,EAAgE,iBAC5FyD,EAA0BzD,EAA4D,eACtF0D,EAA+B1D,EAAsE,qBACrG2D,EAA0B3D,EAA4D,eACtF4D,EAA0C5D,EAA4F,kCACtI6D,EAAiC7D,EAA0E,sBAC3G8D,EAAuC9D,EAAsF,8BAC7H+D,EAAiC/D,EAA0E,uBAC3GgE,EAAiChE,EAA0E,uBAC3GiE,EAAiCjE,EAA0E,uBAC3GkE,EAA4BlE,EAAgE,iBAC5FmE,EAAsCnE,EAAoF,4BAC1HoE,EAAkCpE,EAA4E,wBAC9GqE,EAAgCrE,EAAwE,qBACxGsE,EAAiCtE,EAA0E,uBAC3GuE,EAA0BvE,EAA4D,eACtFwE,EAAgCxE,EAAwE,sBACxGyE,EAAiCzE,EAA0E,uBAC3G0E,EAA0B1E,EAA4D,eACtF2E,EAAiC3E,EAA0E,uBAC3G4E,EAA8B5E,EAAoE,oBAClG6E,EAA6B7E,EAAkE,kBAC/F8E,EAA2B9E,EAA8D,gBACzF+E,EAAgC/E,EAAwE,sBACxGgF,EAA+BhF,EAAsE,oBACrGiF,EAAgCjF,EAAwE,sBACxGkF,EAA+BlF,EAAsE,qBACrGmF,EAA4BnF,EAAgE,iBAC5FoF,EAA4BpF,EAAgE,iBAC5FqF,EAA6BrF,EAAkE,kBAC/FsF,EAAyBtF,EAA0D,cACnFuF,EAA0BvF,EAA4D,eACtFwF,EAA+BxF,EAAsE,oBACrGyF,EAA2BzF,EAA8D,gBACzF0F,EAA4B1F,EAAgE,iBAC5F2F,EAA6B3F,EAAkE"}

package/dist/bundle.esm.js

@@ -170,7 +170,7 @@ var createReactComponent = function (tagName, ReactComponentContext, manipulateP
             attachProps(this.componentEl, this.props, prevProps);
         };
         class_1.prototype.render = function () {
-            var _a = this.props, children = _a.children, forwardedRef = _a.forwardedRef, style = _a.style, className = _a.className, ref = _a.ref, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
+            var _a = this.props, children = _a.children, forwardedRef = _a.forwardedRef, style = _a.style; _a.className; _a.ref; var cProps = __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()) {

package/dist/bundle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.esm.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bundle.esm.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":[],"mappings":"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"}

package/dist/bundle.esm.min.js

@@ -1,2 +1,2 @@
-import{__assign as e,__extends as t,__rest as r}from"tslib";import n,{createElement as o}from"react";import"react-dom";import{defineCustomElements as i}from"@vertexvis/ui/loader";export*from"@vertexvis/ui/loader";var a=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e[0].toLowerCase())}))},c=function(e,t,r){var n=t.className||t.class,o=r.className||r.class,i=f(e),a=f(n?n.split(" "):[]),c=f(o?o.split(" "):[]),s=[];return i.forEach((function(e){a.has(e)?(s.push(e),a.delete(e)):c.has(e)||s.push(e)})),a.forEach((function(e){return s.push(e)})),s.join(" ")},s=function(e){if("undefined"==typeof document)return!0;var t="on"+function(e){switch(e){case"doubleclick":return"dblclick"}return e}(e),r=t in document;if(!r){var n=document.createElement("div");n.setAttribute(t,"return;"),r="function"==typeof n[t]}return r},u=function(e,t,r){var n=e.__events||(e.__events={}),o=n[t];o&&e.removeEventListener(t,o),e.addEventListener(t,n[t]=function(e){r&&r.call(this,e)})},f=function(e){var t=new Map;return e.forEach((function(e){return t.set(e,e)})),t},v=function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)},l=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){v(e,t)}))}},p=function(i,f,v,p){void 0!==p&&p();var d=i.toLowerCase().split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(""),x=function(n){function f(e){var t=n.call(this,e)||this;return t.setComponentElRef=function(e){t.componentEl=e},t}return t(f,n),f.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},f.prototype.componentDidUpdate=function(e){!function(e,t,r){if(void 0===r&&(r={}),e instanceof Element){var n=c(e.classList,t,r);""!==n&&(e.className=n),Object.keys(t).forEach((function(r){if("children"!==r&&"style"!==r&&"ref"!==r&&"class"!==r&&"className"!==r&&"forwardedRef"!==r)if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){var n=r.substring(2),o=n[0].toLowerCase()+n.substring(1);s(o)||u(e,o,t[r])}else{e[r]=t[r],"string"===typeof t[r]&&e.setAttribute(a(r),t[r])}}))}}(this.componentEl,this.props,e)},f.prototype.render=function(){var t=this.props,n=t.children,c=t.forwardedRef,u=t.style,f=(t.className,t.ref,r(t,["children","forwardedRef","style","className","ref"])),p=Object.keys(f).reduce((function(e,t){var r=f[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var n=t.substring(2).toLowerCase();"undefined"!=typeof document&&s(n)&&(e[t]=r)}else{var o=typeof r;"string"!==o&&"boolean"!==o&&"number"!==o||(e[a(t)]=r)}return e}),{});v&&(p=v(this.props,p));var d=e(e({},p),{ref:l(c,this.setComponentElRef),style:u});return o(i,d,n)},Object.defineProperty(f,"displayName",{get:function(){return d},enumerable:!1,configurable:!0}),f}(n.Component);return f&&(x.contextType=f),function(t,r){var o=function(r,o){return n.createElement(t,e({},r,{forwardedRef:o}))};return o.displayName=r,n.forwardRef(o)}(x,d)};i();var d=p("vertex-auto-resize-textarea"),x=p("vertex-avatar"),m=p("vertex-avatar-group"),h=p("vertex-badge"),b=p("vertex-banner"),g=p("vertex-button"),y=p("vertex-card"),E=p("vertex-card-group"),w=p("vertex-chip"),C=p("vertex-click-to-edit-textfield"),N=p("vertex-collapsible"),k=p("vertex-color-circle-picker"),L=p("vertex-color-picker"),R=p("vertex-color-swatch"),j=p("vertex-context-menu"),O=p("vertex-dialog"),U=p("vertex-draggable-popover"),A=p("vertex-dropdown-menu"),_=p("vertex-expandable"),D=p("vertex-help-tooltip"),z=p("vertex-icon"),M=p("vertex-icon-button"),P=p("vertex-logo-loading"),T=p("vertex-menu"),Z=p("vertex-menu-divider"),q=p("vertex-menu-item"),B=p("vertex-popover"),F=p("vertex-radio"),G=p("vertex-radio-group"),H=p("vertex-resizable"),I=p("vertex-result-list"),J=p("vertex-search-bar"),K=p("vertex-select"),Q=p("vertex-slider"),S=p("vertex-spinner"),V=p("vertex-tab"),W=p("vertex-tabs"),X=p("vertex-textfield"),Y=p("vertex-toast"),$=p("vertex-toggle"),ee=p("vertex-tooltip");export{d as VertexAutoResizeTextarea,x as VertexAvatar,m as VertexAvatarGroup,h as VertexBadge,b as VertexBanner,g as VertexButton,y as VertexCard,E as VertexCardGroup,w as VertexChip,C as VertexClickToEditTextfield,N as VertexCollapsible,k as VertexColorCirclePicker,L as VertexColorPicker,R as VertexColorSwatch,j as VertexContextMenu,O as VertexDialog,U as VertexDraggablePopover,A as VertexDropdownMenu,_ as VertexExpandable,D as VertexHelpTooltip,z as VertexIcon,M as VertexIconButton,P as VertexLogoLoading,T as VertexMenu,Z as VertexMenuDivider,q as VertexMenuItem,B as VertexPopover,F as VertexRadio,G as VertexRadioGroup,H as VertexResizable,I as VertexResultList,J as VertexSearchBar,K as VertexSelect,Q as VertexSlider,S as VertexSpinner,V as VertexTab,W as VertexTabs,X as VertexTextfield,Y as VertexToast,$ as VertexToggle,ee as VertexTooltip};
+import{__assign as e,__extends as t,__rest as r}from"tslib";import n,{createElement as o}from"react";import"react-dom";import{defineCustomElements as i}from"@vertexvis/ui/loader";export*from"@vertexvis/ui/loader";var a=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e[0].toLowerCase())}))},c=function(e,t,r){var n=t.className||t.class,o=r.className||r.class,i=f(e),a=f(n?n.split(" "):[]),c=f(o?o.split(" "):[]),s=[];return i.forEach((function(e){a.has(e)?(s.push(e),a.delete(e)):c.has(e)||s.push(e)})),a.forEach((function(e){return s.push(e)})),s.join(" ")},s=function(e){if("undefined"==typeof document)return!0;var t="on"+function(e){switch(e){case"doubleclick":return"dblclick"}return e}(e),r=t in document;if(!r){var n=document.createElement("div");n.setAttribute(t,"return;"),r="function"==typeof n[t]}return r},u=function(e,t,r){var n=e.__events||(e.__events={}),o=n[t];o&&e.removeEventListener(t,o),e.addEventListener(t,n[t]=function(e){r&&r.call(this,e)})},f=function(e){var t=new Map;return e.forEach((function(e){return t.set(e,e)})),t},v=function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)},l=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){v(e,t)}))}},p=function(i,f,v,p){void 0!==p&&p();var d=i.toLowerCase().split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(""),x=function(n){function f(e){var t=n.call(this,e)||this;return t.setComponentElRef=function(e){t.componentEl=e},t}return t(f,n),f.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},f.prototype.componentDidUpdate=function(e){!function(e,t,r){if(void 0===r&&(r={}),e instanceof Element){var n=c(e.classList,t,r);""!==n&&(e.className=n),Object.keys(t).forEach((function(r){if("children"!==r&&"style"!==r&&"ref"!==r&&"class"!==r&&"className"!==r&&"forwardedRef"!==r)if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){var n=r.substring(2),o=n[0].toLowerCase()+n.substring(1);s(o)||u(e,o,t[r])}else{e[r]=t[r],"string"===typeof t[r]&&e.setAttribute(a(r),t[r])}}))}}(this.componentEl,this.props,e)},f.prototype.render=function(){var t=this.props,n=t.children,c=t.forwardedRef,u=t.style;t.className,t.ref;var f=r(t,["children","forwardedRef","style","className","ref"]),p=Object.keys(f).reduce((function(e,t){var r=f[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var n=t.substring(2).toLowerCase();"undefined"!=typeof document&&s(n)&&(e[t]=r)}else{var o=typeof r;"string"!==o&&"boolean"!==o&&"number"!==o||(e[a(t)]=r)}return e}),{});v&&(p=v(this.props,p));var d=e(e({},p),{ref:l(c,this.setComponentElRef),style:u});return o(i,d,n)},Object.defineProperty(f,"displayName",{get:function(){return d},enumerable:!1,configurable:!0}),f}(n.Component);return f&&(x.contextType=f),function(t,r){var o=function(r,o){return n.createElement(t,e({},r,{forwardedRef:o}))};return o.displayName=r,n.forwardRef(o)}(x,d)};i();var d=p("vertex-auto-resize-textarea"),x=p("vertex-avatar"),m=p("vertex-avatar-group"),h=p("vertex-badge"),b=p("vertex-banner"),g=p("vertex-button"),y=p("vertex-card"),E=p("vertex-card-group"),w=p("vertex-chip"),C=p("vertex-click-to-edit-textfield"),N=p("vertex-collapsible"),k=p("vertex-color-circle-picker"),L=p("vertex-color-picker"),R=p("vertex-color-swatch"),j=p("vertex-context-menu"),O=p("vertex-dialog"),U=p("vertex-draggable-popover"),A=p("vertex-dropdown-menu"),_=p("vertex-expandable"),D=p("vertex-help-tooltip"),z=p("vertex-icon"),M=p("vertex-icon-button"),P=p("vertex-logo-loading"),T=p("vertex-menu"),Z=p("vertex-menu-divider"),q=p("vertex-menu-item"),B=p("vertex-popover"),F=p("vertex-radio"),G=p("vertex-radio-group"),H=p("vertex-resizable"),I=p("vertex-result-list"),J=p("vertex-search-bar"),K=p("vertex-select"),Q=p("vertex-slider"),S=p("vertex-spinner"),V=p("vertex-tab"),W=p("vertex-tabs"),X=p("vertex-textfield"),Y=p("vertex-toast"),$=p("vertex-toggle"),ee=p("vertex-tooltip");export{d as VertexAutoResizeTextarea,x as VertexAvatar,m as VertexAvatarGroup,h as VertexBadge,b as VertexBanner,g as VertexButton,y as VertexCard,E as VertexCardGroup,w as VertexChip,C as VertexClickToEditTextfield,N as VertexCollapsible,k as VertexColorCirclePicker,L as VertexColorPicker,R as VertexColorSwatch,j as VertexContextMenu,O as VertexDialog,U as VertexDraggablePopover,A as VertexDropdownMenu,_ as VertexExpandable,D as VertexHelpTooltip,z as VertexIcon,M as VertexIconButton,P as VertexLogoLoading,T as VertexMenu,Z as VertexMenuDivider,q as VertexMenuItem,B as VertexPopover,F as VertexRadio,G as VertexRadioGroup,H as VertexResizable,I as VertexResultList,J as VertexSearchBar,K as VertexSelect,Q as VertexSlider,S as VertexSpinner,V as VertexTab,W as VertexTabs,X as VertexTextfield,Y as VertexToast,$ as VertexToggle,ee as VertexTooltip};
 //# sourceMappingURL=bundle.esm.min.js.map

package/dist/bundle.esm.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.esm.min.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["camelToDashCase","str","replace","m","toLowerCase","getClassName","classList","newProps","oldProps","newClassProp","className","class","oldClassProp","currentClasses","arrayToMap","incomingPropClasses","split","oldPropClasses","finalClassNames","forEach","currentClass","has","push","delete","s","join","isCoveredByReact","eventNameSuffix","document","eventName","transformReactEventName","isSupported","element","createElement","setAttribute","syncEvent","node","newEventHandler","eventStore","__events","oldEventHandler","removeEventListener","addEventListener","e","call","this","arr","map","Map","set","setRef","ref","value","current","mergeRefs","_i","refs","createReactComponent","tagName","ReactComponentContext","manipulatePropsFunction","defineCustomElement","undefined","displayName","segment","charAt","toUpperCase","slice","ReactComponent","props","_super","_this","componentEl","__extends","class_1","componentDidUpdate","prevProps","Element","Object","keys","name","indexOf","substring","eventNameLc","attachProps","_a","children","forwardedRef","style","cProps","propsToPass","reduce","acc","type","setComponentElRef","React","Component","contextType","forwardRef","createForwardRef","defineCustomElements","VertexAutoResizeTextarea","VertexAvatar","VertexAvatarGroup","VertexBadge","VertexBanner","VertexButton","VertexCard","VertexCardGroup","VertexChip","VertexClickToEditTextfield","VertexCollapsible","VertexColorCirclePicker","VertexColorPicker","VertexColorSwatch","VertexContextMenu","VertexDialog","VertexDraggablePopover","VertexDropdownMenu","VertexExpandable","VertexHelpTooltip","VertexIcon","VertexIconButton","VertexLogoLoading","VertexMenu","VertexMenuDivider","VertexMenuItem","VertexPopover","VertexRadio","VertexRadioGroup","VertexResizable","VertexResultList","VertexSearchBar","VertexSelect","VertexSlider","VertexSpinner","VertexTab","VertexTabs","VertexTextfield","VertexToast","VertexToggle","VertexTooltip"],"mappings":"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"}
+{"version":3,"file":"bundle.esm.min.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["camelToDashCase","str","replace","m","concat","toLowerCase","getClassName","classList","newProps","oldProps","newClassProp","className","class","oldClassProp","currentClasses","arrayToMap","incomingPropClasses","split","oldPropClasses","finalClassNames","forEach","currentClass","has","push","delete","s","join","isCoveredByReact","eventNameSuffix","document","eventName","transformReactEventName","isSupported","element","createElement","setAttribute","syncEvent","node","newEventHandler","eventStore","__events","oldEventHandler","removeEventListener","addEventListener","e","call","this","arr","map","Map","set","setRef","ref","value","current","mergeRefs","refs","_i","arguments","length","createReactComponent","tagName","ReactComponentContext","manipulatePropsFunction","defineCustomElement","undefined","displayName","segment","charAt","toUpperCase","slice","ReactComponent","_super","class_1","props","_this","setComponentElRef","componentEl","__extends","prototype","componentDidMount","componentDidUpdate","prevProps","Element","Object","keys","name","indexOf","substring","eventNameLc","attachProps","render","_a","children","forwardedRef","style","cProps","__rest","propsToPass","reduce","acc","type","__assign","defineProperty","get","React","Component","contextType","forwardRef","createForwardRef","defineCustomElements","VertexAutoResizeTextarea","VertexAvatar","VertexAvatarGroup","VertexBadge","VertexBanner","VertexButton","VertexCard","VertexCardGroup","VertexChip","VertexClickToEditTextfield","VertexCollapsible","VertexColorCirclePicker","VertexColorPicker","VertexColorSwatch","VertexContextMenu","VertexDialog","VertexDraggablePopover","VertexDropdownMenu","VertexExpandable","VertexHelpTooltip","VertexIcon","VertexIconButton","VertexLogoLoading","VertexMenu","VertexMenuDivider","VertexMenuItem","VertexPopover","VertexRadio","VertexRadioGroup","VertexResizable","VertexResultList","VertexSearchBar","VertexSelect","VertexSlider","VertexSpinner","VertexTab","VertexTabs","VertexTextfield","VertexToast","VertexToggle","VertexTooltip"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertexvis/ui-react",
-  "version": "0.1.5-canary.4",
+  "version": "0.1.5-canary.6",
   "description": "React bindings for the Vertex component library.",
   "license": "MIT",
   "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
@@ -36,18 +36,18 @@
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@vertexvis/eslint-config-vertexvis-typescript": "^0.5.1",
-    "@vertexwebui/build": "^0.1.5-canary.4",
+    "@vertexwebui/build": "^0.1.5-canary.6",
     "eslint": "8.49.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^1.19.4"
+    "rollup": "^2.80.0"
   },
   "peerDependencies": {
     "react": ">=16.3.0 <19.0.0",
     "react-dom": ">=16.3.0 <19.0.0"
   },
   "dependencies": {
-    "@vertexvis/ui": "^0.1.5-canary.4"
+    "@vertexvis/ui": "^0.1.5-canary.6"
   },
-  "gitHead": "e7b60329e644e335cfe44831c7bad1b09f3fc0eb"
+  "gitHead": "f35add15a53000489284164ea48d8ead7d3e7949"
 }