@vertexvis/ui 0.1.0-canary.2 → 0.1.0-canary.20

package/dist/cjs/{color-circle-picker-13396ec4.js → color-circle-picker-a8f9a80a.js}

@@ -59,7 +59,7 @@ const ColorCirclePicker = class {
   render() {
     return (index.h(index.Host, null, index.h("div", { class: index$1.classnames('container', {
         vertical: this.direction === 'vertical',
-      }) }, this.colorArray.map((c, i) => (index.h("vertex-color-circle", { class: index$1.classnames('circle', {
+      }) }, this.colorArray.map((c, i) => (index.h("vertex-color-swatch", { class: index$1.classnames('circle', {
         selected: this.selected === c,
       }), color: c, supplementalColor: this.supplementaryColorArray[i], onClick: this.handleClick, lightenPercentage: this.lightenPercentage, darkenPercentage: this.darkenPercentage, theme: this.theme }))))));
   }

package/dist/cjs/color-picker-2a4820fa.js

@@ -0,0 +1,46 @@
+'use strict';
+
+const index = require('./index-6a92256c.js');
+const index$1 = require('./index-e1b40fa6.js');
+const lib = require('./lib-1bd1e383.js');
+
+const colorPickerCss = ":host{display:flex;--selected-color-width:initial;--selected-color-height:initial}.wrapper{display:inline-flex;align-items:center}.wrapper.full{padding:0.375rem 0.5rem;border:1px solid var(--vertex-ui-neutral-300);border-radius:4px}.color-picker{display:inline-flex;position:relative;cursor:pointer}.color-picker.disabled{opacity:0.5;cursor:default}.selected-wrapper{position:relative;display:flex;align-items:center}.wrapper.full .selected-wrapper{gap:0.75rem}.selected{position:relative}.wrapper.sm .selected{width:var(--selected-color-width, 1rem);height:var(--selected-color-height, 1rem)}.wrapper.md .selected{width:var(--selected-color-width, 1.25rem);height:var(--selected-color-height, 1.25rem)}.wrapper.lg .selected{width:var(--selected-color-width, 1.5rem);height:var(--selected-color-height, 1.5rem)}.text-wrapper{position:relative}.selected-text{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;color:var(--vertex-ui-neutral-700);text-align:center;font-family:var(--vertex-ui-font-family)}.hidden-text{visibility:hidden;pointer-events:none;font-family:var(--vertex-ui-font-family-monospace)}.wrapper.sm .selected-text,.wrapper.sm .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.md .selected-text,.wrapper.md .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.lg .selected-text,.wrapper.lg .hidden-text{font-size:var(--vertex-ui-text-xs)}.no-value{width:100%;height:100%;stroke:var(--vertex-ui-red-400)}.right-gutter{display:flex;align-items:center;margin-left:auto}slot[name=\"right-gutter\"]::slotted(*){padding:0}.input{display:flex;position:absolute;pointer-events:none;height:100%;width:100%;left:0;top:0;opacity:0}";
+
+const ColorPicker = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.valueInput = index.createEvent(this, "valueInput", 7);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
+    this.handleInput = (event) => {
+      const input = event.target;
+      this.value = input.value || '';
+    };
+    this.handleChange = (event) => {
+      this.valueChanged.emit(this.value);
+    };
+    this.value = undefined;
+    this.size = 'md';
+    this.variant = 'full';
+    this.disabled = false;
+  }
+  valueChange() {
+    this.valueInput.emit(this.value);
+  }
+  render() {
+    var _a;
+    return (index.h(index.Host, null, index.h("div", { class: index$1.classnames('wrapper', this.variant, this.size) }, index.h("label", { class: index$1.classnames('color-picker', { disabled: this.disabled }) }, index.h("input", { type: "color", class: "input", "data-testid": "input", disabled: this.disabled, value: this.value, onInput: this.handleInput, onChange: this.handleChange }), index.h("div", { class: index$1.classnames('selected-wrapper', this.variant) }, index.h("div", { class: "selected", title: this.value }, index.h("vertex-color-swatch", { class: "selected-color", supplementalColor: "var(--vertex-ui-neutral-400)", color: this.value, variant: "square", size: this.size }, index.h("slot", { name: "overlay", slot: "overlay" }, (this.value == null || this.value === '') && (index.h("svg", { class: "no-value", slot: "overlay", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" }, index.h("path", { d: "M16,0L0,16" })))))), this.variant === 'full' && (index.h("div", { class: "text-wrapper" }, index.h("div", { class: "hidden-text" }, "#FFFFFF"), index.h("div", { class: "selected-text" }, (_a = this.getDisplayedValue()) !== null && _a !== void 0 ? _a : 'Default'))))), index.h("div", { class: "right-gutter" }, index.h("slot", { name: "right-gutter" })))));
+  }
+  getDisplayedValue() {
+    var _a;
+    if (this.value != null && lib.isValidHexColor(this.value)) {
+      return (_a = this.value) === null || _a === void 0 ? void 0 : _a.toLocaleUpperCase();
+    }
+    return undefined;
+  }
+  static get watchers() { return {
+    "value": ["valueChange"]
+  }; }
+};
+ColorPicker.style = colorPickerCss;
+
+exports.ColorPicker = ColorPicker;

package/dist/cjs/{color-circle-05be54bf.js → color-swatch-8aaf6c0b.js}

@@ -1,15 +1,19 @@
 'use strict';
 
 const index = require('./index-6a92256c.js');
+const index$1 = require('./index-e1b40fa6.js');
+const lib = require('./lib-1bd1e383.js');
 
-const colorCircleCss = ":host{display:flex;--circle-size:24px}.root{border-radius:100%;border-width:2px;border-style:solid;width:var(--circle-size);height:var(--circle-size);box-sizing:border-box}";
+const colorSwatchCss = ":host{display:flex}.root{position:relative;border-style:solid;border-color:var(--vertex-ui-neutral-300);box-sizing:border-box}.root.circle{border-width:2px;border-radius:100%}.root.square{border-width:1px;border-radius:3px}.root.sm{width:16px;height:16px}.root.md{width:20px;height:20px}.root.lg{width:24px;height:24px}.overlay{position:absolute;width:100%;height:100%;border-radius:2px;overflow:hidden}";
 
-const ColorCircle = class {
+const ColorSwatch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.variant = 'circle';
+    this.size = 'md';
     this.color = '#ffffff';
     this.supplementalColor = undefined;
-    this.theme = 'dark';
+    this.theme = 'none';
     this.lightenPercentage = 0.25;
     this.darkenPercentage = 0.25;
     this.lightened = this.adjustColor(this.color, -this.lightenPercentage);
@@ -26,22 +30,43 @@ const ColorCircle = class {
     this.darkened = this.adjustColor(this.color, newPercentage);
   }
   render() {
-    const themeColor = this.theme === 'dark' ? this.darkened : this.lightened;
-    const supplementalColor = this.supplementalColor != null && this.supplementalColor.length > 0
-      ? this.supplementalColor
-      : themeColor;
-    return (index.h(index.Host, null, index.h("div", { class: "root", style: this.theme === 'dark'
-        ? {
-          backgroundColor: this.color,
-          borderColor: supplementalColor,
-        }
-        : {
+    return (index.h(index.Host, null, index.h("div", { class: index$1.classnames('root', this.variant, this.size), style: this.getThemeColors() }, index.h("div", { class: "overlay" }, index.h("slot", { name: "overlay" })))));
+  }
+  getThemeColors() {
+    const supplementalColor = this.getSupplementalColor();
+    switch (this.theme) {
+      case 'light':
+        return {
           backgroundColor: supplementalColor,
           borderColor: this.color,
-        } })));
+        };
+      case 'dark':
+        return {
+          backgroundColor: this.color,
+          borderColor: supplementalColor,
+        };
+      default:
+        return {
+          backgroundColor: this.color,
+          borderColor: supplementalColor !== null && supplementalColor !== void 0 ? supplementalColor : undefined,
+        };
+    }
+  }
+  getSupplementalColor() {
+    const providedSupplementalColor = this.supplementalColor != null && this.supplementalColor.length > 0
+      ? this.supplementalColor
+      : undefined;
+    switch (this.theme) {
+      case 'light':
+        return providedSupplementalColor !== null && providedSupplementalColor !== void 0 ? providedSupplementalColor : this.lightened;
+      case 'dark':
+        return providedSupplementalColor !== null && providedSupplementalColor !== void 0 ? providedSupplementalColor : this.darkened;
+      default:
+        return providedSupplementalColor;
+    }
   }
   adjustColor(color, percentage) {
-    if (color.startsWith('#') && color.length === 7) {
+    if (lib.isValidHexColor(color)) {
       const r = Number(`0x${color.slice(1, 3)}`);
       const g = Number(`0x${color.slice(3, 5)}`);
       const b = Number(`0x${color.slice(5, 7)}`);
@@ -65,6 +90,6 @@ const ColorCircle = class {
     "darkenPercentage": ["handleDarkenPercentageChanged"]
   }; }
 };
-ColorCircle.style = colorCircleCss;
+ColorSwatch.style = colorSwatchCss;
 
-exports.ColorCircle = ColorCircle;
+exports.ColorSwatch = ColorSwatch;

package/dist/cjs/components.cjs.js

@@ -88,7 +88,7 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["vertex-click-to-edit-textfield.cjs",[[6,"vertex-click-to-edit-textfield",{"placeholder":[1],"fontSize":[1,"font-size"],"disabled":[516],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"value":[1032],"autoFocus":[4,"auto-focus"],"editing":[1540],"hasError":[4,"has-error"]}]]],["vertex-collapsible.cjs",[[1,"vertex-collapsible",{"label":[1],"open":[1540]}]]],["vertex-context-menu.cjs",[[1,"vertex-context-menu",{"targetSelector":[1,"target-selector"],"animated":[4],"position":[32],"open":[32]}]]],["vertex-dialog.cjs",[[1,"vertex-dialog",{"open":[1540],"fullscreen":[4],"resizable":[4],"width":[32],"height":[32],"minWidth":[32],"minHeight":[32],"maxWidth":[32],"maxHeight":[32],"isResizing":[32]},[[4,"keydown","keyDownListener"]]]]],["vertex-draggable-popover.cjs",[[1,"vertex-draggable-popover",{"position":[1],"boundarySelector":[1,"boundary-selector"],"boundaryPadding":[2,"boundary-padding"],"anchorPosition":[32],"lastPosition":[32],"dragging":[32]}]]],["vertex-dropdown-menu.cjs",[[1,"vertex-dropdown-menu",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-help-tooltip.cjs",[[1,"vertex-help-tooltip",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-search-bar.cjs",[[6,"vertex-search-bar",{"variant":[1],"resultItems":[16],"triggerCharacters":[16],"triggerCharacter":[1,"trigger-character"],"breakCharacters":[16],"debounce":[2],"placeholder":[1],"placement":[1],"cursorPosition":[32],"open":[32],"triggerKey":[32],"triggerRange":[32],"replaceTriggeredValue":[64],"getEditableContent":[64]}]]],["vertex-select.cjs",[[1,"vertex-select",{"value":[513],"placeholder":[513],"disabled":[516],"animated":[4],"resizeObserverFactory":[16],"open":[32],"position":[32],"displayValue":[32]}]]],["vertex-slider.cjs",[[1,"vertex-slider",{"min":[2],"max":[2],"valueLabelDisplay":[1,"value-label-display"],"step":[8],"size":[1],"value":[1026],"disabled":[4]}]]],["vertex-toast.cjs",[[1,"vertex-toast",{"content":[1],"placement":[1],"duration":[2],"animated":[4],"open":[4],"type":[1],"isOpen":[32]}]]],["vertex-color-circle-picker.cjs",[[1,"vertex-color-circle-picker",{"colors":[1],"supplementalColors":[1,"supplemental-colors"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"selected":[1537],"direction":[1]}]]],["vertex-color-picker.cjs",[[1,"vertex-color-picker",{"value":[1537],"disabled":[4]}]]],["vertex-toggle.cjs",[[1,"vertex-toggle",{"variant":[1],"disabled":[4],"checked":[1540]}]]],["vertex-avatar.cjs",[[1,"vertex-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"value":[1],"active":[4],"variant":[1]}]]],["vertex-avatar-group.cjs",[[1,"vertex-avatar-group"]]],["vertex-badge.cjs",[[1,"vertex-badge",{"badgeText":[1,"badge-text"],"badgeColor":[1,"badge-color"]}]]],["vertex-button.cjs",[[1,"vertex-button",{"type":[1],"color":[1],"variant":[1],"size":[1],"expand":[1],"href":[1],"target":[1],"disabled":[516]}]]],["vertex-card.cjs",[[1,"vertex-card",{"mode":[1]}]]],["vertex-card-group.cjs",[[1,"vertex-card-group",{"selected":[516],"hovered":[516],"expanded":[516]}]]],["vertex-chip.cjs",[[1,"vertex-chip",{"variant":[1],"color":[1]}]]],["vertex-logo-loading.cjs",[[1,"vertex-logo-loading"]]],["vertex-menu-divider.cjs",[[1,"vertex-menu-divider"]]],["vertex-menu-item.cjs",[[1,"vertex-menu-item",{"disabled":[516]}]]],["vertex-radio.cjs",[[2,"vertex-radio",{"disabled":[516],"value":[513],"label":[513],"name":[513],"checked":[516]}]]],["vertex-radio-group.cjs",[[1,"vertex-radio-group",{"name":[513],"value":[1537]}]]],["vertex-resizable.cjs",[[1,"vertex-resizable",{"horizontalDirection":[1,"horizontal-direction"],"verticalDirection":[1,"vertical-direction"],"initialHorizontalScale":[2,"initial-horizontal-scale"],"initialVerticalScale":[2,"initial-vertical-scale"],"initializeWithOffset":[4,"initialize-with-offset"],"parentSelector":[1,"parent-selector"],"verticalSiblingSelector":[1,"vertical-sibling-selector"],"horizontalSiblingSelector":[1,"horizontal-sibling-selector"],"contentSelector":[1,"content-selector"],"position":[1],"dimensionsComputed":[1540,"dimensions-computed"],"width":[32],"minWidth":[32],"maxWidth":[32],"height":[32],"minHeight":[32],"maxHeight":[32],"left":[32],"top":[32],"hoveredLocation":[32],"dragStartLocation":[32],"updateDimensions":[64]}]]],["vertex-spinner.cjs",[[1,"vertex-spinner",{"color":[1],"size":[1]}]]],["vertex-expandable.cjs",[[1,"vertex-expandable",{"expanded":[1540],"expanding":[1540],"collapsing":[1540],"controlled":[516],"expandType":[513,"expand-type"],"animated":[4],"contentScrollHeight":[32]}]]],["vertex-result-list.cjs",[[1,"vertex-result-list",{"items":[16],"itemsJson":[1,"items"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"resultHeight":[1026,"result-height"],"overScanCount":[2,"over-scan-count"],"placement":[1],"position":[1],"open":[4],"listHeight":[32],"parsedResults":[32],"scrollTop":[32],"lastStartIndex":[32],"lastFocusedIndex":[32],"stateMap":[32]}]]],["vertex-textfield.cjs",[[6,"vertex-textfield",{"type":[1],"name":[1],"variant":[1],"fontSize":[1,"font-size"],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"placeholder":[1],"autoFocus":[4,"auto-focus"],"autoComplete":[1,"auto-complete"],"autoCorrect":[1,"auto-correct"],"value":[1032],"disabled":[516],"hasError":[4,"has-error"],"updateInput":[64],"blurInput":[64],"getInputValue":[64],"selectAll":[64]}]]],["vertex-tooltip.cjs",[[1,"vertex-tooltip",{"content":[1],"disabled":[4],"placement":[1],"delay":[2],"animated":[4],"open":[32]}]]],["vertex-color-circle.cjs",[[1,"vertex-color-circle",{"color":[513],"supplementalColor":[513,"supplemental-color"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"lightened":[1537],"darkened":[1537]}]]],["vertex-auto-resize-textarea.cjs",[[1,"vertex-auto-resize-textarea",{"textareaSelector":[1,"textarea-selector"],"initialValue":[1,"initial-value"],"minRows":[514,"min-rows"],"maxRows":[514,"max-rows"],"textValue":[32]}]]],["vertex-menu.cjs",[[1,"vertex-menu",{"animated":[4],"open":[1540],"placement":[1],"fallbackPlacements":[16],"backdrop":[4],"position":[1040],"popoverProps":[16]}]]],["vertex-icon-button.cjs",[[1,"vertex-icon-button",{"iconName":[1,"icon-name"],"disabled":[516],"variant":[1],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"]}]]],["vertex-icon.cjs",[[1,"vertex-icon",{"name":[1],"size":[1]}]]],["vertex-popover.cjs",[[1,"vertex-popover",{"open":[1540],"placement":[1],"position":[1025],"anchorBounds":[16],"backdrop":[4],"animated":[4],"anchorSelector":[1,"anchor-selector"],"boundarySelector":[1,"boundary-selector"],"resizeBehavior":[1,"resize-behavior"],"overflowBehavior":[16],"flipBehavior":[16],"offsetBehavior":[2,"offset-behavior"],"updateOnResize":[4,"update-on-resize"],"opened":[32],"computedPlacement":[32]}]]]], options);
+  return index.bootstrapLazy([["vertex-click-to-edit-textfield.cjs",[[6,"vertex-click-to-edit-textfield",{"placeholder":[1],"fontSize":[1,"font-size"],"disabled":[516],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"value":[1032],"autoFocus":[4,"auto-focus"],"editing":[1540],"hasError":[4,"has-error"]}]]],["vertex-collapsible.cjs",[[1,"vertex-collapsible",{"label":[1],"open":[1540]}]]],["vertex-context-menu.cjs",[[1,"vertex-context-menu",{"targetSelector":[1,"target-selector"],"animated":[4],"position":[32],"open":[32]}]]],["vertex-dialog.cjs",[[1,"vertex-dialog",{"open":[1540],"fullscreen":[4],"resizable":[4],"width":[32],"height":[32],"minWidth":[32],"minHeight":[32],"maxWidth":[32],"maxHeight":[32],"isResizing":[32]},[[4,"keydown","keyDownListener"]]]]],["vertex-draggable-popover.cjs",[[1,"vertex-draggable-popover",{"position":[1],"boundarySelector":[1,"boundary-selector"],"boundaryPadding":[2,"boundary-padding"],"anchorPosition":[32],"lastPosition":[32],"dragging":[32]}]]],["vertex-dropdown-menu.cjs",[[1,"vertex-dropdown-menu",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-help-tooltip.cjs",[[1,"vertex-help-tooltip",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-search-bar.cjs",[[6,"vertex-search-bar",{"variant":[1],"disabled":[4],"triggerCharacter":[1,"trigger-character"],"breakCharacters":[16],"resultItems":[16],"placement":[1],"value":[1],"placeholder":[1],"replacements":[1040],"replacementUriType":[1,"replacement-uri-type"],"cursorPosition":[32],"displayedElements":[32],"hasTriggered":[32]}]]],["vertex-select.cjs",[[1,"vertex-select",{"value":[513],"placeholder":[513],"disabled":[516],"animated":[4],"hideSelected":[4,"hide-selected"],"resizeObserverFactory":[16],"open":[32],"position":[32],"displayValue":[32]}]]],["vertex-slider.cjs",[[1,"vertex-slider",{"min":[2],"max":[2],"valueLabelDisplay":[1,"value-label-display"],"step":[8],"size":[1],"value":[1026],"disabled":[4]}]]],["vertex-toast.cjs",[[1,"vertex-toast",{"content":[1],"placement":[1],"duration":[2],"animated":[4],"open":[4],"type":[1],"isOpen":[32]}]]],["vertex-color-circle-picker.cjs",[[1,"vertex-color-circle-picker",{"colors":[1],"supplementalColors":[1,"supplemental-colors"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"selected":[1537],"direction":[1]}]]],["vertex-color-picker.cjs",[[1,"vertex-color-picker",{"value":[1537],"size":[513],"variant":[513],"disabled":[4]}]]],["vertex-toggle.cjs",[[1,"vertex-toggle",{"variant":[1],"disabled":[4],"checked":[1540]}]]],["vertex-avatar.cjs",[[1,"vertex-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"value":[1],"active":[4],"variant":[1]}]]],["vertex-avatar-group.cjs",[[1,"vertex-avatar-group"]]],["vertex-badge.cjs",[[1,"vertex-badge",{"badgeText":[1,"badge-text"],"badgeColor":[1,"badge-color"]}]]],["vertex-button.cjs",[[1,"vertex-button",{"type":[1],"color":[1],"variant":[1],"size":[1],"expand":[1],"href":[1],"target":[1],"disabled":[516]}]]],["vertex-card.cjs",[[1,"vertex-card",{"mode":[1]}]]],["vertex-card-group.cjs",[[1,"vertex-card-group",{"selected":[516],"hovered":[516],"expanded":[516]}]]],["vertex-chip.cjs",[[1,"vertex-chip",{"variant":[1],"color":[1]}]]],["vertex-logo-loading.cjs",[[1,"vertex-logo-loading"]]],["vertex-menu-divider.cjs",[[1,"vertex-menu-divider"]]],["vertex-menu-item.cjs",[[1,"vertex-menu-item",{"disabled":[516]}]]],["vertex-radio.cjs",[[2,"vertex-radio",{"disabled":[516],"value":[513],"label":[513],"name":[513],"checked":[516]}]]],["vertex-radio-group.cjs",[[1,"vertex-radio-group",{"name":[513],"value":[1537]}]]],["vertex-resizable.cjs",[[1,"vertex-resizable",{"horizontalDirection":[1,"horizontal-direction"],"verticalDirection":[1,"vertical-direction"],"initialHorizontalScale":[2,"initial-horizontal-scale"],"initialVerticalScale":[2,"initial-vertical-scale"],"initializeWithOffset":[4,"initialize-with-offset"],"parentSelector":[1,"parent-selector"],"verticalSiblingSelector":[1,"vertical-sibling-selector"],"horizontalSiblingSelector":[1,"horizontal-sibling-selector"],"contentSelector":[1,"content-selector"],"position":[1],"dimensionsComputed":[1540,"dimensions-computed"],"width":[32],"minWidth":[32],"maxWidth":[32],"height":[32],"minHeight":[32],"maxHeight":[32],"left":[32],"top":[32],"hoveredLocation":[32],"dragStartLocation":[32],"updateDimensions":[64]}]]],["vertex-spinner.cjs",[[1,"vertex-spinner",{"color":[1],"size":[1]}]]],["vertex-tab.cjs",[[1,"vertex-tab",{"label":[1],"active":[4]}]]],["vertex-tabs.cjs",[[1,"vertex-tabs",{"active":[1025],"labels":[32],"activeBounds":[32],"activeButtonEl":[32]}]]],["vertex-expandable.cjs",[[1,"vertex-expandable",{"expanded":[1540],"expanding":[1540],"collapsing":[1540],"controlled":[516],"expandType":[513,"expand-type"],"animated":[4],"contentScrollHeight":[32]}]]],["vertex-result-list.cjs",[[1,"vertex-result-list",{"items":[16],"itemsJson":[1,"items"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"resultHeight":[1026,"result-height"],"overScanCount":[2,"over-scan-count"],"placement":[1],"position":[1],"open":[4],"listHeight":[32],"parsedResults":[32],"scrollTop":[32],"lastStartIndex":[32],"lastFocusedIndex":[32],"stateMap":[32]}]]],["vertex-auto-resize-textarea.cjs",[[1,"vertex-auto-resize-textarea",{"textareaSelector":[1,"textarea-selector"],"initialValue":[1,"initial-value"],"minRows":[514,"min-rows"],"maxRows":[514,"max-rows"],"textValue":[32]}]]],["vertex-textfield.cjs",[[6,"vertex-textfield",{"type":[1],"name":[1],"variant":[1],"fontSize":[1,"font-size"],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"placeholder":[1],"autoFocus":[4,"auto-focus"],"autoComplete":[1,"auto-complete"],"autoCorrect":[1,"auto-correct"],"value":[1032],"disabled":[516],"hasError":[4,"has-error"],"updateInput":[64],"blurInput":[64],"getInputValue":[64],"selectAll":[64]}]]],["vertex-popover.cjs",[[1,"vertex-popover",{"open":[1540],"placement":[1],"position":[1025],"anchorBounds":[16],"backdrop":[4],"animated":[4],"anchorSelector":[1,"anchor-selector"],"boundarySelector":[1,"boundary-selector"],"resizeBehavior":[1,"resize-behavior"],"overflowBehavior":[16],"flipBehavior":[16],"offsetBehavior":[2,"offset-behavior"],"updateOnResize":[4,"update-on-resize"],"resizeObserverFactory":[16],"opened":[32],"computedPlacement":[32]}]]],["vertex-tooltip.cjs",[[1,"vertex-tooltip",{"content":[1],"disabled":[4],"placement":[1],"delay":[2],"animated":[4],"open":[32]}]]],["vertex-color-swatch.cjs",[[1,"vertex-color-swatch",{"variant":[513],"size":[513],"color":[513],"supplementalColor":[513,"supplemental-color"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"lightened":[1537],"darkened":[1537]}]]],["vertex-menu.cjs",[[1,"vertex-menu",{"animated":[4],"open":[1540],"placement":[1],"fallbackPlacements":[16],"backdrop":[4],"position":[1040],"popoverProps":[16]}]]],["vertex-icon-button.cjs",[[1,"vertex-icon-button",{"iconName":[1,"icon-name"],"disabled":[516],"variant":[1],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"]}]]],["vertex-icon.cjs",[[1,"vertex-icon",{"name":[1],"size":[1]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{dialog-88e2308a.js → dialog-34f1dd6e.js}

@@ -13,7 +13,7 @@ function getComputedStyle(el) {
   return window.getComputedStyle(el);
 }
 
-const dialogCss = ":host{--backdrop-color:rgba(0,0,0,0.4);--z-index:var(--vertex-ui-dialog-layer)}.hidden>.dialog{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none;display:none}.close{margin-left:auto}.shown{display:flex;justify-content:center;align-items:center}.header{width:100%;display:flex;font-size:1.125rem;height:2rem;margin-bottom:1rem}.body{position:relative;width:100%;height:100%}.dialog-backdrop{position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--backdrop-color);padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog{background-color:var(--vertex-ui-white);position:absolute;align-items:center;color:var(--vertex-ui-neutral-800);font-family:var(--vertex-ui-font-family);overflow:hidden}.dialog.no-select{user-select:none}.overlay{border:1px solid var(--vertex-ui-neutral-300);border-radius:6px;min-width:var(--min-width, var(--vertex-ui-min-dialog-width));box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);display:flex}.overlay.resizable{min-height:var(--min-height, var(--vertex-ui-min-dialog-height))}.fullscreen{height:100vh;width:100vw}.contents{display:flex;position:relative;flex-direction:column;padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.footer{display:flex}.resize{cursor:nwse-resize;position:absolute;bottom:0.125rem;right:0.125rem}.resize-cursor{cursor:nwse-resize}";
+const dialogCss = ":host{--backdrop-color:rgba(0,0,0,0.4);--z-index:var(--vertex-ui-dialog-layer)}.hidden>.dialog{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none;display:none}.close{margin-left:auto}.shown{display:flex;justify-content:center;align-items:center}.header{width:100%;display:flex;font-size:1.125rem;height:2rem;margin-bottom:1rem}.body{position:relative;width:100%;height:100%}.dialog-backdrop{position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--backdrop-color);padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog{background-color:var(--vertex-ui-white);position:absolute;align-items:center;color:var(--vertex-ui-neutral-800);font-family:var(--vertex-ui-font-family);overflow:hidden}.dialog.no-select{user-select:none}.overlay{border:1px solid var(--vertex-ui-neutral-300);border-radius:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);display:flex}.overlay.resizable{min-height:var(--min-height, var(--vertex-ui-min-dialog-height))}.fullscreen{height:100vh;width:100vw}.contents{display:flex;position:relative;flex-direction:column;padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.footer{display:flex}.resize{cursor:nwse-resize;position:absolute;bottom:0.125rem;right:0.125rem}.resize-cursor{cursor:nwse-resize}";
 
 const Dialog = class {
   constructor(hostRef) {

package/dist/cjs/dom-b6c5fbf4.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const index = require('./index-6a92256c.js');
+
+function readDOM(callback) {
+  index.readTask(callback);
+}
+function getBoundingClientRect(el) {
+  return el.getBoundingClientRect();
+}
+
+exports.getBoundingClientRect = getBoundingClientRect;
+exports.readDOM = readDOM;

package/dist/cjs/{icon-460fd0f5.js → icon-2a64c9ca.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-6a92256c.js');
 const index$1 = require('./index-e1b40fa6.js');
-const iconHelper = require('./icon-helper-ba408f49.js');
+const iconHelper = require('./icon-helper-e02da963.js');
 
 const iconCss = ".container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon{display:flex;justify-content:center;align-items:center;fill:currentColor}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}svg{position:relative;width:100%}";
 

package/dist/cjs/{icon-button-786427d6.js → icon-button-10617d04.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-6a92256c.js');
 const index$1 = require('./index-e1b40fa6.js');
-const iconHelper = require('./icon-helper-ba408f49.js');
+const iconHelper = require('./icon-helper-e02da963.js');
 
 const iconButtonCss = "button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{--enabled-cursor:pointer;--disabled-cursor:not-allowed;--hover-background-color:var(--vertex-ui-neutral-300);--active-background-color:var(--vertex-ui-neutral-400);--focus-background-color:var(--vertex-ui-neutral-400);--hover-box-shadow:0 2px 2px rgb(0 0 0 / 20%);--active-box-shadow:none;--focus-box-shadow:0 0 0 1px var(--vertex-ui-neutral-900);--icon-margin:0px}.container{display:flex;justify-content:center;align-items:center;outline:none;fill:currentColor;color:currentColor;cursor:var(--enabled-cursor)}.container:not(.plain){border-radius:4px;padding:0.25rem}.icon-button{display:flex;position:relative;justify-content:center;align-items:center;fill:currentColor;height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.icon-button svg{width:100%;height:100%;margin:var(--icon-margin, 0px)}.badge{position:absolute;top:0px;right:4px;justify-content:flex-end;align-items:flex-end}.floating{background-color:var(--vertex-ui-neutral-100);box-shadow:var(--vertex-ui-overlay-shadow);color:var(--vertex-ui-neutral-700);fill:var(--vertex-ui-neutral-700);opacity:0.95}.floating.disabled{color:var(--vertex-ui-neutral-400);cursor:var(--disabled-cursor)}.container:not(.disabled):not(.plain):hover{background-color:var(--hover-background-color);box-shadow:var(--hover-box-shadow)}.container:not(.disabled):not(.plain):active{background-color:var(--active-background-color);box-shadow:var(--active-box-shadow)}.container:not(.disabled):not(.plain):focus-visible{background-color:var(--focus-background-color);box-shadow:var(--focus-box-shadow);color:var(--vertex-ui-neutral-900)}.container.disabled:not(.floating){cursor:var(--disabled-cursor);color:var(--vertex-ui-neutral-400)}.container.primary:not(.disabled){color:var(--vertex-ui-blue-700)}.container.secondary:not(.disabled){color:var(--vertex-ui-neutral-800)}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}";
 

package/dist/cjs/{icon-helper-ba408f49.js → icon-helper-e02da963.js}

@@ -91,6 +91,9 @@ const CaretRight = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg",
 const CaretUp = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "caret-up" },
   index.h("path", { d: "M7.93,6.28l4.2,4.6a.62.62,0,0,0,.7-.1.64.64,0,0,0,0-.6l-4.5-5a.48.48,0,0,0-.7,0h0l-4.5,5a.49.49,0,0,0,.1.7.64.64,0,0,0,.6,0Z" })));
 
+const Caution = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "caution" },
+  index.h("path", { d: "M8,11a.51.51,0,1,0,.35.15A.47.47,0,0,0,8,11Zm6.65,1.29ZM8,6a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,1,0v-3A.5.5,0,0,0,8,6Zm6.65,6.29L9.32,2.4h0a1.5,1.5,0,0,0-2.64,0L1.35,12.29h0a1.53,1.53,0,0,0-.18.71,1.5,1.5,0,0,0,1.5,1.5H13.33a1.5,1.5,0,0,0,1.5-1.5A1.53,1.53,0,0,0,14.65,12.29Zm-1,1.06a.47.47,0,0,1-.35.15H2.67a.47.47,0,0,1-.35-.15A.51.51,0,0,1,2.17,13l.06-.24h0L7.56,2.87h0a.5.5,0,0,1,.88,0l5.33,9.89h0l.06.24A.51.51,0,0,1,13.68,13.35Z" })));
+
 const Check = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "check" },
   index.h("path", { d: "M13.85,4.15a.48.48,0,0,0-.7,0L6.5,10.79,2.85,7.15a.49.49,0,0,0-.7.7l4,4a.48.48,0,0,0,.7,0l7-7A.48.48,0,0,0,13.85,4.15Z" })));
 
@@ -144,6 +147,12 @@ const CommentResolve = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/sv
 const CommentShow = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "comment-show" },
   index.h("path", { d: "M11.5,8h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm0-3h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm2-3H2.5A1.5,1.5,0,0,0,1,3.5v7A1.5,1.5,0,0,0,2.5,12H8.29l2.86,2.85a.47.47,0,0,0,.54.11A.5.5,0,0,0,12,14.5V12h1.5A1.5,1.5,0,0,0,15,10.5v-7A1.5,1.5,0,0,0,13.5,2Zm.5,8.5a.5.5,0,0,1-.5.5h-2a.51.51,0,0,0-.5.5v1.79L8.85,11.15A.47.47,0,0,0,8.5,11h-6a.5.5,0,0,1-.5-.5v-7A.5.5,0,0,1,2.5,3h11a.5.5,0,0,1,.5.5Z" })));
 
+const Compare = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "compare" },
+  index.h("path", { d: "M8.27 9.94 5.89 7.56c-.11-.11-.23-.17-.36-.17s-.25.06-.36.17c-.11.11-.16.23-.15.37 0 .13.06.25.15.34l1.74 1.74H1.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h5.42l-1.74 1.74c-.11.11-.16.23-.16.35 0 .13.06.24.16.35.11.11.23.16.36.16.13 0 .25-.06.34-.15l2.39-2.39c.09-.09.15-.18.18-.27.04-.09.05-.19.05-.3s-.02-.21-.05-.3c-.04-.09-.1-.18-.18-.27Zm6.59-4.79c-.1-.1-.21-.14-.36-.14H9.11l1.74-1.74c.11-.11.16-.23.16-.35 0-.13-.06-.24-.16-.35a.495.495 0 0 0-.36-.16c-.13 0-.25.06-.34.15L7.76 4.95c-.09.09-.15.18-.18.27-.04.09-.05.19-.05.3s.02.21.05.3c.04.09.1.18.18.27l2.38 2.38c.11.11.23.17.36.17s.25-.06.36-.17c.11-.11.16-.23.15-.37 0-.13-.06-.25-.15-.34L9.12 6.02h5.39c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36Z" })));
+
+const Compress = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "compress" },
+  index.h("path", { d: "M13.49 8.47H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14ZM2.5 7.47h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14ZM8.35 10.62c-.2-.2-.51-.2-.71 0l-2.12 2.12c-.2.2-.2.51 0 .71.2.2.51.2.71 0l1.24-1.24v2.32c0 .28.22.5.5.5s.5-.22.5-.5v-2.38l1.29 1.29c.2.2.51.2.71 0 .2-.2.2-.51 0-.71l-2.12-2.12v.01ZM7.63 5.41c.2.2.51.2.71 0l2.12-2.12c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0L8.51 3.82V1.5c0-.28-.22-.5-.5-.5s-.5.22-.5.5v2.38L6.22 2.59c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l2.12 2.12v-.01Z" })));
+
 const Copy = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "copy" },
   index.h("path", { d: "M13.51,1h-8A1.51,1.51,0,0,0,4,2.52V4H2.51A1.5,1.5,0,0,0,1,5.5v8A1.5,1.5,0,0,0,2.51,15h8A1.5,1.5,0,0,0,12,13.5V12h1.51a1.5,1.5,0,0,0,1.5-1.5v-8A1.5,1.5,0,0,0,13.51,1ZM11,13.5a.5.5,0,0,1-.5.5h-8a.5.5,0,0,1-.5-.5v-8a.5.5,0,0,1,.5-.5h8a.5.5,0,0,1,.5.5Zm3-3a.51.51,0,0,1-.5.5H12V5.5A1.5,1.5,0,0,0,10.5,4H5V2.52a.51.51,0,0,1,.5-.5h8a.51.51,0,0,1,.5.5Z" })));
 
@@ -156,6 +165,9 @@ const CubeOrthographic = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/
 const CubePerspective = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "cube-perspective" },
   index.h("path", { d: "M13.72,4.05l-6-3a.49.49,0,0,0-.44,0l-6,3A.51.51,0,0,0,1,4.5v7a.51.51,0,0,0,.28.45l6,3a.49.49,0,0,0,.44,0l6-3A.51.51,0,0,0,14,11.5v-7A.51.51,0,0,0,13.72,4.05ZM7,13.69l-5-2.5V5.31l5,2.5Zm.5-6.75L2.62,4.5,7.5,2.06,12.38,4.5ZM13,11.19l-5,2.5V7.81l5-2.5Z" })));
 
+const CubeStack = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "cube-stack" },
+  index.h("path", { d: "M13.72 2.52 10.22.77a.508.508 0 0 0-.45 0l-3.5 1.75a.5.5 0 0 0-.28.45v3.81c-.08 0-.15.02-.22.05l-3.5 1.75a.5.5 0 0 0-.28.45v4.08c0 .19.11.36.28.45l3.5 1.75c.07.04.15.05.22.05s.16-.02.23-.05l7.52-3.82c.15-.1.25-.25.25-.43V2.97c0-.19-.11-.36-.28-.45ZM13 6.74l-2.46 1.23V5.03L13 3.8v2.94Zm-7.46 7.33L3 12.8V9.82l2.54 1.27v2.98Zm.5-3.85-2.4-1.2 2.37-1.18 2.4 1.2-2.37 1.18ZM9 12.78l-2.46 1.25v-2.94L9 9.86v2.92Zm.54-4.77L7 6.74V3.76l2.54 1.27v2.98ZM7.63 2.96 10 1.78l2.4 1.2-2.37 1.18-2.4-1.2Zm2.91 6.13L13 7.86v2.88l-2.46 1.25v-2.9Z" })));
+
 const Delete = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "delete" },
   index.h("path", { d: "M6.5,12a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,0-1,0v5A.5.5,0,0,0,6.5,12Zm3,0a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,0-1,0v5A.5.5,0,0,0,9.5,12Zm4-10H10V1.5a.47.47,0,0,0-.15-.35A.47.47,0,0,0,9.5,1h-3a.47.47,0,0,0-.35.15A.47.47,0,0,0,6,1.5V2H2.5a.5.5,0,0,0,0,1H3v9.5A2.5,2.5,0,0,0,5.5,15h5A2.5,2.5,0,0,0,13,12.5V3h.5a.5.5,0,0,0,0-1ZM12,12.5A1.5,1.5,0,0,1,10.5,14h-5A1.5,1.5,0,0,1,4,12.5V4h8Z" })));
 
