@vertexvis/ui 1.0.0-testing.0 → 1.0.0-testing.2

package/dist/collection/components/dropdown-menu/dropdown-menu.js

@@ -15,7 +15,7 @@ export class DropdownMenu {
         this.handleMenuClosed = this.handleMenuClosed.bind(this);
     }
     render() {
-        return (h("vertex-menu", { key: 'a47155e5da8b418f87738d0488ca9c56ea28d09d', open: this.open, animated: this.animated, placement: this.placement, onMenuClosed: this.handleMenuClosed }, h("div", { key: 'ebe641d75858a3bf8cc12cfa8ff0b21e2cfc82bc', slot: "anchor", onClick: this.handleClick }, h("slot", { key: '3675c17e3810f9e2237fb90fdccf0e3f3097ffb2', name: "anchor" })), h("div", { key: '047cb9f3903d12e13e750d0d92e4fce408361f3b', slot: "header" }, h("slot", { key: '2477e7a51df8eef64d8a63e4b6f9b1bfea881676', name: "header" })), h("slot", { key: 'd6fbba6304bd53fe761608073406fca3447d6d0b' })));
+        return (h("vertex-menu", { key: '695f645ead6a2aabc5087cca89af193b87320aa4', open: this.open, animated: this.animated, placement: this.placement, onMenuClosed: this.handleMenuClosed }, h("div", { key: '64dd540a6d1b5d39dd3ddddd5eb9b965714e55eb', slot: "anchor", onClick: this.handleClick }, h("slot", { key: '48066c136db8b6495df584d962fb835140a76922', name: "anchor" })), h("div", { key: 'f24cfc5927dc96f2304b70d685f30aa973315d97', slot: "header" }, h("slot", { key: '500802a38399b97cec4e17307e8f5021eeaccfb8', name: "header" })), h("slot", { key: '9d6b6ea01ee2bdd91725c8e6807485d8efde2eef' })));
     }
     handleClick(e) {
         if (!this.open) {

package/dist/collection/components/expandable/expandable.js

@@ -84,13 +84,13 @@ export class Expandable {
         this.updateScrollHeight();
     }
     render() {
-        return (h(Host, { key: 'a9aab1a71b16e7f7fa4427729d7135a34e594c76' }, h("div", { key: 'fe7eef29e31b4969bc0e5ffb41c9c70e34b9d023', class: "content" }, this.expandType === 'content' && h("slot", { key: 'ef28e61b319a2a5aba4dbcb722eeea091cac0be0', name: "header" }), h("div", { key: '5f090d0bef1e38cfb1e59b568802f1da6f0cd346', class: classNames('expanded-content', {
+        return (h(Host, { key: '0ba5dacbace6212fca5f0eed928a285bb394e684' }, h("div", { key: '124e46c6dc4518e4ab61a46d0d6111068b1676d6', class: "content" }, this.expandType === 'content' && h("slot", { key: '7b382c87f1b03cd5a96926a2bd01663312633b81', name: "header" }), h("div", { key: '23d204b3018f638de83201df55df332e8d04dd77', class: classNames('expanded-content', {
                 animated: this.animated,
             }), ref: (el) => {
                 this.expandContainer = el;
             }, style: {
                 maxHeight: this.getMaxHeight(),
-            }, onTransitionEnd: this.handleTransitionEnd }, this.expandType === 'header' ? (h("slot", { name: "header", onSlotchange: this.updateScrollHeight })) : (h("slot", { onSlotchange: this.updateScrollHeight }))), this.expandType === 'header' && h("slot", { key: '44552b980a6970f5d6b2e961916c2cdd146fb9c8' })), !this.controlled ? (h("div", { class: "icon-container", onClick: this.handleExpand }, h("slot", { name: "expand-icon" }, h("vertex-icon-button", { class: "icon-button", variant: "plain", iconSize: "sm", iconName: this.expanded ? 'caret-down' : 'caret-up' })))) : (h("slot", { name: "expand-icon" }))));
+            }, onTransitionEnd: this.handleTransitionEnd }, this.expandType === 'header' ? (h("slot", { name: "header", onSlotchange: this.updateScrollHeight })) : (h("slot", { onSlotchange: this.updateScrollHeight }))), this.expandType === 'header' && h("slot", { key: 'c9776ebacedc8571ef0b6e7e3826a67ec23c925b' })), !this.controlled ? (h("div", { class: "icon-container", onClick: this.handleExpand }, h("slot", { name: "expand-icon" }, h("vertex-icon-button", { class: "icon-button", variant: "plain", iconSize: "sm", iconName: this.expanded ? 'caret-down' : 'caret-up' })))) : (h("slot", { name: "expand-icon" }))));
     }
     static get is() { return "vertex-expandable"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/help-tooltip/help-tooltip.js

@@ -15,7 +15,7 @@ export class HelpTooltip {
         this.handleMenuClosed = this.handleMenuClosed.bind(this);
     }
     render() {
-        return (h("vertex-menu", { key: 'b47388e259fcaf705d35bc2c6b93c4bbfd530fe2', open: this.open, animated: this.animated, placement: this.placement, onMenuClosed: this.handleMenuClosed }, h("div", { key: '136d2f97a894d036e3a89253519f7d696cd11886', slot: "anchor", onClick: this.handleClick }, h("slot", { key: '14f134e4e3038051894cb1b53e964be356c8c25e', name: "anchor" })), h("div", { key: '4dfab76f26df46d6224fd485c24258e26dd67954', class: "root" }, h("div", { key: 'd3279b16359c7a882fc1a42da3286c586aa0f2af', slot: "header", class: "header" }, h("slot", { key: '7d37e800f9053d3dc65e7d6a28a04da5df5d446b', name: "header" })), h("div", { key: '9a3547ee8ad7b703496a819f89c4d9fcad814921', class: "body" }, h("slot", { key: '503618e2bd54f93f14aa7216b1afeb426302adbc', name: "body" })), h("div", { key: '9cfa757250da4653ebadffff579c8c848a3018d7', class: "learn-more" }, h("slot", { key: 'a46b653f2fa6fadca1e82bd9ebcfbe39fb8693ca', name: "learnMore" })))));
+        return (h("vertex-menu", { key: 'aa8942d0ab8556fef7324ce46fa8bae7b7ab5c87', open: this.open, animated: this.animated, placement: this.placement, onMenuClosed: this.handleMenuClosed }, h("div", { key: '9fbd881436aa76eeecbeec1633f078545b1ffe42', slot: "anchor", onClick: this.handleClick }, h("slot", { key: '6c544088bc73f55aac9da962c7343034cfa19985', name: "anchor" })), h("div", { key: '929b5ff193a9adf51434a9c6bdf5ee3f2742de32', class: "root" }, h("div", { key: '57736f87a1eed47962d6001f75c0a8b3a4545f6d', slot: "header", class: "header" }, h("slot", { key: '51483d71900daeed89233373ded86c0c40450a65', name: "header" })), h("div", { key: 'ce076741154dd3f8873452e38f844a6d860d8987', class: "body" }, h("slot", { key: '5e07a144904c2030ad9a24fa90713af0d7a07038', name: "body" })), h("div", { key: '1ba95ad9d3da67462e806043f3702d0024556798', class: "learn-more" }, h("slot", { key: 'c3fae6e84caf6d2f60f4eca25a90b0d2dafe5863', name: "learnMore" })))));
     }
     handleClick(e) {
         if (!this.open) {

package/dist/collection/components/icon/icon.js

@@ -15,7 +15,7 @@ export class Icon {
         this.size = 'md';
     }
     render() {
-        return (h("div", { key: '4e0872b4c1aef6cfde8cb837d022b1546d08be87', class: "container" }, h("div", { key: '6a3e7a4bc21a2b862fc64c7d0f9e6c17b853d0fa', class: classNames('icon', {
+        return (h("div", { key: '8e0181f7e02c3f79640a780b4911f72b1ebfadb3', class: "container" }, h("div", { key: '7a51fdd9493b060595225247e5c82f40e4438371', class: classNames('icon', {
                 xs: this.size === 'xs',
                 sm: this.size === 'sm',
                 md: this.size === 'md',

package/dist/collection/components/icon/icons/box-select.js

@@ -1,2 +1,2 @@
 import { h } from "@stencil/core";
-export const BoxSelect = () => (h("svg", { "data-testid": "box-select", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" }, h("path", { d: "M0,2h1v-1h1v-1h-1a1,1,0,0,0,-1,1ZM0,3.2h1v1.5h-1v-1.5m0,2Zm0,.7h1v1.5h-1v-1.5m0,2Zm0,.7h1v1.5h-1v-1.5m0,2Zm0,.7h1v1.5h-1v-1.5m0,2ZM3.2,1h1.5v-1h-1.5v1m2,0Zm.7,0h1.5v-1h-1.5v1m2,0Zm.7,0h1.5v-1h-1.5v1m2,0Zm.7,0h1.5v-1h-1.5v1m2,0ZM14,1h1v1h1v-1a1,1,0,0,0,-1,-1h-1ZM15,3.2h1v1.5h-1v-1.5m0,2Zm0,.7h1v1.5h-1v-1.5m0,2Zm0,.7h1v1.5h-1v-1.5m0,2Zm0,.7h1v1.5h-1v-1.5m0,2ZM0,14h1v1h1v1h-1a1,1,0,0,1,-1,-1ZM3.2,16h1.5v-1h-1.5v1m2,0Zm.7,0h1.5v-1h-1.5v1m2,0Zm.7,0h1.5v-1h-1.5v1m2,0Zm.7,0h1.5v-1h-1.5v1m2,0ZM16,14h-1v1h-1v1h1a1,1,0,0,0,1,-1Z" }), 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", transform: "scale(0.8) translate(2.5,2)" })));
+export const BoxSelect = () => (h("svg", { "data-testid": "box-select", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" }, h("path", { d: "M2.5 10.99h3.51V10H3V2.97L10 3v3h1V2.5c0-.28-.22-.5-.5-.5h-8a.47.47 0 0 0-.35.15.5.5 0 0 0-.15.35v7.99c0 .28.22.5.5.5m2 3.01c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5m2 0c-.28 0-.5.22-.5.5s.22.5.5.5h.01c.28 0 .5-.22.5-.5s-.23-.5-.51-.5m-3.96-2.01c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5M2.5 14c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5m6 0c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5m2 0c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5m4-5c.28 0 .5-.23.5-.5s-.22-.5-.5-.5-.5.22-.5.5c0 .29.22.5.5.5m0 2c.28 0 .5-.23.5-.5s-.22-.5-.5-.5-.5.22-.5.5c0 .29.22.5.5.5m0-4c.28 0 .5-.23.5-.5s-.22-.5-.5-.5-.5.22-.5.5c0 .29.22.5.5.5m0-2c.28 0 .5-.23.5-.5s-.22-.5-.5-.5-.5.22-.5.5c0 .29.22.5.5.5m0-2c.28 0 .5-.22.5-.5 0-.29-.22-.5-.5-.5s-.5.23-.5.5.22.5.5.5m-2 0c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-.01c-.28 0-.5.22-.5.5s.23.5.51.5" }), h("path", { d: "m14.88 14.15-4.87-4.87-.29-.29h2.81c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H8.51c-.28 0-.5.22-.5.5v4.01c-.01.28.21.5.49.5s.5-.22.5-.5v-2.46l.01-.34.34.34 4.81 4.81a.485.485 0 0 0 .7 0c.2-.2.2-.51 0-.71z" })));

package/dist/collection/components/icon-button/icon-button.js

@@ -29,19 +29,19 @@ export class IconButton {
         this.iconSize = 'md';
     }
     render() {
-        return (h(Host, { key: '33a7a846f8c94dcbc2ba482751cfaab3388b57c8', onClick: (e) => this.handleClick(e) }, h("button", { key: '9103a89a53ba9d228b1564aeb2b14d14d4e0c9d5', ref: (el) => (this.buttonEl = el), disabled: this.disabled, class: classNames('container', {
+        return (h(Host, { key: '6c6db9378643474df50b46c884fd0ead1e68839e', onClick: (e) => this.handleClick(e) }, h("button", { key: 'f6802f94378b6c3deca4b46e58e05f43af7559e5', ref: (el) => (this.buttonEl = el), disabled: this.disabled, class: classNames('container', {
                 disabled: this.disabled,
                 floating: this.variant === 'floating',
                 plain: this.variant === 'plain',
                 inline: this.variant === 'inline',
                 primary: this.iconColor === 'primary',
                 secondary: this.iconColor === 'secondary',
-            }) }, h("slot", { key: '8e08d632e512569d39719ac2358a36057b68c4fb', name: "left" }), h("div", { key: '23596ef1cf1d055e654b6bee8ac3ba5c5ea70240', class: classNames('icon-button', {
+            }) }, h("slot", { key: '9da5a6109882b6edc8a3087ece20041c49530928', name: "left" }), h("div", { key: 'f34737c3e79be45eced5b79283e551e82758c5e9', class: classNames('icon-button', {
                 xs: this.iconSize === 'xs',
                 sm: this.iconSize === 'sm',
                 md: this.iconSize === 'md',
                 lg: this.iconSize === 'lg',
-            }) }, getSvg(this.iconName), h("div", { key: '7bf10a1f1b96e10a0c199b1fcf56a14fe0be4565', class: "badge" }, h("slot", { key: '8d4728e6fee66b53364ebe67ef8d91ca3a717768', name: "badge" }))), h("slot", { key: 'a3e780fdb7f9e951e556f7493d0bbe437344a053' }))));
+            }) }, getSvg(this.iconName), h("div", { key: 'f3ee92ebd4ccea5f31d30b873bc2c94047d2df5d', class: "badge" }, h("slot", { key: 'a31873ba8e80a8db709e4395f77a0c34b61caca6', name: "badge" }))), h("slot", { key: 'a5073d888e0ec3ab9cdf6d79bde79ff6486a8d95' }))));
     }
     handleClick(event) {
         var _a;

package/dist/collection/components/logo-loading/logo-loading.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class LogoLoading {
     render() {
-        return (h("div", { key: 'dce8a000becbe6db27213e4ef6bb908512abb419', class: "container" }, h("svg", { key: 'abecfb11c7a782fece0f39c2f55c42aa5419a7c8', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 100 100" }, h("defs", { key: '6db0649cd3035e12d16eb11007cfec94fabdf9c6' }, h("mask", { key: 'b26034899513263bcd19b4c0976ef3b27bb1d815', id: "orange-loading-diamond" }, h("polygon", { key: 'db6c863adfdfe6f2440cf6cbd28225bb7899752b', points: "70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7", fill: "#fff", class: "color-loading-fill" })), h("mask", { key: '7739fc34aea0d8439596dad6235281ad21d90889', id: "blue-loading-diamond" }, h("polygon", { key: 'f568445fe6fa04a83062f1dce3affd682a245dc4', points: "16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04", fill: "#fff", class: "color-loading-fill" })), h("mask", { key: '1f0816a1c3fa2d5e73650581d953cd988f74613e', id: "green-loading-diamond" }, h("polygon", { key: '6f888218b915171c5565b79b2515ce0a86102dd0', points: "16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53", fill: "#fff", class: "color-loading-fill" })), h("mask", { key: '8362119a2e3c98944d28e1f9e172e12e177e0bb4', id: "left-center-loading-diamond" }, h("polygon", { key: 'e434a8e20039dd8830f2a87548094f375ddcb947', points: "29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18", fill: "#fff", class: "center-loading-fill" })), h("mask", { key: '677eda84978c640238c63cbb3158eec75b620e46', id: "right-center-loading-diamond" }, h("polygon", { key: '72aa1633ad5dcc9ef3decd53d36ab39853bfa8f6', points: "43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78", fill: "#fff", class: "center-loading-fill" }))), h("polyline", { key: 'd5daf52f678d8097af82d5cb893aa23d21615871', points: "57.09 27.11 70.75 50.7 70.67 50.84 57.09 74.45 84.32 74.42 98 50.66 84.34 27.08 57.09 27.11", fill: "#f90" }), h("polyline", { key: '316425ac2204c889dbe7b2418ace2fda9639d491', mask: "url(#orange-loading-diamond)", points: "70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7", fill: "#d37f00" }), h("polygon", { key: 'bf25516f74d7ee233833d87a36d7ba78701956bb', points: "29.68 74.44 57.09 74.45 43.46 98.05 16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44", fill: "#09c" }), h("polygon", { key: 'f38d247c04ed1220790fb84764df855e0d6afebb', mask: "url(#blue-loading-diamond)", points: "16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04", fill: "#007fa9" }), h("polygon", { key: '42626679c63bca82830badd2bf721fbb550a387a', points: "29.68 27.12 57.09 27.11 43.46 3.52 16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12", fill: "#00b600" }), h("polygon", { key: '6ca2b53cbaa1ab25ef04f360b7088f58ff48a6d0', mask: "url(#green-loading-diamond)", points: "16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53", fill: "#009700" }), h("polygon", { key: 'ea36aa2b42d85dddeb27ae8a3dff52ea584fb775', mask: "url(#left-center-loading-diamond)", points: "29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18", fill: "#bdbdbd" }), h("polygon", { key: '9244038c40d1d9a9ce832d8e0e7c850987f943bf', mask: "url(#right-center-loading-diamond)", points: "43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78", fill: "#e0e0e0" }))));
+        return (h("div", { key: '29df772774dd35bd97a71eaa914fba78b70c06e5', class: "container" }, h("svg", { key: '1e91d168abfdc71eaf3a44eb12318d279428f7cf', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 100 100" }, h("defs", { key: 'db50446402403e6a0757becb4ffd90972db500fc' }, h("mask", { key: '505ad024c8aef059dc39f8de4b5b13dd67e79498', id: "orange-loading-diamond" }, h("polygon", { key: '94e420caba0d838b46c3d414532250443d86d8db', points: "70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7", fill: "#fff", class: "color-loading-fill" })), h("mask", { key: '092f33371f11e116c693b374fe7395cbb8be6125', id: "blue-loading-diamond" }, h("polygon", { key: '70ed770eff0c14129a93fd5f6a03c34500d7d452', points: "16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04", fill: "#fff", class: "color-loading-fill" })), h("mask", { key: 'aec64e8dc069d9e3e1a54f04e0f53f2fa7720b22', id: "green-loading-diamond" }, h("polygon", { key: '83b5069e763113c9a978866c13bb5412779fe168', points: "16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53", fill: "#fff", class: "color-loading-fill" })), h("mask", { key: '410fc799b15c3046cb25445b694537fade55f76e', id: "left-center-loading-diamond" }, h("polygon", { key: 'd34d1b46d62f3573a39dc103908e0d81a5c10d5e', points: "29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18", fill: "#fff", class: "center-loading-fill" })), h("mask", { key: '0bfc47ded24c4df9a9fdadbab1814fb91c8ed0cd', id: "right-center-loading-diamond" }, h("polygon", { key: '6945d133aa5d001a67be36b4701899871787beca', points: "43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78", fill: "#fff", class: "center-loading-fill" }))), h("polyline", { key: 'bfa52c5d070adeefb410d431dfabc6ece3bdecc6', points: "57.09 27.11 70.75 50.7 70.67 50.84 57.09 74.45 84.32 74.42 98 50.66 84.34 27.08 57.09 27.11", fill: "#f90" }), h("polyline", { key: 'c1301512ff36c2929e47e223b0787347c2ce05f8', mask: "url(#orange-loading-diamond)", points: "70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7", fill: "#d37f00" }), h("polygon", { key: '9937cee5826096263ca80d6a8a1f34f278c9c088', points: "29.68 74.44 57.09 74.45 43.46 98.05 16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44", fill: "#09c" }), h("polygon", { key: '79fb65a73ecea4d0eaeda5505acde3ba67a040c0', mask: "url(#blue-loading-diamond)", points: "16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04", fill: "#007fa9" }), h("polygon", { key: '4f70367b54aeea4cf577329462dc0d14f1d3b70f', points: "29.68 27.12 57.09 27.11 43.46 3.52 16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12", fill: "#00b600" }), h("polygon", { key: '8772fd5a638646f415334b863c4ac1edeb6c6c83', mask: "url(#green-loading-diamond)", points: "16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53", fill: "#009700" }), h("polygon", { key: 'd9989bf308e9011d7543d0d1fe03f3fff265a64a', mask: "url(#left-center-loading-diamond)", points: "29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18", fill: "#bdbdbd" }), h("polygon", { key: '75bbd9891e53c2496d18a7092245772eb67b147b', mask: "url(#right-center-loading-diamond)", points: "43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78", fill: "#e0e0e0" }))));
     }
     static get is() { return "vertex-logo-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu/menu.js

@@ -37,20 +37,20 @@ export class Menu {
         this.addEventListeners();
     }
     render() {
-        return (h("vertex-popover", { key: '521d5e3afcd3b7cf06a2ef05c301b89fff74f902', ref: (element) => {
+        return (h("vertex-popover", { key: 'da4e0d42641bdb135542d2823c9f1e89bb0512e6', ref: (element) => {
                 this.popoverRef = element;
             }, open: this.open, animated: this.animated, position: this.position, placement: this.placement, backdrop: this.backdrop, flipBehavior: this.fallbackPlacements != null
                 ? {
                     fallbackPlacements: this.fallbackPlacements,
                 }
-                : undefined, ...this.popoverProps }, this.position == null && (h("div", { key: '9ff02358a94a3ec32a9396dcb5abfe8e28784661', slot: "anchor" }, h("slot", { key: '2cdb02c65c5ae2769f4c6a3976d04fae883692f9', name: "anchor" }))), h("div", { key: 'ac4cd4ac711c43de2cb27cd72dd505125f8827c6', onClick: () => {
+                : undefined, ...this.popoverProps }, this.position == null && (h("div", { key: '3bb19832194b818c37697a90a9adac721f12feeb', slot: "anchor" }, h("slot", { key: '0eeca18d7ef462ccf01abd150df2226a9726113c', name: "anchor" }))), h("div", { key: '45e2dbd269605ec5589dbb0444b5db83b6e9a84c', onClick: () => {
                 if (!this.persistent) {
                     this.open = false;
                     this.menuClosed.emit();
                 }
             }, class: classNames('root', {
                 'has-header': this.headerSlot != null,
-            }) }, h("slot", { key: 'fe4cff0ea3ed220882a2e31a56a28eabf3fb60c2', name: "header" }), h("slot", { key: '3b0ef7747644f0dc967df16e3945da1b3ca7a233' }))));
+            }) }, h("slot", { key: 'b9735d213f7210c60ee21bfdf0728cec70e2a44c', name: "header" }), h("slot", { key: 'dea463aa0da1b65096ebbe83fbc133c9d801c750' }))));
     }
     addEventListeners() {
         var _a, _b;

package/dist/collection/components/menu-divider/menu-divider.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class MenuDivider {
     render() {
-        return h("div", { key: '512e5e2fa2dac7780bbad2c00ccb0875617dc158', class: "root" });
+        return h("div", { key: '76b6cf052926ae1b68f0af2198d55d3df412af7f', class: "root" });
     }
     static get is() { return "vertex-menu-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-item/menu-item.js

@@ -9,13 +9,13 @@ export class MenuItem {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '8798ebdda6b726b432e9197d88ce58d407d67f96', class: classNames('root', {
+        return (h("div", { key: '70fdd3eb6ce169f7d7f3fc2ea3e89eee48a382eb', class: classNames('root', {
                 disabled: this.disabled,
             }), onClick: (e) => {
                 if (this.disabled) {
                     e.stopPropagation();
                 }
-            } }, h("slot", { key: '173a38914795402a3a9c9cf4e73cd6498e747bb4', name: "icon" }), h("slot", { key: '16970b7ea3e4294525518902cff585cc4aea98fa' })));
+            } }, h("slot", { key: '8d7a7a2ffbde8c775b5005a5ae924d39685d7f47', name: "icon" }), h("slot", { key: '155648d471eae334648d4df71b160c83318147cc' })));
     }
     static get is() { return "vertex-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio/radio.js

@@ -9,15 +9,15 @@ export class Radio {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '9cfcdcc8d4c33bea901c1880c12f24157c67f5a6', class: classNames('radio', {
+        return (h("label", { key: 'aa10aec61650e5add364c5985103b4a1454ab4f6', class: classNames('radio', {
                 disabled: this.disabled,
-            }) }, h("input", { key: '8543fe1dbd8e8b338d155c0f3932b41b51a59a78', disabled: this.disabled, onChange: (event) => {
+            }) }, h("input", { key: 'b098d0cdf58d0f5ab5338b018302894088f082be', disabled: this.disabled, onChange: (event) => {
                 const radioValue = event.target;
                 this.valueChanged.emit({
                     checked: radioValue.checked,
                     value: radioValue.value,
                 });
-            }, type: "radio", id: `vertex-radio-${this.name}-${this.value}`, name: this.name, value: this.value, checked: this.checked }), h("span", { key: 'e0c333b342cbbf23a94e27925ed4ac1d51800cb6', class: classNames('checkmark', {
+            }, type: "radio", id: `vertex-radio-${this.name}-${this.value}`, name: this.name, value: this.value, checked: this.checked }), h("span", { key: '79ba876704c1027854a2cc6470ff379b7a554fd2', class: classNames('checkmark', {
                 disabled: this.disabled,
             }) }), this.label));
     }

package/dist/collection/components/radio-group/radio-group.js

@@ -27,7 +27,7 @@ export class RadioGroup {
         this.removeEventListeners();
     }
     render() {
-        return (h("div", { key: 'e9a877fa0c0d34ff810ba0caff4b31be6ca3f3c3', class: "radio-group" }, h("slot", { key: 'a11c500389558db08504d4eb338d3cb94ae785e8' })));
+        return (h("div", { key: 'bf43c1747d31a0a2d7b3253ee49723ff73c039a3', class: "radio-group" }, h("slot", { key: 'e450eb58457b42ecfb0cda4429bccc9e5df04954' })));
     }
     getVertexRadioButtons() {
         var _a, _b;

package/dist/collection/components/resizable/resizable.js

@@ -103,14 +103,14 @@ export class Resizable {
         const height = this.height < 0 || this.verticalDirection === 'none'
             ? '100%'
             : `${this.height}px`;
-        return (h(Host, { key: 'df1cfd4b5cff53a97e023bd28b38a895c231d698', style: {
+        return (h(Host, { key: '53f90484ecf1c01dcfec3fc73751c5b6220ec1a0', style: {
                 width,
                 height,
                 left: this.position === 'relative' ? `${this.left}px` : undefined,
                 top: this.position === 'relative' ? `${this.top}px` : undefined,
-            } }, h("div", { key: '98db17c90104701e449ad69b501da48f8e45828a', class: classNames('container', {
+            } }, h("div", { key: '495c3b41b95a98e50b2c136a626217adde53a0e2', class: classNames('container', {
                 hidden: this.width <= 0 && this.height <= 0,
-            }) }, h("div", { key: '1315d54ec1e08bad9a9518093b18f829a6905f0e', class: classNames('shadow', `hovered-location-${this.dragStartLocation || this.hoveredLocation}`) }), h("div", { key: '214344a03339451443a232c5b27dfbbe9a606db0', class: classNames('handle', 'left-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'left'), onPointerEnter: () => this.handlePointerEnter('left'), onPointerLeave: () => this.handlePointerLeave('left') }), h("div", { key: '1d115a65f83ceb9b9ed042e456b228f7fb5f27ab', class: classNames('handle', 'right-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'right'), onPointerEnter: () => this.handlePointerEnter('right'), onPointerLeave: () => this.handlePointerLeave('right') }), h("div", { key: '2498a3983eb1421ab05ca91b85188a5d2f2e54cd', class: classNames('handle', 'top-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'top'), onPointerEnter: () => this.handlePointerEnter('top'), onPointerLeave: () => this.handlePointerLeave('top') }), h("div", { key: 'dfcd9fabf34fdc0ffd03ad473113a89990ff2bb3', class: classNames('handle', 'bottom-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'bottom'), onPointerEnter: () => this.handlePointerEnter('bottom'), onPointerLeave: () => this.handlePointerLeave('bottom') }), h("div", { key: 'fec489510c12be6dd41a482daace2bed04d6f7fe', class: classNames('handle', 'bottom-right-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'bottom-right'), onPointerEnter: () => this.handlePointerEnter('bottom-right'), onPointerLeave: () => this.handlePointerLeave('bottom-right') }), h("div", { key: 'cefd4f2534559032ed262ccab9d3bd022b0f7bd5', class: classNames('handle', 'bottom-left-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'bottom-left'), onPointerEnter: () => this.handlePointerEnter('bottom-left'), onPointerLeave: () => this.handlePointerLeave('bottom-left') }), h("div", { key: '5a890cb805443ca20252b851ac1e593f440c2337', class: classNames('handle', 'top-right-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'top-right'), onPointerEnter: () => this.handlePointerEnter('top-right'), onPointerLeave: () => this.handlePointerLeave('top-right') }), h("div", { key: '6d9eb463dc5e53399547139ac8048f31fb016d93', class: classNames('handle', 'top-left-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'top-left'), onPointerEnter: () => this.handlePointerEnter('top-left'), onPointerLeave: () => this.handlePointerLeave('top-left') }), h("slot", { key: '78a828ad95fe83e09adf708380b769aeabf8f553' }))));
+            }) }, h("div", { key: 'ea0c58ab6ec4b659ed33618a4b840319637b37a5', class: classNames('shadow', `hovered-location-${this.dragStartLocation || this.hoveredLocation}`) }), h("div", { key: 'a10bfa55f1463a2927a1e1585e94aec69a05c5bc', class: classNames('handle', 'left-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'left'), onPointerEnter: () => this.handlePointerEnter('left'), onPointerLeave: () => this.handlePointerLeave('left') }), h("div", { key: '705f9f4ff60e7e574d57d2ba0434944dea170375', class: classNames('handle', 'right-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'right'), onPointerEnter: () => this.handlePointerEnter('right'), onPointerLeave: () => this.handlePointerLeave('right') }), h("div", { key: '0338d64870553446a7c0f119387816b08bf1562d', class: classNames('handle', 'top-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'top'), onPointerEnter: () => this.handlePointerEnter('top'), onPointerLeave: () => this.handlePointerLeave('top') }), h("div", { key: 'acc646db4341c2095bfc891b4b13550c5a95ee6f', class: classNames('handle', 'bottom-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'bottom'), onPointerEnter: () => this.handlePointerEnter('bottom'), onPointerLeave: () => this.handlePointerLeave('bottom') }), h("div", { key: 'a849292148ddd071a96fb7a4cc9a1e20ae9a1eed', class: classNames('handle', 'bottom-right-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'bottom-right'), onPointerEnter: () => this.handlePointerEnter('bottom-right'), onPointerLeave: () => this.handlePointerLeave('bottom-right') }), h("div", { key: '9c64cc2f64ea37406f1504fbb421c3a3d8b49f17', class: classNames('handle', 'bottom-left-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'bottom-left'), onPointerEnter: () => this.handlePointerEnter('bottom-left'), onPointerLeave: () => this.handlePointerLeave('bottom-left') }), h("div", { key: '56055af84e8cc60e7c1e55c7233996ef6726b25d', class: classNames('handle', 'top-right-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'top-right'), onPointerEnter: () => this.handlePointerEnter('top-right'), onPointerLeave: () => this.handlePointerLeave('top-right') }), h("div", { key: '11cde0ae8a9dd6d5736d36a98db527856bee3718', class: classNames('handle', 'top-left-handle', `horizontal-direction-${this.horizontalDirection}`, `vertical-direction-${this.verticalDirection}`), onPointerDown: (e) => this.handlePointerDown(e, 'top-left'), onPointerEnter: () => this.handlePointerEnter('top-left'), onPointerLeave: () => this.handlePointerLeave('top-left') }), h("slot", { key: 'a4cdf0eb7aecd1d1c6ef5c3b4acb316239f4003c' }))));
     }
     /**
      * @private

package/dist/collection/components/result-list/result-list.js

@@ -154,11 +154,11 @@ export class ResultList {
         window.removeEventListener('keydown', this.handleKeyDown);
     }
     render() {
-        return (h(Host, { key: '19ee95cfd94d0a7c5cb88de552db10e328885b89' }, h("div", { key: '641cd82464119b2ae3034ffd99ccf421f2113f01', class: classNames('wrapper', {
+        return (h(Host, { key: '6188d1a63b42f60db295fe65a9deea1fe147da3b' }, h("div", { key: '756cfad6d13a89a25f44fbad6f1b96c4f486f4d9', class: classNames('wrapper', {
                 hidden: !this.open || this.computedResultHeight == null,
-            }) }, h("vertex-popover", { key: '03a0b984e1f4c5f9589fa6c9110944dc095992d2', position: this.position, placement: this.placement, open: this.open, backdrop: false }, h("div", { key: 'c62468dd8165a7ff84700ef176c5edf988858358', class: "results-scroll", ref: (ref) => (this.resultsScrollEl = ref), onScroll: this.handleScroll }, h("div", { key: 'e32beb276dd3857678944a630bb93a24d6467943', class: "results", style: {
+            }) }, h("vertex-popover", { key: '3978a50be1c36ffbc2ec76ff65811be26c0b21ac', position: this.position, placement: this.placement, open: this.open, backdrop: false }, h("div", { key: '589f43ab056f7dc1e640e8677a163bf1ae630305', class: "results-scroll", ref: (ref) => (this.resultsScrollEl = ref), onScroll: this.handleScroll }, h("div", { key: '6dee01aa288d92a549d861f5aa475d7457ed7763', class: "results", style: {
                 height: `${this.parsedResults.length * this.resultHeight}px`,
-            } }, h("slot", { key: 'e903e3b98d5de9919ca132843408d51a405fa775' }), h("slot", { key: '88a1a240932e069a05e3722b4de106b38c83b7e0', name: "result" })))))));
+            } }, h("slot", { key: 'b02ec3bba63b4e729a8520358c5d6bb179619d3a' }), h("slot", { key: 'c1bcab60e22d29ce3d45beb149771a99d1c957a0', name: "result" })))))));
     }
     handlePointerDown(event) {
         event.preventDefault();

package/dist/collection/components/search-bar/search-bar.js

@@ -321,9 +321,9 @@ export class SearchBar {
             blank: this.variant === 'blank',
             disabled: this.disabled,
         });
-        return (h(Host, { key: 'fd044b92cae880ada2e57b6005f6f3ca00f43c4a' }, h("div", { key: '9b6cd118e4fd931b851cd211419d3d6bb2fdbb11', class: classes }, h("span", { key: 'eb211c24a3d337d6d3cc2cab1af3c8c235e5cc51', class: "content-input", role: "textbox", contentEditable: "true", "aria-multiline": "true", "data-placeholder": this.placeholder, ref: (el) => (this.contentEl = el), onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onClick: this.handleCursorPositionUpdate, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })), h("vertex-result-list", { key: 'ce85d59e8148a21f80eb81e1b997310955c1600f', position: this.cursorPosition, placement: this.placement, open: this.hasTriggered &&
+        return (h(Host, { key: 'cda12a50487bedd9f5a483825fcca3524a274724' }, h("div", { key: 'a655eacaddeaaaa78e7ff28d47ca5c4af6104b63', class: classes }, h("span", { key: '9026a17696679aad0d5db24f1fac7ca0bf7baae9', class: "content-input", role: "textbox", contentEditable: "true", "aria-multiline": "true", "data-placeholder": this.placeholder, ref: (el) => (this.contentEl = el), onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onClick: this.handleCursorPositionUpdate, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur })), h("vertex-result-list", { key: '0a57da3954e2daa1f8ce2db7c18b4962cc3cebf9', position: this.cursorPosition, placement: this.placement, open: this.hasTriggered &&
                 this.resultItems != null &&
-                this.resultItems.length > 0, items: (_a = this.resultItems) !== null && _a !== void 0 ? _a : [], onEnterPressed: this.handleResultClick, onResultClick: this.handleResultClick }, h("slot", { key: 'd65d5eb8ed481d57edf7cddd8ad9a2f296aa8b01', name: "results" })), h("slot", { key: '504db2422c4ae0318d6a53d4510ae6a8d8b71345', name: "replaced" })));
+                this.resultItems.length > 0, items: (_a = this.resultItems) !== null && _a !== void 0 ? _a : [], onEnterPressed: this.handleResultClick, onResultClick: this.handleResultClick }, h("slot", { key: 'f5d8d17413bbbe37fc42650588dc0ad8cb7f1046', name: "results" })), h("slot", { key: '3d0f4af0d912bfbad1671167ecc445130d133b0d', name: "replaced" })));
     }
     handleKeyDown(event) {
         if (this.hasTriggered && this.breakCharacters.includes(event.key)) {

package/dist/collection/components/select/select.js

@@ -74,22 +74,22 @@ export class Select {
     }
     render() {
         var _a;
-        return (h("div", { key: 'e7d997d0bca63def6307e4ecf9af68a4982b705c', class: classNames('root', {
+        return (h("div", { key: '5a50717fd18ea30f6e3de820e48cb411168691c2', class: classNames('root', {
                 disabled: this.disabled,
             }), ref: (element) => {
                 this.rootRef = element;
-            }, onClick: !this.open && !this.disabled ? this.handleOpen : undefined }, h("div", { key: '32a326a6d566e44105844bc737bf6ff6edcaa7ac', class: classNames('target', {
+            }, onClick: !this.open && !this.disabled ? this.handleOpen : undefined }, h("div", { key: '4519634bd186d9aa97e69a7ab14b63f6f8977bfe', class: classNames('target', {
                 hidden: this.open,
                 disabled: this.disabled,
-            }) }, h("div", { key: '0a820cad9319ef045399db7ba0f605ba570b4bb3', class: "text" }, (_a = this.displayValue) !== null && _a !== void 0 ? _a : this.placeholder), h("div", { key: 'f3048ab23ba5071644989eb987aadd0b78185dfa', class: "icon" }, h("vertex-icon", { key: '25fe817ad7541aca936d89fdf8d725ccca3c0dfc', name: "chevron-down", size: "sm" }))), h("vertex-popover", { key: 'ee766bc71cc7dbda2b31db7d768f77d32aee47bd', position: this.position, open: this.open, animated: this.animated, resizeBehavior: "fixed", onDismissed: this.handleDismiss }, h("div", { key: 'cca515839ee2e1b237148ccfbe061e8034e9718c', class: classNames('options', {
+            }) }, h("div", { key: 'ca178f215502e97ed007b0639a17749cc6631489', class: "text" }, (_a = this.displayValue) !== null && _a !== void 0 ? _a : this.placeholder), h("div", { key: 'b877be02c6266eff0f0ccc3a53cc8fd52a4d8fd6', class: "icon" }, h("vertex-icon", { key: 'a6ea92b4162047009069716f8134ccce3bcbe01d', name: "chevron-down", size: "sm" }))), h("vertex-popover", { key: '995e7fafb5ed0d13d2fdb247f893107328d51839', position: this.position, open: this.open, animated: this.animated, resizeBehavior: "fixed", onDismissed: this.handleDismiss }, h("div", { key: '97b7b92c44e3e67838d7af5229eb63af1ce7e0b9', class: classNames('options', {
                 hidden: !this.open,
                 visible: this.open,
                 animated: this.animated,
             }), style: {
                 minWidth: this.width != null ? `${this.width}px` : 'var(--select-width)',
-            } }, h("div", { key: '2f31c5f29bcccb6cd91c4ecab251d0ca164a425f', class: classNames('selected-option', {
+            } }, h("div", { key: 'f72828e4130d36e1b676dc8d5e20f77e0dfd0fbf', class: classNames('selected-option', {
                 disabled: this.disabled,
-            }), onClick: this.handleDismiss }, h("div", { key: 'e4ed9ef2c767e135b1ee13571c42dc813c6e7518', class: "text" }, this.displayValue || this.placeholder), h("div", { key: '5c29be97e3a69d8db6baa785b925bb0c3acc8010', class: "icon" }, h("vertex-icon", { key: 'fb0c8fb0e4d4ce7380cd333c2618ec280081273b', name: "chevron-down", size: "sm" }))), h("slot", { key: '0c6d345e32ffbe7797f3ad9a3bbdfc8202a91bff' })))));
+            }), onClick: this.handleDismiss }, h("div", { key: 'be853735e50657c7df6bc1df83795bb87124f7d2', class: "text" }, this.displayValue || this.placeholder), h("div", { key: 'a048b143aaa9a8c938ceec84f7ab8b2e70fb9d01', class: "icon" }, h("vertex-icon", { key: 'e1512425016f4ceae7ab2bfc70d8e696b7b1eb4e', name: "chevron-down", size: "sm" }))), h("slot", { key: 'ed9259fd525bc5611deedf5fcccb0b1516aeb997' })))));
     }
     handleOpen() {
         var _a, _b;

package/dist/collection/components/slider/slider.js

@@ -36,7 +36,7 @@ export class Slider {
         };
     }
     render() {
-        return (h("vertex-tooltip", { key: '4a98a371f6e28f7aad52e615e3adb1212f29822d', disabled: this.valueLabelDisplay === 'off', content: `${this.value}`, placement: 'top', class: "tooltip" }, h("input", { key: '1db05434d27dd3e617c815229db88aa86ecd730d', class: classNames('input', { disabled: this.disabled }, this.size), type: "range", disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.value, onChange: this.handleChange, onInput: this.handleInput, onPointerUp: () => {
+        return (h("vertex-tooltip", { key: '40efc651c8e5b2c3737afd94310137845edfe2d3', disabled: this.valueLabelDisplay === 'off', content: `${this.value}`, placement: 'top', class: "tooltip" }, h("input", { key: '3af447529105c947d2de1b2fe9f46c77fca789d1', class: classNames('input', { disabled: this.disabled }, this.size), type: "range", disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.value, onChange: this.handleChange, onInput: this.handleInput, onPointerUp: () => {
                 // Blur the slider on pointerup to prevent an issue where pressing
                 // any key on the keyboard would result in a focus state.
                 blurElement(this.hostEl);

package/dist/collection/components/spinner/spinner.js

@@ -23,7 +23,7 @@ export class Spinner {
             md: this.size === 'md',
             lg: this.size === 'lg',
         });
-        return (h("div", { key: '3e6d1e4807628dd25aabfd77970720a827fc161d', class: classes }, h("div", { key: '1b0931d9b8201feee0c8171bb00e9def3034b379' }), h("div", { key: 'cce3abd6c5163304ee8f4ce295e33813ee4bd39b' }), h("div", { key: 'a5911e890fee609aef540221620170d9f3be4fe1' }), h("div", { key: '2e070316931bd6d9aa2d4c7e6d07cc45cb43e611' })));
+        return (h("div", { key: '854e83e4d8df98dc07a4348c7a645908ea567a22', class: classes }, h("div", { key: 'be2fc05bd10d8b7e40ab20e61b75170c05bea068' }), h("div", { key: 'a2893918400d2a49efcb06c14130febc8fdb8cd9' }), h("div", { key: '601aa76cb9744cae04cefa9285979c19c2288529' }), h("div", { key: 'c631a2c86bf2e76e081b408af2ed5ea72b8ae4af' })));
     }
     static get is() { return "vertex-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab/tab.js

@@ -8,9 +8,9 @@ export class Tab {
         };
     }
     render() {
-        return (h(Host, { key: 'a4ff9afd6d600dde690af676bebbff70d01b4ed5' }, h("div", { key: '5603e1e7ff0cbf7a5a8c56b673efd22cfeb61448', class: classNames('content', {
+        return (h(Host, { key: '9a79cb06110a5b0ebb3b111b59eec01fc2602bfe' }, h("div", { key: '791c5200ceb2ab4cc5feca69203e747b066acb31', class: classNames('content', {
                 active: this.active,
-            }) }, h("slot", { key: '880febf1cc2e9b9d9eca560425675d351d216901' }))));
+            }) }, h("slot", { key: 'b6d38e8b00372d4cd70c35e5ac16820104158fa7' }))));
     }
     static get is() { return "vertex-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/tabs.js

@@ -77,16 +77,16 @@ export class Tabs {
         }
     }
     render() {
-        return (h(Host, { key: '7e3444ca371e0971c2f56639cf700269f7bf2f1e' }, h("div", { key: 'fdc9e654e6e59f3a21aedbf1229fc43fd07c08a0', class: "wrapper" }, h("div", { key: '8142c5c29e90d980186216e9a1cb360fabd4ca78', class: "labels" }, this.labels.map((label) => (h("button", { class: classNames('label', {
+        return (h(Host, { key: '80e4f05b6b4eb1ef175fdabe1c81e7fce846425a' }, h("div", { key: '537a1243a1f531820742a9f48bf60ef8569d296f', class: "wrapper" }, h("div", { key: '9b67ec9a84a2024c8873e31c949a58013cd750dd', class: "labels" }, this.labels.map((label) => (h("button", { class: classNames('label', {
                 active: this.active === label,
             }), "data-label": label, ref: (el) => {
                 if (this.active === label) {
                     this.activeButtonEl = el;
                 }
-            }, onClick: () => this.handleLabelClick(label) }, label, h("div", { class: "hidden-label-text" }, label)))), h("slot", { key: '3fd4ea1b4463dc75e497512298806d2362310cd0', name: "label-header" }), this.activeBounds && (h("div", { key: '919270b3ed671b8c1a41f7e697c19604f85fc136', class: "indicator", style: {
+            }, onClick: () => this.handleLabelClick(label) }, label, h("div", { class: "hidden-label-text" }, label)))), h("slot", { key: '00098a23934cf4134233645609ec905f3c800338', name: "label-header" }), this.activeBounds && (h("div", { key: '16f93360b714239dcacb918ffc8e76f3081821d8', class: "indicator", style: {
                 left: `${this.activeBounds.x}px`,
                 width: `${this.activeBounds.width}px`,
-            } }))), h("div", { key: '4c11d9bd68cbb1162ca45dd3855e3f4c060399ff', class: "tab-content" }, h("slot", { key: '1209610abecfbfc5d3ff92cc40de971fbec8673d', onSlotchange: this.updateTabLabels })))));
+            } }))), h("div", { key: 'ac13af6d931540f935485037b8ca8f7ca92ef4db', class: "tab-content" }, h("slot", { key: '2ed1a03724f6ea5bb31ffa0481984d78b0e7571f', onSlotchange: this.updateTabLabels })))));
     }
     static get is() { return "vertex-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text-field/text-field.js

@@ -128,7 +128,7 @@ export class TextField {
                 }
             },
         };
-        return (h("div", { key: '461fd5146c65dc7c1887a48e1ba119c9b5131958', class: classes }, h("div", { key: '68b5e4d3a6af4dfb7bacada29b7b31499fee5325', class: "txt-slot" }, h("slot", { key: '1fb79f18a99ce56f88838ea7e4a17f9318e6c831', name: "left" })), this.multiline ? (h("vertex-auto-resize-textarea", { maxRows: this.maxRows, minRows: this.minRows, initialValue: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || '' }, h("textarea", { ...commonProps, class: classNames(commonProps.class, 'txt-textarea', classes), rows: this.minRows }))) : (h("input", { ...commonProps, type: this.type })), h("div", { key: '86e9f3a765be81bddbe6db80758e63cf6f3be1be', class: "txt-slot" }, h("slot", { key: '8143e56d2943d988a4439fb26e4450735370cb88', name: "right" }))));
+        return (h("div", { key: 'cde475bd6417b9aded2953e16c6fe66184ecc030', class: classes }, h("div", { key: '6fa09a869be91d707342919bce27944c4c58480f', class: "txt-slot" }, h("slot", { key: '7e64168ae09da286cb6620a17aa8913a8f3f59c2', name: "left" })), this.multiline ? (h("vertex-auto-resize-textarea", { maxRows: this.maxRows, minRows: this.minRows, initialValue: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || '' }, h("textarea", { ...commonProps, class: classNames(commonProps.class, 'txt-textarea', classes), rows: this.minRows }))) : (h("input", { ...commonProps, type: this.type })), h("div", { key: '6c36d810cf87952dcf7b8cc52ecf74ccc552ddd1', class: "txt-slot" }, h("slot", { key: '7ab587afc06b86636f83e2885fd657f38ab51bbe', name: "right" }))));
     }
     connectedCallback() {
         if (this.hostElement != null) {

package/dist/collection/components/toast/toast.js

@@ -52,11 +52,11 @@ export class Toast {
         }
     }
     render() {
-        return (h("vertex-popover", { key: '2f628b74ec3dec91f02fac1815f5d1b12870ab2d', class: "popover", open: this.isOpen, resizeBehavior: "fixed", backdrop: false, placement: this.getPopoverPlacement(), animated: this.animated }, h("div", { key: 'c43cdca71f2dba04b1eb59ab3a0e7ba20bd950e3', slot: "anchor", class: classNames('anchor', this.placement) }), h("div", { key: '0839244c1e3e325d9362de508cdc0ebcc59fa755', class: classNames('toast', {
+        return (h("vertex-popover", { key: '47662731345cbe17696dd0095ab7fb5372687ffd', class: "popover", open: this.isOpen, resizeBehavior: "fixed", backdrop: false, placement: this.getPopoverPlacement(), animated: this.animated }, h("div", { key: 'e512152c57add591deb56537759137e1afc74c17', slot: "anchor", class: classNames('anchor', this.placement) }), h("div", { key: '0148cb844f9ea329fc940a29dafe698b905bf230', class: classNames('toast', {
                 hidden: !this.isOpen,
                 warn: this.type === 'warn',
                 error: this.type === 'error',
-            }) }, this.content ? h("div", { class: "content" }, this.content) : h("slot", null), h("div", { key: '6b95eb1f57a5eaeb5987fdb39290cc61662d4c85', class: "actions" }, h("slot", { key: '19d40a81a11f9a08771a7084d77d2f634c66d29d', name: "action" }), h("vertex-icon-button", { key: '4d19309ba602f162a77f41ac74667594dbe98544', class: "close", iconName: "close", iconSize: "sm", variant: "plain", onClick: this.handleClose })))));
+            }) }, this.content ? h("div", { class: "content" }, this.content) : h("slot", null), h("div", { key: '707645468e3b7c74505d12cf88937d239972f1c9', class: "actions" }, h("slot", { key: 'b1ed8c05970b31d9fee349bc4336f8c57ec511dd', name: "action" }), h("vertex-icon-button", { key: 'cbdc50ec280679f2bc15140774703851a84a4a03', class: "close", iconName: "close", iconSize: "sm", variant: "plain", onClick: this.handleClose })))));
     }
     handleClose() {
         this.clearCloseTimeout();

package/dist/collection/components/toggle/toggle.js

@@ -25,16 +25,16 @@ export class Toggle {
                 this.valueChanged.emit(this.checked);
             }
         };
-        return (h("button", { key: '4a73be19dfaf30d2d883bebcf2e54e408830a6bb', class: classNames(this.variant, {
+        return (h("button", { key: 'f9bd0fe8a916f065196e88a81626895a8e439406', class: classNames(this.variant, {
                 checked: this.checked,
                 disabled: this.disabled,
-            }), onClick: flipValue, onSubmit: flipValue }, this.variant === 'check' && (h("div", { key: '9255fc90b4f4c7888c536fe7d521e8e06d39627a', class: classNames('checked-content', {
+            }), onClick: flipValue, onSubmit: flipValue }, this.variant === 'check' && (h("div", { key: '5b493e4f5f0f92bfa008c93244ae47aed3728650', class: classNames('checked-content', {
                 checked: this.checked,
                 disabled: this.disabled,
-            }) }, this.checked && h("vertex-icon", { key: 'a672019a099ac5111c3028dfce593ba8e975621b', name: "check", size: "md" }))), this.variant === 'switch' && (h("div", { key: '5f97ed9dc39b6bdaee0a3b7a102a8397a22be859', class: classNames('track', {
+            }) }, this.checked && h("vertex-icon", { key: '2bd120510b6242b219176be2852db6fb10c7dbe5', name: "check", size: "md" }))), this.variant === 'switch' && (h("div", { key: 'f9293427a7420a6f266a477157c802e37f3516af', class: classNames('track', {
                 disabled: this.disabled,
                 checked: this.checked,
-            }) })), this.variant === 'switch' && (h("div", { key: '090a9ac2ecca6d0118d5580ea186697aace6ba44', class: classNames('handle', {
+            }) })), this.variant === 'switch' && (h("div", { key: '7e7409797f2951a698c069e7353abcf42890feda', class: classNames('handle', {
                 disabled: this.disabled,
                 checked: this.checked,
             }) }))));

package/dist/collection/components/tooltip/tooltip.js

@@ -59,11 +59,11 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(Host, { key: '52cf61786b9455c308412c74920fa13c2fbf39da' }, h("div", { key: 'c80ad2bc646d508cf7a24de7e30d173a0067c166', class: "target", ref: (el) => {
+        return (h(Host, { key: '3930a26de470834980f7ae4c20aaad2608ae7c30' }, h("div", { key: '3629480073cc99477d5b9bca6bfeb52113f8b1c4', class: "target", ref: (el) => {
                 this.targetElement = el;
-            }, onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, h("slot", { key: '30fd8fb5dd907e941dff798976be471f35db7d45' })), h("div", { key: '8b136bdf9305bc837c2e159d8d3c6c2543c4422f', class: "content-hidden", ref: (el) => {
+            }, onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, h("slot", { key: '0188c14cca67998c42b3bd7663129dc3cd282f12' })), h("div", { key: '1bc3fef4a7a492f4263870934f3ddc3f0e777316', class: "content-hidden", ref: (el) => {
                 this.contentElement = el;
-            } }, h("slot", { key: 'bf2a10df58687e96f3b0da3f8e9b5aa8b3babefa', name: "content", onSlotchange: this.handleContentChange }))));
+            } }, h("slot", { key: 'bd0ee15400cc05d17ddfe457fcbf751a90a06aae', name: "content", onSlotchange: this.handleContentChange }))));
     }
     addElement() {
         if (this.targetElement != null) {

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,g as a,b as t}from"./p-C27tS7nl.js";export{s as setNonce}from"./p-C27tS7nl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await a(),t([["p-efd0223b",[[262,"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"]},null,{value:[{handleValueChanged:0}]}]]],["p-6c6a2fc5",[[257,"vertex-collapsible",{label:[1],open:[1540]}]]],["p-2e0ee616",[[1,"vertex-color-circle-picker",{colors:[1],labels:[1],labelPlacement:[1,"label-placement"],size:[1],supplementalColors:[1,"supplemental-colors"],theme:[513],lightenPercentage:[2,"lighten-percentage"],darkenPercentage:[2,"darken-percentage"],selected:[1537],direction:[1],colorArray:[32],supplementaryColorArray:[32],labelMap:[32]},null,{colors:[{handleColorsChange:0}],supplementalColors:[{handleSupplementalColorsChange:0}],labels:[{handleLabelsChange:0}]}]]],["p-34d8a04e",[[257,"vertex-banner",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]},null,{open:[{handleOpenChanged:0}]}]]],["p-28460604",[[257,"vertex-context-menu",{targetSelector:[1,"target-selector"],animated:[4],position:[32],open:[32]},null,{targetSelector:[{handleTargetSelectorChange:0}]}]]],["p-553d01af",[[257,"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"]],{resizable:[{clearComputedValues:0}],open:[{updateOpened:0}]}]]],["p-a287d016",[[257,"vertex-draggable-popover",{position:[1],boundarySelector:[1,"boundary-selector"],boundaryPadding:[2,"boundary-padding"],anchorPosition:[32],lastPosition:[32],dragging:[32]},null,{position:[{updatePosition:0}],lastPosition:[{lastPositionChanged:0}]}]]],["p-c2f3cf8b",[[257,"vertex-dropdown-menu",{animated:[4],placement:[1],open:[32]}]]],["p-6d03a954",[[257,"vertex-help-tooltip",{animated:[4],placement:[1],open:[32]}]]],["p-0af9b71c",[[262,"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]},null,{value:[{replaceContent:0}],replacements:[{updateContent:0}]}]]],["p-61742c05",[[257,"vertex-select",{value:[513],placeholder:[513],disabled:[516],animated:[4],hideSelected:[4,"hide-selected"],resizeObserverFactory:[16],open:[32],position:[32],displayValue:[32]},null,{value:[{handleUpdateValue:0}],displayValue:[{handleUpdateDisplayValue:0}],hideSelected:[{handleUpdateDisplayValue:0}],placeholder:[{handleUpdateDisplayValue:0}]}]]],["p-a8e75bdc",[[1,"vertex-slider",{min:[2],max:[2],valueLabelDisplay:[1,"value-label-display"],step:[8],size:[1],value:[1026],disabled:[4]}]]],["p-595b8bd6",[[257,"vertex-toast",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]},null,{open:[{handleOpenChanged:0}]}]]],["p-ca6a4b08",[[257,"vertex-color-picker",{value:[1537],size:[513],variant:[513],expand:[513],disabled:[4]},null,{value:[{valueChange:0}]}]]],["p-0f13f6f3",[[1,"vertex-toggle",{variant:[1],disabled:[4],checked:[1540]}]]],["p-0bd4222b",[[1,"vertex-avatar",{firstName:[1,"first-name"],lastName:[1,"last-name"],value:[1],active:[4],variant:[1]}]]],["p-5c032b37",[[257,"vertex-avatar-group"]]],["p-0c389e6f",[[1,"vertex-badge",{badgeText:[1,"badge-text"],badgeColor:[1,"badge-color"]}]]],["p-edfd86c9",[[257,"vertex-button",{type:[1],color:[1],variant:[1],size:[1],expand:[1],href:[1],target:[1],disabled:[516]}]]],["p-26f9abc0",[[257,"vertex-card",{mode:[1]}]]],["p-f793f80a",[[257,"vertex-card-group",{selected:[516],hovered:[516],expanded:[516]}]]],["p-f23df530",[[257,"vertex-chip",{variant:[1],color:[1]}]]],["p-e311af0e",[[1,"vertex-logo-loading"]]],["p-705d25f3",[[1,"vertex-menu-divider"]]],["p-1c5e8df5",[[257,"vertex-menu-item",{disabled:[516]}]]],["p-5e3fe5e7",[[2,"vertex-radio",{disabled:[516],value:[513],label:[513],name:[513],checked:[516]}]]],["p-1e6ff76a",[[257,"vertex-radio-group",{name:[513],value:[1537]},null,{value:[{updateValue:0}]}]]],["p-7f768637",[[257,"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]}]]],["p-f37dc3c4",[[1,"vertex-spinner",{color:[1],size:[1]}]]],["p-b5921385",[[257,"vertex-tab",{label:[1],active:[4]}]]],["p-00eaa8d7",[[257,"vertex-tabs",{active:[1025],labels:[32],activeBounds:[32],activeButtonEl:[32]},null,{activeButtonEl:[{handleActiveButtonChange:0}]}]]],["p-a886721b",[[257,"vertex-expandable",{expanded:[1540],expanding:[1540],collapsing:[1540],controlled:[516],expandType:[513,"expand-type"],animated:[4],contentScrollHeight:[32]}]]],["p-2cdfe6bf",[[257,"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]},null,{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}]]],["p-88781e72",[[257,"vertex-auto-resize-textarea",{textareaSelector:[1,"textarea-selector"],initialValue:[1,"initial-value"],minRows:[514,"min-rows"],maxRows:[514,"max-rows"],textValue:[32]}]]],["p-6b2db72c",[[262,"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]}]]],["p-8358ad1c",[[257,"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]},null,{position:[{updatePosition:0}],placement:[{updatePlacement:0}],open:[{updateOpened:0}],animated:[{updateAnimated:0}],boundarySelector:[{updateMiddleware:0},{updateResizeObserver:0}],overflowBehavior:[{updateMiddleware:0}],flipBehavior:[{updateMiddleware:0}],offsetBehavior:[{updateMiddleware:0}]}]]],["p-3ddb0c4e",[[257,"vertex-tooltip",{content:[1],disabled:[4],placement:[1],delay:[2],animated:[4],open:[32]},null,{content:[{handleContentChange:0}],disabled:[{handleDisabledChange:0}]}]]],["p-091b9e27",[[257,"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]},null,{color:[{handleColorChanged:0}],lightenPercentage:[{handleLightenPercentageChanged:0}],darkenPercentage:[{handleDarkenPercentageChanged:0}]}]]],["p-f1abef98",[[257,"vertex-menu",{animated:[4],open:[1540],placement:[1],fallbackPlacements:[16],backdrop:[4],persistent:[4],position:[1040],popoverProps:[16]}]]],["p-ef419ddf",[[1,"vertex-icon",{name:[1],size:[1]}]]],["p-0180556d",[[257,"vertex-icon-button",{iconName:[1,"icon-name"],disabled:[516],variant:[1],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"]}]]]],e))));
+import{p as e,g as a,b as t}from"./p-C27tS7nl.js";export{s as setNonce}from"./p-C27tS7nl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await a(),t([["p-05ee323d",[[262,"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"]},null,{value:[{handleValueChanged:0}]}]]],["p-b5b993c4",[[257,"vertex-collapsible",{label:[1],open:[1540]}]]],["p-a7fb941d",[[1,"vertex-color-circle-picker",{colors:[1],labels:[1],labelPlacement:[1,"label-placement"],size:[1],supplementalColors:[1,"supplemental-colors"],theme:[513],lightenPercentage:[2,"lighten-percentage"],darkenPercentage:[2,"darken-percentage"],selected:[1537],direction:[1],colorArray:[32],supplementaryColorArray:[32],labelMap:[32]},null,{colors:[{handleColorsChange:0}],supplementalColors:[{handleSupplementalColorsChange:0}],labels:[{handleLabelsChange:0}]}]]],["p-9edd433e",[[257,"vertex-banner",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]},null,{open:[{handleOpenChanged:0}]}]]],["p-fb8c8c09",[[257,"vertex-context-menu",{targetSelector:[1,"target-selector"],animated:[4],position:[32],open:[32]},null,{targetSelector:[{handleTargetSelectorChange:0}]}]]],["p-f7cfc29f",[[257,"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"]],{resizable:[{clearComputedValues:0}],open:[{updateOpened:0}]}]]],["p-4128989a",[[257,"vertex-draggable-popover",{position:[1],boundarySelector:[1,"boundary-selector"],boundaryPadding:[2,"boundary-padding"],anchorPosition:[32],lastPosition:[32],dragging:[32]},null,{position:[{updatePosition:0}],lastPosition:[{lastPositionChanged:0}]}]]],["p-5ec364ff",[[257,"vertex-dropdown-menu",{animated:[4],placement:[1],open:[32]}]]],["p-0e706a18",[[257,"vertex-help-tooltip",{animated:[4],placement:[1],open:[32]}]]],["p-7fc8a224",[[262,"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]},null,{value:[{replaceContent:0}],replacements:[{updateContent:0}]}]]],["p-e52eb148",[[257,"vertex-select",{value:[513],placeholder:[513],disabled:[516],animated:[4],hideSelected:[4,"hide-selected"],resizeObserverFactory:[16],open:[32],position:[32],displayValue:[32]},null,{value:[{handleUpdateValue:0}],displayValue:[{handleUpdateDisplayValue:0}],hideSelected:[{handleUpdateDisplayValue:0}],placeholder:[{handleUpdateDisplayValue:0}]}]]],["p-b89d106e",[[1,"vertex-slider",{min:[2],max:[2],valueLabelDisplay:[1,"value-label-display"],step:[8],size:[1],value:[1026],disabled:[4]}]]],["p-9b369d13",[[257,"vertex-toast",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]},null,{open:[{handleOpenChanged:0}]}]]],["p-3a7c05d3",[[257,"vertex-color-picker",{value:[1537],size:[513],variant:[513],expand:[513],disabled:[4]},null,{value:[{valueChange:0}]}]]],["p-eac6dc8c",[[1,"vertex-toggle",{variant:[1],disabled:[4],checked:[1540]}]]],["p-0bd4222b",[[1,"vertex-avatar",{firstName:[1,"first-name"],lastName:[1,"last-name"],value:[1],active:[4],variant:[1]}]]],["p-67f5c6a3",[[257,"vertex-avatar-group"]]],["p-0c389e6f",[[1,"vertex-badge",{badgeText:[1,"badge-text"],badgeColor:[1,"badge-color"]}]]],["p-edfd86c9",[[257,"vertex-button",{type:[1],color:[1],variant:[1],size:[1],expand:[1],href:[1],target:[1],disabled:[516]}]]],["p-26f9abc0",[[257,"vertex-card",{mode:[1]}]]],["p-4642f24c",[[257,"vertex-card-group",{selected:[516],hovered:[516],expanded:[516]}]]],["p-2e3b7c2f",[[257,"vertex-chip",{variant:[1],color:[1],size:[1]}]]],["p-718394ac",[[1,"vertex-logo-loading"]]],["p-88caab12",[[1,"vertex-menu-divider"]]],["p-a1521052",[[257,"vertex-menu-item",{disabled:[516]}]]],["p-341f078b",[[2,"vertex-radio",{disabled:[516],value:[513],label:[513],name:[513],checked:[516]}]]],["p-ecc27386",[[257,"vertex-radio-group",{name:[513],value:[1537]},null,{value:[{updateValue:0}]}]]],["p-016df818",[[257,"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]}]]],["p-ff51fb55",[[1,"vertex-spinner",{color:[1],size:[1]}]]],["p-e7f413c9",[[257,"vertex-tab",{label:[1],active:[4]}]]],["p-76510c00",[[257,"vertex-tabs",{active:[1025],labels:[32],activeBounds:[32],activeButtonEl:[32]},null,{activeButtonEl:[{handleActiveButtonChange:0}]}]]],["p-49f2d469",[[257,"vertex-expandable",{expanded:[1540],expanding:[1540],collapsing:[1540],controlled:[516],expandType:[513,"expand-type"],animated:[4],contentScrollHeight:[32]}]]],["p-77930bd1",[[257,"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]},null,{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}]]],["p-20543099",[[257,"vertex-auto-resize-textarea",{textareaSelector:[1,"textarea-selector"],initialValue:[1,"initial-value"],minRows:[514,"min-rows"],maxRows:[514,"max-rows"],textValue:[32]}]]],["p-d850e35c",[[262,"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]}]]],["p-8358ad1c",[[257,"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]},null,{position:[{updatePosition:0}],placement:[{updatePlacement:0}],open:[{updateOpened:0}],animated:[{updateAnimated:0}],boundarySelector:[{updateMiddleware:0},{updateResizeObserver:0}],overflowBehavior:[{updateMiddleware:0}],flipBehavior:[{updateMiddleware:0}],offsetBehavior:[{updateMiddleware:0}]}]]],["p-c7c97400",[[257,"vertex-tooltip",{content:[1],disabled:[4],placement:[1],delay:[2],animated:[4],open:[32]},null,{content:[{handleContentChange:0}],disabled:[{handleDisabledChange:0}]}]]],["p-51ad20c1",[[257,"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]},null,{color:[{handleColorChanged:0}],lightenPercentage:[{handleLightenPercentageChanged:0}],darkenPercentage:[{handleDarkenPercentageChanged:0}]}]]],["p-2d7d535c",[[257,"vertex-menu",{animated:[4],open:[1540],placement:[1],fallbackPlacements:[16],backdrop:[4],persistent:[4],position:[1040],popoverProps:[16]}]]],["p-42e4c1d7",[[1,"vertex-icon",{name:[1],size:[1]}]]],["p-facf96e8",[[257,"vertex-icon-button",{iconName:[1,"icon-name"],disabled:[516],variant:[1],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"]}]]]],e))));

package/dist/components/index.esm.js

@@ -1 +1 @@
-export{vertex_auto_resize_textarea as AutoResizeTextArea}from"./vertex-auto-resize-textarea.entry.esm.js";export{vertex_avatar as Avatar}from"./vertex-avatar.entry.esm.js";export{vertex_avatar_group as AvatarGroup}from"./vertex-avatar-group.entry.esm.js";export{vertex_badge as Badge}from"./vertex-badge.entry.esm.js";export{vertex_banner as Banner}from"./vertex-banner.entry.esm.js";export{vertex_button as Button}from"./vertex-button.entry.esm.js";export{vertex_card as Card}from"./vertex-card.entry.esm.js";export{vertex_card_group as CardGroup}from"./vertex-card-group.entry.esm.js";export{vertex_chip as Chip}from"./vertex-chip.entry.esm.js";export{vertex_click_to_edit_textfield as ClickToEditTextField}from"./vertex-click-to-edit-textfield.entry.esm.js";export{vertex_collapsible as Collapsible}from"./vertex-collapsible.entry.esm.js";export{vertex_color_circle_picker as ColorCirclePicker}from"./vertex-color-circle-picker.entry.esm.js";export{vertex_color_picker as ColorPicker}from"./vertex-color-picker.entry.esm.js";export{vertex_color_swatch as ColorSwatch}from"./vertex-color-swatch.entry.esm.js";export{vertex_context_menu as ContextMenu}from"./vertex-context-menu.entry.esm.js";export{vertex_dialog as Dialog}from"./vertex-dialog.entry.esm.js";export{vertex_draggable_popover as DraggablePopover}from"./vertex-draggable-popover.entry.esm.js";export{vertex_dropdown_menu as DropdownMenu}from"./vertex-dropdown-menu.entry.esm.js";export{vertex_expandable as Expandable}from"./vertex-expandable.entry.esm.js";export{vertex_help_tooltip as HelpTooltip}from"./vertex-help-tooltip.entry.esm.js";export{vertex_icon as Icon}from"./vertex-icon.entry.esm.js";export{vertex_icon_button as IconButton}from"./vertex-icon-button.entry.esm.js";export{vertex_logo_loading as LogoLoading}from"./vertex-logo-loading.entry.esm.js";export{vertex_menu as Menu}from"./vertex-menu.entry.esm.js";export{vertex_menu_divider as MenuDivider}from"./vertex-menu-divider.entry.esm.js";export{vertex_menu_item as MenuItem}from"./vertex-menu-item.entry.esm.js";export{vertex_popover as Popover}from"./vertex-popover.entry.esm.js";export{vertex_radio as Radio}from"./vertex-radio.entry.esm.js";export{vertex_radio_group as RadioGroup}from"./vertex-radio-group.entry.esm.js";export{vertex_resizable as Resizable}from"./vertex-resizable.entry.esm.js";export{vertex_result_list as ResultList}from"./vertex-result-list.entry.esm.js";export{vertex_search_bar as SearchBar}from"./vertex-search-bar.entry.esm.js";export{vertex_select as Select}from"./vertex-select.entry.esm.js";export{vertex_slider as Slider}from"./vertex-slider.entry.esm.js";export{vertex_spinner as Spinner}from"./vertex-spinner.entry.esm.js";export{vertex_tab as Tab}from"./vertex-tab.entry.esm.js";export{vertex_tabs as Tabs}from"./vertex-tabs.entry.esm.js";export{vertex_textfield as TextField}from"./vertex-textfield.entry.esm.js";export{vertex_toast as Toast}from"./vertex-toast.entry.esm.js";export{vertex_toggle as Toggle}from"./vertex-toggle.entry.esm.js";export{vertex_tooltip as Tooltip}from"./vertex-tooltip.entry.esm.js";import"./p-C27tS7nl.js";import"./p-DXuCPm6v.js";import"./p-Beav1bNT.js";import"./p-DHNuRvq0.js";import"./p-DgySd_r0.js";import"./p-DXQBJLz-.js";import"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";import"./p-B-yvbsY0.js";
+export{vertex_auto_resize_textarea as AutoResizeTextArea}from"./vertex-auto-resize-textarea.entry.esm.js";export{vertex_avatar as Avatar}from"./vertex-avatar.entry.esm.js";export{vertex_avatar_group as AvatarGroup}from"./vertex-avatar-group.entry.esm.js";export{vertex_badge as Badge}from"./vertex-badge.entry.esm.js";export{vertex_banner as Banner}from"./vertex-banner.entry.esm.js";export{vertex_button as Button}from"./vertex-button.entry.esm.js";export{vertex_card as Card}from"./vertex-card.entry.esm.js";export{vertex_card_group as CardGroup}from"./vertex-card-group.entry.esm.js";export{vertex_chip as Chip}from"./vertex-chip.entry.esm.js";export{vertex_click_to_edit_textfield as ClickToEditTextField}from"./vertex-click-to-edit-textfield.entry.esm.js";export{vertex_collapsible as Collapsible}from"./vertex-collapsible.entry.esm.js";export{vertex_color_circle_picker as ColorCirclePicker}from"./vertex-color-circle-picker.entry.esm.js";export{vertex_color_picker as ColorPicker}from"./vertex-color-picker.entry.esm.js";export{vertex_color_swatch as ColorSwatch}from"./vertex-color-swatch.entry.esm.js";export{vertex_context_menu as ContextMenu}from"./vertex-context-menu.entry.esm.js";export{vertex_dialog as Dialog}from"./vertex-dialog.entry.esm.js";export{vertex_draggable_popover as DraggablePopover}from"./vertex-draggable-popover.entry.esm.js";export{vertex_dropdown_menu as DropdownMenu}from"./vertex-dropdown-menu.entry.esm.js";export{vertex_expandable as Expandable}from"./vertex-expandable.entry.esm.js";export{vertex_help_tooltip as HelpTooltip}from"./vertex-help-tooltip.entry.esm.js";export{vertex_icon as Icon}from"./vertex-icon.entry.esm.js";export{vertex_icon_button as IconButton}from"./vertex-icon-button.entry.esm.js";export{vertex_logo_loading as LogoLoading}from"./vertex-logo-loading.entry.esm.js";export{vertex_menu as Menu}from"./vertex-menu.entry.esm.js";export{vertex_menu_divider as MenuDivider}from"./vertex-menu-divider.entry.esm.js";export{vertex_menu_item as MenuItem}from"./vertex-menu-item.entry.esm.js";export{vertex_popover as Popover}from"./vertex-popover.entry.esm.js";export{vertex_radio as Radio}from"./vertex-radio.entry.esm.js";export{vertex_radio_group as RadioGroup}from"./vertex-radio-group.entry.esm.js";export{vertex_resizable as Resizable}from"./vertex-resizable.entry.esm.js";export{vertex_result_list as ResultList}from"./vertex-result-list.entry.esm.js";export{vertex_search_bar as SearchBar}from"./vertex-search-bar.entry.esm.js";export{vertex_select as Select}from"./vertex-select.entry.esm.js";export{vertex_slider as Slider}from"./vertex-slider.entry.esm.js";export{vertex_spinner as Spinner}from"./vertex-spinner.entry.esm.js";export{vertex_tab as Tab}from"./vertex-tab.entry.esm.js";export{vertex_tabs as Tabs}from"./vertex-tabs.entry.esm.js";export{vertex_textfield as TextField}from"./vertex-textfield.entry.esm.js";export{vertex_toast as Toast}from"./vertex-toast.entry.esm.js";export{vertex_toggle as Toggle}from"./vertex-toggle.entry.esm.js";export{vertex_tooltip as Tooltip}from"./vertex-tooltip.entry.esm.js";import"./p-C27tS7nl.js";import"./p-DXuCPm6v.js";import"./p-Beav1bNT.js";import"./p-BItoqEjI.js";import"./p-DgySd_r0.js";import"./p-DXQBJLz-.js";import"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";import"./p-B-yvbsY0.js";

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BbDaHMlz.js";export{A as AutoResizeTextArea}from"./p-C1H5-_5m.js";export{A as Avatar}from"./p-ByQGREpQ.js";export{A as AvatarGroup}from"./p-BHmM6WC-.js";export{B as Badge}from"./p-De54LBPx.js";export{B as Banner}from"./p-BZutc-CC.js";export{B as Button}from"./p-C7VaFE8W.js";export{C as Card}from"./p-eYTN_sVb.js";export{C as CardGroup}from"./p-RaMDrnzd.js";export{C as Chip}from"./p-TLO_pywp.js";export{C as ClickToEditTextField}from"./p-BAfJR2VF.js";export{C as Collapsible}from"./p-DsAkiOMC.js";export{C as ColorCirclePicker}from"./p-1KuzBK7Z.js";export{C as ColorPicker}from"./p-al_CUADF.js";export{C as ColorSwatch}from"./p-B23i1cwy.js";export{C as ContextMenu}from"./p-DGZHaSjz.js";export{D as Dialog}from"./p-KilWQmEJ.js";export{D as DraggablePopover}from"./p-Mnv_zHXq.js";export{D as DropdownMenu}from"./p-D1P5FeY6.js";export{E as Expandable}from"./p-CZ1Qa_xv.js";export{H as HelpTooltip}from"./p-_3Hgy0Z4.js";export{I as Icon}from"./p-C1qwHMcr.js";export{I as IconButton}from"./p-BLc3P-0q.js";export{L as LogoLoading}from"./p-B2oECB2P.js";export{M as Menu}from"./p-BdR40EV2.js";export{M as MenuDivider}from"./p-B9qe9CNv.js";export{M as MenuItem}from"./p-4HdACFFW.js";export{P as Popover}from"./p-Ci26QjYl.js";export{R as Radio}from"./p-Bo65Viuh.js";export{R as RadioGroup}from"./p-K5a7HQMt.js";export{R as Resizable}from"./p-CFaiLAq0.js";export{R as ResultList}from"./p-CAFdRyLE.js";export{S as SearchBar}from"./p-CZyp2id8.js";export{S as Select}from"./p-DjrAIJhB.js";export{S as Slider}from"./p-BZ5oF5Ci.js";export{S as Spinner}from"./p-D_mp9WMh.js";export{T as Tab}from"./p-ILu24ZUX.js";export{T as Tabs}from"./p-DMLgHhJc.js";export{T as TextField}from"./p-6qoO8Yf3.js";export{T as Toast}from"./p-Dw5WRKyY.js";export{T as Toggle}from"./p-y4p55dbx.js";export{T as Tooltip}from"./p-D3BXoJJN.js";
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BbDaHMlz.js";export{A as AutoResizeTextArea}from"./p-DPAn1IHK.js";export{A as Avatar}from"./p-ByQGREpQ.js";export{A as AvatarGroup}from"./p-CaDQM3f3.js";export{B as Badge}from"./p-De54LBPx.js";export{B as Banner}from"./p-D1GjSE51.js";export{B as Button}from"./p-C7VaFE8W.js";export{C as Card}from"./p-eYTN_sVb.js";export{C as CardGroup}from"./p-BcAH6MtU.js";export{C as Chip}from"./p-CWcvAmjb.js";export{C as ClickToEditTextField}from"./p-CDqMJzqA.js";export{C as Collapsible}from"./p-C2bSBqfJ.js";export{C as ColorCirclePicker}from"./p-gvnlR6iZ.js";export{C as ColorPicker}from"./p-D7K4Pqpx.js";export{C as ColorSwatch}from"./p-C4abR0qC.js";export{C as ContextMenu}from"./p-D36_6yRo.js";export{D as Dialog}from"./p-CvrFWigc.js";export{D as DraggablePopover}from"./p-CMsgieMk.js";export{D as DropdownMenu}from"./p-JHDG6-KQ.js";export{E as Expandable}from"./p-DJycE6-8.js";export{H as HelpTooltip}from"./p-UrSJuXr4.js";export{I as Icon}from"./p-CZeULUuy.js";export{I as IconButton}from"./p-AbuQGpgg.js";export{L as LogoLoading}from"./p-b9MCyuKH.js";export{M as Menu}from"./p-75vuqvYA.js";export{M as MenuDivider}from"./p-38Imluyk.js";export{M as MenuItem}from"./p-D-zknKSp.js";export{P as Popover}from"./p-Ci26QjYl.js";export{R as Radio}from"./p-COpcsGR-.js";export{R as RadioGroup}from"./p-kS82oxak.js";export{R as Resizable}from"./p-D_837FE_.js";export{R as ResultList}from"./p-CJf7CUm5.js";export{S as SearchBar}from"./p-CtIB9Bid.js";export{S as Select}from"./p-OT-3j_2G.js";export{S as Slider}from"./p-Diw9iyfY.js";export{S as Spinner}from"./p-B2T0_m7j.js";export{T as Tab}from"./p-BmWilxsR.js";export{T as Tabs}from"./p-hEDvx_4a.js";export{T as TextField}from"./p-B4JVhdvU.js";export{T as Toast}from"./p-BZCUqzdV.js";export{T as Toggle}from"./p-CltvgC9y.js";export{T as Tooltip}from"./p-CJm62lko.js";