@@ -171,6 +183,9 @@ const Ellipse = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", vie
 const ErrorCircle = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "error-circle" },
   index.h("path", { d: "M8,1a7,7,0,1,0,7,7A7,7,0,0,0,8,1Zm4.27,11.23A6,6,0,1,1,14,8,6,6,0,0,1,12.27,12.27ZM8,4a.5.5,0,0,0-.5.5v5a.5.5,0,0,0,1,0v-5A.5.5,0,0,0,8,4Zm0,7a.51.51,0,1,0,.35.15A.47.47,0,0,0,8,11Z" })));
 
+const Expand = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "expand" },
+  index.h("path", { d: "M13.49 13.98H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14ZM2.5 2h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14ZM9.76 5.97c.2.2.51.2.71 0 .2-.2.2-.51 0-.71L8.36 3.14c-.2-.2-.51-.2-.71 0L5.53 5.26c-.2.2-.2.51 0 .71.2.2.51.2.71 0l1.24-1.24v6.53l-1.24-1.24c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l2.12 2.12c.2.2.51.2.71 0l2.12-2.12c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.29 1.29V4.67l1.29 1.29-.01.01Z" })));
+
 const ExpandAll = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "expand-all" },
   index.h("path", { d: "M14.5,6h-5a.5.5,0,0,0,0,1h5a.5.5,0,0,0,0-1ZM4,2.5H2a.5.5,0,0,0-.46.31.47.47,0,0,0,.11.54l1,1a.48.48,0,0,0,.7,0l1-1a.47.47,0,0,0,.11-.54A.5.5,0,0,0,4,2.5ZM5.5,4h9a.5.5,0,0,0,0-1h-9a.5.5,0,0,0,0,1ZM4,8.5H2a.5.5,0,0,0-.46.31.47.47,0,0,0,.11.54l1,1a.48.48,0,0,0,.7,0l1-1a.47.47,0,0,0,.11-.54A.5.5,0,0,0,4,8.5ZM14.5,9h-9a.5.5,0,0,0,0,1h9a.5.5,0,0,0,0-1Zm0,3h-5a.5.5,0,0,0,0,1h5a.5.5,0,0,0,0-1Z" })));
 
@@ -310,9 +325,23 @@ const PinText = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", vie
 const PinTextFill = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pin-text-fill" },
   index.h("path", { d: "M8,15H8a.5.5,0,0,1-.42-.23L5.72,12H3.48A1.5,1.5,0,0,1,2,10.5v-8A1.5,1.5,0,0,1,3.48,1h9A1.5,1.5,0,0,1,14,2.5v8a1.5,1.5,0,0,1-1.5,1.5H10.19L8.37,14.8A.52.52,0,0,1,8,15Z" })));
 
+const PinTextSquare = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pin-text-square" },
+  index.h("path", { d: "M13.51 14.97H2.5c-.83 0-1.5-.67-1.5-1.5V2.5C1 1.67 1.67 1 2.5 1h11.01c.83 0 1.5.67 1.5 1.5v10.97c0 .83-.67 1.5-1.5 1.5ZM2.5 2c-.28 0-.5.22-.5.5v10.97c0 .28.22.5.5.5h11.01c.28 0 .5-.22.5-.5V2.5c0-.28-.22-.5-.5-.5H2.5Z" }),
+  index.h("path", { d: "m3.98 11.97 3.3-8h1.37l3.37 8h-1.04l-.88-2.01H5.9l-.91 2.01H3.98Zm4.02-7-1.76 4h3.42L8 4.97Z" })));
+
 const Plus = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "plus" },
   index.h("path", { d: "M14.36,7.5H8.5V1.64a.5.5,0,0,0-1,0V7.5H1.64a.5.5,0,0,0,0,1H7.5v5.86a.5.5,0,0,0,1,0V8.5h5.86a.5.5,0,0,0,0-1Z" })));
 
+const PlusWithArrow = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "plus-with-arrow" },
+  index.h("path", { d: "M8.58 1.46c-3.58 0-6.5 2.92-6.5 6.5H.59l2 3 2-3h-1.5c0-3.03 2.47-5.5 5.5-5.5s5.5 2.47 5.5 5.5-2.47 5.5-5.5 5.5c-1.19 0-2.32-.37-3.27-1.08a.505.505 0 0 0-.7.1c-.17.22-.12.53.1.7 1.13.84 2.46 1.28 3.87 1.28 3.58 0 6.5-2.92 6.5-6.5s-2.92-6.5-6.51-6.5Z" }),
+  index.h("path", { d: "M8.5 5.53c-.28 0-.5.22-.5.5v1.49H6.51c-.28 0-.5.22-.5.5s.22.5.5.5H8v1.51c0 .28.22.5.5.5s.5-.22.5-.5V8.52h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H9V6.03c0-.28-.22-.5-.5-.5Z" })));
+
+const PMI = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pmi" },
+  index.h("path", { d: "M14.49 6.03 4.5 6c-.28 0-.5-.22-.5-.5v-3c0-.13.05-.26.15-.35A.51.51 0 0 1 4.5 2l9.99.03c.28 0 .5.22.5.5v3c0 .13-.05.26-.15.35a.51.51 0 0 1-.35.15ZM5 5l8.99.03v-2L5 3v2Z" }),
+  index.h("path", { d: "M9.5 12.01H4.55c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H9V6.02c0-.28.22-.5.5-.5s.5.22.5.5v5.49c0 .28-.22.5-.5.5Z" }),
+  index.h("path", { d: "M3.46 15.04c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm2.01-.01h-.01c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.51.22.51.5-.22.5-.5.5Zm-3.99-.01c-.28 0-.5-.22-.5-.49 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm6-.01c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm-6-2c-.28 0-.5-.22-.5-.5 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm0-2.01c-.28 0-.5-.22-.5-.5 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm6-1.97c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5c0 .29-.22.51-.5.51Zm-5.97-.02c-.28 0-.51-.22-.51-.5s.22-.5.5-.5h.01c.28 0 .5.22.5.5s-.22.5-.5.5ZM3.52 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm2.01-.02c-.28 0-.51-.22-.51-.5s.22-.5.5-.5h.01c.28 0 .5.22.5.5s-.22.5-.5.5Z" }),
+  index.h("circle", { cx: "4.49", cy: "11.53", r: "1.5" })));
+
 const PreciseMeasurement = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "precise-measurement" },
   index.h("path", { d: "m1.91 1.54 4.13 2.1c.05.03.09.07.13.11.04.04.08.09.11.15.02.05.05.11.06.18.02.06.02.13.02.19v2.02h-.64V4.27L2.1 2.53l.05 11.1 3.57-1.95V9.67h.64v2.01c0 .07 0 .13-.02.2-.01.06-.04.12-.06.18-.03.06-.07.11-.11.15-.04.04-.08.08-.13.11l-3.82 2.17c-.06.03-.14.05-.2.06-.08 0-.15-.02-.21-.05-.05-.02-.1-.06-.15-.1-.04-.05-.08-.1-.11-.16l-.05-.19-.04-11.94c0-.1.01-.19.04-.27.02-.09.07-.16.11-.23l.13-.16.17.09zM13.9 2.53l-3.62 1.74v2.02h-.64V4.27c0-.06 0-.13.02-.19.01-.07.04-.13.06-.18.03-.06.07-.11.11-.15.04-.04.08-.08.13-.11h.01l4.29-2.19.13.16c.04.07.09.14.11.23.03.08.04.17.04.26l-.04 11.95-.05.19c-.03.06-.07.11-.11.16-.05.04-.1.08-.15.1-.06.03-.13.05-.21.05a.762.762 0 0 1-.2-.06l-3.82-2.17c-.05-.03-.09-.07-.13-.11a.583.583 0 0 1-.11-.15c-.02-.06-.05-.12-.06-.18-.02-.07-.02-.13-.02-.2V9.67h.64v2.01l3.57 1.95.05-11.1z" }),
   index.h("path", { d: "m13.31 7.98-2.34-2.69v1.99H5.03V5.29L2.79 7.98l2.24 2.69v-2h5.94v2z" })));
@@ -361,9 +390,15 @@ const TeleportToward = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/sv
 const Turtle = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "turtle" },
   index.h("path", { d: "M13.5,5a.5.5,0,0,0-.35.85.5.5,0,1,0,.7-.7A.47.47,0,0,0,13.5,5Zm2.18-.92a2.15,2.15,0,0,0-.43-.74A1.08,1.08,0,0,0,14.5,3h-2a1.08,1.08,0,0,0-.75.34,2.67,2.67,0,0,0-.57,1.22c0,.06,0,.15,0,.22a3.85,3.85,0,0,0-1.06-1.07A4.62,4.62,0,0,0,7.5,3a4.93,4.93,0,0,0-3.2,1,6.24,6.24,0,0,0-2,3.43A9.75,9.75,0,0,0,2,9.18l-1.73.87A.5.5,0,0,0,.5,11H3.33l.27.18-.55,1.1a.51.51,0,0,0,0,.48A.52.52,0,0,0,3.5,13h2a.51.51,0,0,0,.5-.5v-.6a11,11,0,0,0,1.5.1,7.78,7.78,0,0,0,2.5-.38v.88a.51.51,0,0,0,.5.5h2a.52.52,0,0,0,.43-.24.51.51,0,0,0,0-.48l-.89-1.78A6.11,6.11,0,0,0,13.86,8H15.5a.51.51,0,0,0,.5-.5v-1A7.36,7.36,0,0,0,15.68,4.08ZM3,9.17H3A8,8,0,0,1,3.7,6.43,4.48,4.48,0,0,1,5,4.74,4,4,0,0,1,7.5,4a3.55,3.55,0,0,1,2,.54,3.27,3.27,0,0,1,1.27,1.84,4.72,4.72,0,0,1,.17.81,1.7,1.7,0,0,1,0,.21,3.75,3.75,0,0,1-1.72,2,5.38,5.38,0,0,1-2.47.53A10.75,10.75,0,0,1,4,9.46C3.57,9.36,3.25,9.25,3,9.17ZM5,12H4.31l.21-.42.48.14Zm6,0v-.72a.24.24,0,0,0,0-.08l.24-.13.46.93Zm4-5H13.5a.51.51,0,0,0-.49.38h0a4.78,4.78,0,0,1-1.09,1.88A5.71,5.71,0,0,1,7.5,11a8.87,8.87,0,0,1-2.1-.22,9.13,9.13,0,0,0,1.4.11,6.27,6.27,0,0,0,2.94-.65A4.78,4.78,0,0,0,12,7.7h0l0-.19v-1a6.55,6.55,0,0,1,.26-2.08A1.38,1.38,0,0,1,12.47,4l0,0h2a.41.41,0,0,1,.11.12A5.06,5.06,0,0,1,15,6.5Z" })));
 
+const Update = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "update" },
+  index.h("path", { d: "M11.27 12.42A5.5 5.5 0 0 1 2.5 8H4L2 5 0 8h1.5A6.5 6.5 0 0 0 8 14.5a6.42 6.42 0 0 0 3.87-1.28.5.5 0 1 0-.6-.8ZM14.5 8A6.5 6.5 0 0 0 8 1.5a6.42 6.42 0 0 0-3.87 1.28.5.5 0 0 0 .6.8A5.5 5.5 0 0 1 13.5 8H12l2 3 2-3h-1.5Z" })));
+
 const VersionHistory = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "version-history" },
   index.h("path", { d: "M7.91,5.5a.5.5,0,0,0-.5.5V8.94l1.21,1.39a.5.5,0,0,0,.76-.66l-1-1.11V6A.5.5,0,0,0,7.91,5.5ZM8,1.5A6.5,6.5,0,0,0,1.5,8H0l2,3L4,8H2.5a5.5,5.5,0,1,1,2.23,4.42.5.5,0,0,0-.7.1.5.5,0,0,0,.1.7A6.42,6.42,0,0,0,8,14.5a6.5,6.5,0,0,0,0-13Z" })));
 
+const Views = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "views" },
+  index.h("path", { d: "M12.49 5.97v-.03c0-.07-.02-.13-.05-.19a.27.27 0 0 0-.07-.08.284.284 0 0 0-.1-.09c-.02-.01-.02-.03-.04-.04L8.27 3.56a.508.508 0 0 0-.45 0L3.9 5.51c-.11.03-.21.11-.28.22l-.02.02-.01.02c-.03.07-.05.13-.05.2 0 .01-.01.02-.01.04v4.63c0 .19.11.36.28.45l4 1.99h.01a.465.465 0 0 0 .42 0h.01l3.97-1.96a.5.5 0 0 0 .28-.45L12.48 6l.01-.03ZM8.04 4.55l2.84 1.42-2.83 1.45-2.88-1.44 2.87-1.43ZM4.53 6.78l3 1.5v3.52l-3-1.5V6.77v.01Zm4.01 5.02V8.29l2.96-1.51v3.55L8.54 11.8ZM1.5 5c-.28 0-.5-.22-.5-.5V1h3.5c.28 0 .5.22.5.5s-.22.5-.5.5H2v2.5c0 .28-.22.5-.5.5Zm0 5.99c-.28 0-.5.22-.5.5v3.5h3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H2v-2.5c0-.28-.22-.5-.5-.5ZM14.5 5c.28 0 .5-.22.5-.5V1h-3.5c-.28 0-.5.22-.5.5s.22.5.5.5H14v2.5c0 .28.22.5.5.5Zm0 5.99c.28 0 .5.22.5.5v3.5h-3.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H14v-2.5c0-.28.22-.5.5-.5Z" })));
+
 const VisibilityHidden = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "visibility-hidden" },
   index.h("path", { d: "M13.35,2.65a.48.48,0,0,0-.7,0l-.78.77a8.71,8.71,0,0,0-8.52.41A6.57,6.57,0,0,0,.51,7.89v.22a6.58,6.58,0,0,0,2.71,4l-.57.58a.49.49,0,0,0,.7.7l10-10A.48.48,0,0,0,13.35,2.65ZM9.73,5.56A3,3,0,0,0,5.56,9.73L3.94,11.35l0,0A5.49,5.49,0,0,1,1.53,8,5.49,5.49,0,0,1,3.9,4.67,7.52,7.52,0,0,1,8,3.5a7.67,7.67,0,0,1,3.12.67Zm3.61-1.2-.72.72A5.45,5.45,0,0,1,14.47,8a5.49,5.49,0,0,1-2.37,3.33A7.52,7.52,0,0,1,8,12.5a8.15,8.15,0,0,1-2.41-.38l-.78.78A8.9,8.9,0,0,0,8,13.5a8.53,8.53,0,0,0,4.65-1.33,6.57,6.57,0,0,0,2.84-4.06V7.89A6.56,6.56,0,0,0,13.34,4.36Z" })));
 
@@ -436,6 +471,8 @@ function getSvg(name) {
       return index.h(CaretRight, null);
     case 'caret-up':
       return index.h(CaretUp, null);
+    case 'caution':
+      return index.h(Caution, null);
     case 'check':
       return index.h(Check, null);
     case 'check-circle':
@@ -470,6 +507,10 @@ function getSvg(name) {
       return index.h(CommentResolve, null);
     case 'comment-show':
       return index.h(CommentShow, null);
+    case 'compare':
+      return index.h(Compare, null);
+    case 'compress':
+      return index.h(Compress, null);
     case 'copy':
       return index.h(Copy, null);
     case 'cross-section':
@@ -478,6 +519,8 @@ function getSvg(name) {
       return index.h(CubeOrthographic, null);
     case 'cube-perspective':
       return index.h(CubePerspective, null);
+    case 'cube-stack':
+      return index.h(CubeStack, null);
     case 'delete':
       return index.h(Delete, null);
     case 'download':
@@ -488,6 +531,8 @@ function getSvg(name) {
       return index.h(Ellipse, null);
     case 'error-circle':
       return index.h(ErrorCircle, null);
+    case 'expand':
+      return index.h(Expand, null);
     case 'expand-all':
       return index.h(ExpandAll, null);
     case 'export':
@@ -558,8 +603,14 @@ function getSvg(name) {
       return index.h(PinText, null);
     case 'pin-text-fill':
       return index.h(PinTextFill, null);
+    case 'pin-text-square':
+      return index.h(PinTextSquare, null);
     case 'plus':
       return index.h(Plus, null);
+    case 'plus-with-arrow':
+      return index.h(PlusWithArrow, null);
+    case 'pmi':
+      return index.h(PMI, null);
     case 'precise-measurement':
       return index.h(PreciseMeasurement, null);
     case 'rabbit':
@@ -590,8 +641,12 @@ function getSvg(name) {
       return index.h(Teleport, null);
     case 'turtle':
       return index.h(Turtle, null);
+    case 'update':
+      return index.h(Update, null);
     case 'version-history':
       return index.h(VersionHistory, null);
+    case 'views':
+      return index.h(Views, null);
     case 'visibility-hidden':
       return index.h(VisibilityHidden, null);
     case 'visibility-partial':

package/dist/cjs/index.cjs.js

@@ -12,40 +12,44 @@ const cardGroup = require('./card-group-da93e610.js');
 const chip = require('./chip-a3b2e8e0.js');
 const clickToEditTextField = require('./click-to-edit-text-field-2c87ee66.js');
 const collapsible = require('./collapsible-50ea984c.js');
-const colorCircle = require('./color-circle-05be54bf.js');
-const colorCirclePicker = require('./color-circle-picker-13396ec4.js');
-const colorPicker = require('./color-picker-876ace00.js');
+const colorCirclePicker = require('./color-circle-picker-a8f9a80a.js');
+const colorPicker = require('./color-picker-2a4820fa.js');
+const colorSwatch = require('./color-swatch-8aaf6c0b.js');
 const contextMenu = require('./context-menu-664922cd.js');
-const dialog = require('./dialog-88e2308a.js');
+const dialog = require('./dialog-34f1dd6e.js');
 const draggablePopover = require('./draggable-popover-edf23d3a.js');
 const dropdownMenu = require('./dropdown-menu-5ae03a72.js');
 const expandable = require('./expandable-b1cd4f0b.js');
 const helpTooltip = require('./help-tooltip-f72eccc7.js');
-const icon = require('./icon-460fd0f5.js');
-const iconButton = require('./icon-button-786427d6.js');
+const icon = require('./icon-2a64c9ca.js');
+const iconButton = require('./icon-button-10617d04.js');
 const logoLoading = require('./logo-loading-4d49fedf.js');
 const menu = require('./menu-d1ecf43b.js');
 const menuDivider = require('./menu-divider-5bdebe5d.js');
 const menuItem = require('./menu-item-d213fd4d.js');
-const popover = require('./popover-d9ec8e10.js');
+const popover = require('./popover-942209b8.js');
 const radio = require('./radio-bff991d2.js');
 const radioGroup = require('./radio-group-d628f631.js');
 const resizable = require('./resizable-e4248256.js');
-const resultList = require('./result-list-1e592c3c.js');
-const searchBar = require('./search-bar-bb40cfa7.js');
-const select = require('./select-0eb7203f.js');
+const resultList = require('./result-list-241ffe8d.js');
+const searchBar = require('./search-bar-2e7ee35a.js');
+const select = require('./select-2b2bdb97.js');
 const slider = require('./slider-13594e49.js');
 const spinner = require('./spinner-bb990a42.js');
-const textField = require('./text-field-0397fb34.js');
+const tab = require('./tab-4335cd8f.js');
+const tabs = require('./tabs-ece62a01.js');
+const textField = require('./text-field-bccbde1f.js');
 const toast = require('./toast-bee7f47b.js');
 const toggle = require('./toggle-a5dde469.js');
-const tooltip = require('./tooltip-80a7b722.js');
+const tooltip = require('./tooltip-9ac797a0.js');
 require('./index-6a92256c.js');
 require('./slots-fb5ac359.js');
 require('./index-e1b40fa6.js');
-require('./icon-helper-ba408f49.js');
+require('./lib-1bd1e383.js');
+require('./icon-helper-e02da963.js');
 require('./templates-e7b3ffbb.js');
 require('./tslib.es6-838fd860.js');
+require('./dom-b6c5fbf4.js');
 
 
 
@@ -59,9 +63,9 @@ exports.CardGroup = cardGroup.CardGroup;
 exports.Chip = chip.Chip;
 exports.ClickToEditTextField = clickToEditTextField.ClickToEditTextField;
 exports.Collapsible = collapsible.Collapsible;
-exports.ColorCircle = colorCircle.ColorCircle;
 exports.ColorCirclePicker = colorCirclePicker.ColorCirclePicker;
 exports.ColorPicker = colorPicker.ColorPicker;
+exports.ColorSwatch = colorSwatch.ColorSwatch;
 exports.ContextMenu = contextMenu.ContextMenu;
 exports.Dialog = dialog.Dialog;
 exports.DraggablePopover = draggablePopover.DraggablePopover;
@@ -83,6 +87,8 @@ exports.SearchBar = searchBar.SearchBar;
 exports.Select = select.Select;
 exports.Slider = slider.Slider;
 exports.Spinner = spinner.Spinner;
+exports.Tab = tab.Tab;
+exports.Tabs = tabs.Tabs;
 exports.TextField = textField.TextField;
 exports.Toast = toast.Toast;
 exports.Toggle = toggle.Toggle;

package/dist/cjs/lib-1bd1e383.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const hexRegex = /^(#|0x)?([A-Fa-f0-9]{6})$/;
+function isValidHexColor(color) {
+  const match = color != null ? hexRegex.exec(color) : undefined;
+  return match != null && match.length > 0;
+}
+
+exports.isValidHexColor = isValidHexColor;

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["vertex-click-to-edit-textfield.cjs",[[6,"vertex-click-to-edit-textfield",{"placeholder":[1],"fontSize":[1,"font-size"],"disabled":[516],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"value":[1032],"autoFocus":[4,"auto-focus"],"editing":[1540],"hasError":[4,"has-error"]}]]],["vertex-collapsible.cjs",[[1,"vertex-collapsible",{"label":[1],"open":[1540]}]]],["vertex-context-menu.cjs",[[1,"vertex-context-menu",{"targetSelector":[1,"target-selector"],"animated":[4],"position":[32],"open":[32]}]]],["vertex-dialog.cjs",[[1,"vertex-dialog",{"open":[1540],"fullscreen":[4],"resizable":[4],"width":[32],"height":[32],"minWidth":[32],"minHeight":[32],"maxWidth":[32],"maxHeight":[32],"isResizing":[32]},[[4,"keydown","keyDownListener"]]]]],["vertex-draggable-popover.cjs",[[1,"vertex-draggable-popover",{"position":[1],"boundarySelector":[1,"boundary-selector"],"boundaryPadding":[2,"boundary-padding"],"anchorPosition":[32],"lastPosition":[32],"dragging":[32]}]]],["vertex-dropdown-menu.cjs",[[1,"vertex-dropdown-menu",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-help-tooltip.cjs",[[1,"vertex-help-tooltip",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-search-bar.cjs",[[6,"vertex-search-bar",{"variant":[1],"resultItems":[16],"triggerCharacters":[16],"triggerCharacter":[1,"trigger-character"],"breakCharacters":[16],"debounce":[2],"placeholder":[1],"placement":[1],"cursorPosition":[32],"open":[32],"triggerKey":[32],"triggerRange":[32],"replaceTriggeredValue":[64],"getEditableContent":[64]}]]],["vertex-select.cjs",[[1,"vertex-select",{"value":[513],"placeholder":[513],"disabled":[516],"animated":[4],"resizeObserverFactory":[16],"open":[32],"position":[32],"displayValue":[32]}]]],["vertex-slider.cjs",[[1,"vertex-slider",{"min":[2],"max":[2],"valueLabelDisplay":[1,"value-label-display"],"step":[8],"size":[1],"value":[1026],"disabled":[4]}]]],["vertex-toast.cjs",[[1,"vertex-toast",{"content":[1],"placement":[1],"duration":[2],"animated":[4],"open":[4],"type":[1],"isOpen":[32]}]]],["vertex-color-circle-picker.cjs",[[1,"vertex-color-circle-picker",{"colors":[1],"supplementalColors":[1,"supplemental-colors"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"selected":[1537],"direction":[1]}]]],["vertex-color-picker.cjs",[[1,"vertex-color-picker",{"value":[1537],"disabled":[4]}]]],["vertex-toggle.cjs",[[1,"vertex-toggle",{"variant":[1],"disabled":[4],"checked":[1540]}]]],["vertex-avatar.cjs",[[1,"vertex-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"value":[1],"active":[4],"variant":[1]}]]],["vertex-avatar-group.cjs",[[1,"vertex-avatar-group"]]],["vertex-badge.cjs",[[1,"vertex-badge",{"badgeText":[1,"badge-text"],"badgeColor":[1,"badge-color"]}]]],["vertex-button.cjs",[[1,"vertex-button",{"type":[1],"color":[1],"variant":[1],"size":[1],"expand":[1],"href":[1],"target":[1],"disabled":[516]}]]],["vertex-card.cjs",[[1,"vertex-card",{"mode":[1]}]]],["vertex-card-group.cjs",[[1,"vertex-card-group",{"selected":[516],"hovered":[516],"expanded":[516]}]]],["vertex-chip.cjs",[[1,"vertex-chip",{"variant":[1],"color":[1]}]]],["vertex-logo-loading.cjs",[[1,"vertex-logo-loading"]]],["vertex-menu-divider.cjs",[[1,"vertex-menu-divider"]]],["vertex-menu-item.cjs",[[1,"vertex-menu-item",{"disabled":[516]}]]],["vertex-radio.cjs",[[2,"vertex-radio",{"disabled":[516],"value":[513],"label":[513],"name":[513],"checked":[516]}]]],["vertex-radio-group.cjs",[[1,"vertex-radio-group",{"name":[513],"value":[1537]}]]],["vertex-resizable.cjs",[[1,"vertex-resizable",{"horizontalDirection":[1,"horizontal-direction"],"verticalDirection":[1,"vertical-direction"],"initialHorizontalScale":[2,"initial-horizontal-scale"],"initialVerticalScale":[2,"initial-vertical-scale"],"initializeWithOffset":[4,"initialize-with-offset"],"parentSelector":[1,"parent-selector"],"verticalSiblingSelector":[1,"vertical-sibling-selector"],"horizontalSiblingSelector":[1,"horizontal-sibling-selector"],"contentSelector":[1,"content-selector"],"position":[1],"dimensionsComputed":[1540,"dimensions-computed"],"width":[32],"minWidth":[32],"maxWidth":[32],"height":[32],"minHeight":[32],"maxHeight":[32],"left":[32],"top":[32],"hoveredLocation":[32],"dragStartLocation":[32],"updateDimensions":[64]}]]],["vertex-spinner.cjs",[[1,"vertex-spinner",{"color":[1],"size":[1]}]]],["vertex-expandable.cjs",[[1,"vertex-expandable",{"expanded":[1540],"expanding":[1540],"collapsing":[1540],"controlled":[516],"expandType":[513,"expand-type"],"animated":[4],"contentScrollHeight":[32]}]]],["vertex-result-list.cjs",[[1,"vertex-result-list",{"items":[16],"itemsJson":[1,"items"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"resultHeight":[1026,"result-height"],"overScanCount":[2,"over-scan-count"],"placement":[1],"position":[1],"open":[4],"listHeight":[32],"parsedResults":[32],"scrollTop":[32],"lastStartIndex":[32],"lastFocusedIndex":[32],"stateMap":[32]}]]],["vertex-textfield.cjs",[[6,"vertex-textfield",{"type":[1],"name":[1],"variant":[1],"fontSize":[1,"font-size"],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"placeholder":[1],"autoFocus":[4,"auto-focus"],"autoComplete":[1,"auto-complete"],"autoCorrect":[1,"auto-correct"],"value":[1032],"disabled":[516],"hasError":[4,"has-error"],"updateInput":[64],"blurInput":[64],"getInputValue":[64],"selectAll":[64]}]]],["vertex-tooltip.cjs",[[1,"vertex-tooltip",{"content":[1],"disabled":[4],"placement":[1],"delay":[2],"animated":[4],"open":[32]}]]],["vertex-color-circle.cjs",[[1,"vertex-color-circle",{"color":[513],"supplementalColor":[513,"supplemental-color"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"lightened":[1537],"darkened":[1537]}]]],["vertex-auto-resize-textarea.cjs",[[1,"vertex-auto-resize-textarea",{"textareaSelector":[1,"textarea-selector"],"initialValue":[1,"initial-value"],"minRows":[514,"min-rows"],"maxRows":[514,"max-rows"],"textValue":[32]}]]],["vertex-menu.cjs",[[1,"vertex-menu",{"animated":[4],"open":[1540],"placement":[1],"fallbackPlacements":[16],"backdrop":[4],"position":[1040],"popoverProps":[16]}]]],["vertex-icon-button.cjs",[[1,"vertex-icon-button",{"iconName":[1,"icon-name"],"disabled":[516],"variant":[1],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"]}]]],["vertex-icon.cjs",[[1,"vertex-icon",{"name":[1],"size":[1]}]]],["vertex-popover.cjs",[[1,"vertex-popover",{"open":[1540],"placement":[1],"position":[1025],"anchorBounds":[16],"backdrop":[4],"animated":[4],"anchorSelector":[1,"anchor-selector"],"boundarySelector":[1,"boundary-selector"],"resizeBehavior":[1,"resize-behavior"],"overflowBehavior":[16],"flipBehavior":[16],"offsetBehavior":[2,"offset-behavior"],"updateOnResize":[4,"update-on-resize"],"opened":[32],"computedPlacement":[32]}]]]], options);
+  return index.bootstrapLazy([["vertex-click-to-edit-textfield.cjs",[[6,"vertex-click-to-edit-textfield",{"placeholder":[1],"fontSize":[1,"font-size"],"disabled":[516],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"value":[1032],"autoFocus":[4,"auto-focus"],"editing":[1540],"hasError":[4,"has-error"]}]]],["vertex-collapsible.cjs",[[1,"vertex-collapsible",{"label":[1],"open":[1540]}]]],["vertex-context-menu.cjs",[[1,"vertex-context-menu",{"targetSelector":[1,"target-selector"],"animated":[4],"position":[32],"open":[32]}]]],["vertex-dialog.cjs",[[1,"vertex-dialog",{"open":[1540],"fullscreen":[4],"resizable":[4],"width":[32],"height":[32],"minWidth":[32],"minHeight":[32],"maxWidth":[32],"maxHeight":[32],"isResizing":[32]},[[4,"keydown","keyDownListener"]]]]],["vertex-draggable-popover.cjs",[[1,"vertex-draggable-popover",{"position":[1],"boundarySelector":[1,"boundary-selector"],"boundaryPadding":[2,"boundary-padding"],"anchorPosition":[32],"lastPosition":[32],"dragging":[32]}]]],["vertex-dropdown-menu.cjs",[[1,"vertex-dropdown-menu",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-help-tooltip.cjs",[[1,"vertex-help-tooltip",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-search-bar.cjs",[[6,"vertex-search-bar",{"variant":[1],"disabled":[4],"triggerCharacter":[1,"trigger-character"],"breakCharacters":[16],"resultItems":[16],"placement":[1],"value":[1],"placeholder":[1],"replacements":[1040],"replacementUriType":[1,"replacement-uri-type"],"cursorPosition":[32],"displayedElements":[32],"hasTriggered":[32]}]]],["vertex-select.cjs",[[1,"vertex-select",{"value":[513],"placeholder":[513],"disabled":[516],"animated":[4],"hideSelected":[4,"hide-selected"],"resizeObserverFactory":[16],"open":[32],"position":[32],"displayValue":[32]}]]],["vertex-slider.cjs",[[1,"vertex-slider",{"min":[2],"max":[2],"valueLabelDisplay":[1,"value-label-display"],"step":[8],"size":[1],"value":[1026],"disabled":[4]}]]],["vertex-toast.cjs",[[1,"vertex-toast",{"content":[1],"placement":[1],"duration":[2],"animated":[4],"open":[4],"type":[1],"isOpen":[32]}]]],["vertex-color-circle-picker.cjs",[[1,"vertex-color-circle-picker",{"colors":[1],"supplementalColors":[1,"supplemental-colors"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"selected":[1537],"direction":[1]}]]],["vertex-color-picker.cjs",[[1,"vertex-color-picker",{"value":[1537],"size":[513],"variant":[513],"disabled":[4]}]]],["vertex-toggle.cjs",[[1,"vertex-toggle",{"variant":[1],"disabled":[4],"checked":[1540]}]]],["vertex-avatar.cjs",[[1,"vertex-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"value":[1],"active":[4],"variant":[1]}]]],["vertex-avatar-group.cjs",[[1,"vertex-avatar-group"]]],["vertex-badge.cjs",[[1,"vertex-badge",{"badgeText":[1,"badge-text"],"badgeColor":[1,"badge-color"]}]]],["vertex-button.cjs",[[1,"vertex-button",{"type":[1],"color":[1],"variant":[1],"size":[1],"expand":[1],"href":[1],"target":[1],"disabled":[516]}]]],["vertex-card.cjs",[[1,"vertex-card",{"mode":[1]}]]],["vertex-card-group.cjs",[[1,"vertex-card-group",{"selected":[516],"hovered":[516],"expanded":[516]}]]],["vertex-chip.cjs",[[1,"vertex-chip",{"variant":[1],"color":[1]}]]],["vertex-logo-loading.cjs",[[1,"vertex-logo-loading"]]],["vertex-menu-divider.cjs",[[1,"vertex-menu-divider"]]],["vertex-menu-item.cjs",[[1,"vertex-menu-item",{"disabled":[516]}]]],["vertex-radio.cjs",[[2,"vertex-radio",{"disabled":[516],"value":[513],"label":[513],"name":[513],"checked":[516]}]]],["vertex-radio-group.cjs",[[1,"vertex-radio-group",{"name":[513],"value":[1537]}]]],["vertex-resizable.cjs",[[1,"vertex-resizable",{"horizontalDirection":[1,"horizontal-direction"],"verticalDirection":[1,"vertical-direction"],"initialHorizontalScale":[2,"initial-horizontal-scale"],"initialVerticalScale":[2,"initial-vertical-scale"],"initializeWithOffset":[4,"initialize-with-offset"],"parentSelector":[1,"parent-selector"],"verticalSiblingSelector":[1,"vertical-sibling-selector"],"horizontalSiblingSelector":[1,"horizontal-sibling-selector"],"contentSelector":[1,"content-selector"],"position":[1],"dimensionsComputed":[1540,"dimensions-computed"],"width":[32],"minWidth":[32],"maxWidth":[32],"height":[32],"minHeight":[32],"maxHeight":[32],"left":[32],"top":[32],"hoveredLocation":[32],"dragStartLocation":[32],"updateDimensions":[64]}]]],["vertex-spinner.cjs",[[1,"vertex-spinner",{"color":[1],"size":[1]}]]],["vertex-tab.cjs",[[1,"vertex-tab",{"label":[1],"active":[4]}]]],["vertex-tabs.cjs",[[1,"vertex-tabs",{"active":[1025],"labels":[32],"activeBounds":[32],"activeButtonEl":[32]}]]],["vertex-expandable.cjs",[[1,"vertex-expandable",{"expanded":[1540],"expanding":[1540],"collapsing":[1540],"controlled":[516],"expandType":[513,"expand-type"],"animated":[4],"contentScrollHeight":[32]}]]],["vertex-result-list.cjs",[[1,"vertex-result-list",{"items":[16],"itemsJson":[1,"items"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"resultHeight":[1026,"result-height"],"overScanCount":[2,"over-scan-count"],"placement":[1],"position":[1],"open":[4],"listHeight":[32],"parsedResults":[32],"scrollTop":[32],"lastStartIndex":[32],"lastFocusedIndex":[32],"stateMap":[32]}]]],["vertex-auto-resize-textarea.cjs",[[1,"vertex-auto-resize-textarea",{"textareaSelector":[1,"textarea-selector"],"initialValue":[1,"initial-value"],"minRows":[514,"min-rows"],"maxRows":[514,"max-rows"],"textValue":[32]}]]],["vertex-textfield.cjs",[[6,"vertex-textfield",{"type":[1],"name":[1],"variant":[1],"fontSize":[1,"font-size"],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"placeholder":[1],"autoFocus":[4,"auto-focus"],"autoComplete":[1,"auto-complete"],"autoCorrect":[1,"auto-correct"],"value":[1032],"disabled":[516],"hasError":[4,"has-error"],"updateInput":[64],"blurInput":[64],"getInputValue":[64],"selectAll":[64]}]]],["vertex-popover.cjs",[[1,"vertex-popover",{"open":[1540],"placement":[1],"position":[1025],"anchorBounds":[16],"backdrop":[4],"animated":[4],"anchorSelector":[1,"anchor-selector"],"boundarySelector":[1,"boundary-selector"],"resizeBehavior":[1,"resize-behavior"],"overflowBehavior":[16],"flipBehavior":[16],"offsetBehavior":[2,"offset-behavior"],"updateOnResize":[4,"update-on-resize"],"resizeObserverFactory":[16],"opened":[32],"computedPlacement":[32]}]]],["vertex-tooltip.cjs",[[1,"vertex-tooltip",{"content":[1],"disabled":[4],"placement":[1],"delay":[2],"animated":[4],"open":[32]}]]],["vertex-color-swatch.cjs",[[1,"vertex-color-swatch",{"variant":[513],"size":[513],"color":[513],"supplementalColor":[513,"supplemental-color"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"lightened":[1537],"darkened":[1537]}]]],["vertex-menu.cjs",[[1,"vertex-menu",{"animated":[4],"open":[1540],"placement":[1],"fallbackPlacements":[16],"backdrop":[4],"position":[1040],"popoverProps":[16]}]]],["vertex-icon-button.cjs",[[1,"vertex-icon-button",{"iconName":[1,"icon-name"],"disabled":[516],"variant":[1],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"]}]]],["vertex-icon.cjs",[[1,"vertex-icon",{"name":[1],"size":[1]}]]]], options);
   });
 };