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

package/dist/esm/vertex-menu.entry.js

@@ -42,20 +42,20 @@ const Menu = class {
         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/esm/vertex-radio-group.entry.js

@@ -32,7 +32,7 @@ const RadioGroup = class {
         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/esm/vertex-radio.entry.js

@@ -14,15 +14,15 @@ const Radio = class {
         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/esm/vertex-resizable.entry.js

@@ -109,14 +109,14 @@ const Resizable = class {
         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/esm/vertex-result-list.entry.js

@@ -255,11 +255,11 @@ const ResultList = class {
         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/esm/vertex-search-bar.entry.js

@@ -436,9 +436,9 @@ const SearchBar = class {
             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/esm/vertex-select.entry.js

@@ -79,22 +79,22 @@ const Select = class {
     }
     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/esm/vertex-slider.entry.js

@@ -42,7 +42,7 @@ const Slider = class {
         };
     }
     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/esm/vertex-spinner.entry.js

@@ -27,7 +27,7 @@ const Spinner = class {
             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' })));
     }
 };
 Spinner.style = spinnerCss();

package/dist/esm/vertex-tab.entry.js

@@ -13,9 +13,9 @@ const Tab = class {
         };
     }
     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' }))));
     }
 };
 Tab.style = tabCss();

package/dist/esm/vertex-tabs.entry.js

@@ -85,16 +85,16 @@ const Tabs = class {
         }
     }
     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 })))));
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/vertex-textfield.entry.js

@@ -136,7 +136,7 @@ const TextField = class {
                 }
             },
         };
-        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/esm/vertex-toast.entry.js

@@ -57,11 +57,11 @@ const Toast = class {
         }
     }
     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/esm/vertex-toggle.entry.js

@@ -30,16 +30,16 @@ const Toggle = class {
                 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/esm/vertex-tooltip.entry.js

@@ -246,11 +246,11 @@ const Tooltip = class {
         }
     }
     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/types/components/chip/chip.d.ts

@@ -1,6 +1,7 @@
 import { h } from '../../stencil-public-runtime';
 export type ChipVariant = 'filled' | 'outlined';
 export type ChipColor = 'primary' | 'secondary';
+export type ChipSize = 'sm' | 'md' | 'lg';
 export declare class Chip {
     /**
      * The variant of this <vertex-chip>.
@@ -12,5 +13,10 @@ export declare class Chip {
      * Can be "primary" or "secondary" and defaults to "secondary".
      */
     color: ChipColor;
+    /**
+     * The size of this <vertex-chip>.
+     * Can be "sm", "md", or "lg" and defaults to "md".
+     */
+    size: ChipSize;
     render(): h.JSX.IntrinsicElements;
 }

package/dist/types/components.d.ts

@@ -10,7 +10,7 @@ import { BadgeIconColor } from "./components/badge/badge";
 import { BannerPlacement, BannerType } from "./components/banner/banner";
 import { ButtonColor, ButtonExpand, ButtonSize, ButtonType, ButtonVariant } from "./components/button/button";
 import { CardMode } from "./components/card/card";
-import { ChipColor, ChipVariant } from "./components/chip/chip";
+import { ChipColor, ChipSize, ChipVariant } from "./components/chip/chip";
 import { InputChangeEventDetail, TextSize } from "./components/text-field/text-field";
 import { Popover, PopoverPlacement } from "./components/popover/popover";
 import { ColorPickerSizeSize, SelectionChangedDetails } from "./components/color-circle-picker/color-circle-picker";
@@ -37,7 +37,7 @@ export { BadgeIconColor } from "./components/badge/badge";
 export { BannerPlacement, BannerType } from "./components/banner/banner";
 export { ButtonColor, ButtonExpand, ButtonSize, ButtonType, ButtonVariant } from "./components/button/button";
 export { CardMode } from "./components/card/card";
-export { ChipColor, ChipVariant } from "./components/chip/chip";
+export { ChipColor, ChipSize, ChipVariant } from "./components/chip/chip";
 export { InputChangeEventDetail, TextSize } from "./components/text-field/text-field";
 export { Popover, PopoverPlacement } from "./components/popover/popover";
 export { ColorPickerSizeSize, SelectionChangedDetails } from "./components/color-circle-picker/color-circle-picker";
@@ -215,6 +215,11 @@ export namespace Components {
           * @default 'secondary'
          */
         "color": ChipColor;
+        /**
+          * The size of this <vertex-chip>. Can be "sm", "md", or "lg" and defaults to "md".
+          * @default 'md'
+         */
+        "size": ChipSize;
         /**
           * The variant of this <vertex-chip>. Can be "filled" or "outlined" and defaults to "filled".
           * @default 'filled'
@@ -1912,6 +1917,11 @@ declare namespace LocalJSX {
           * @default 'secondary'
          */
         "color"?: ChipColor;
+        /**
+          * The size of this <vertex-chip>. Can be "sm", "md", or "lg" and defaults to "md".
+          * @default 'md'
+         */
+        "size"?: ChipSize;
         /**
           * The variant of this <vertex-chip>. Can be "filled" or "outlined" and defaults to "filled".
           * @default 'filled'
@@ -2936,6 +2946,7 @@ declare namespace LocalJSX {
     interface VertexChipAttributes {
         "variant": ChipVariant;
         "color": ChipColor;
+        "size": ChipSize;
     }
     interface VertexClickToEditTextfieldAttributes {
         "placeholder": string;

package/package.json

@@ -1,15 +1,39 @@
 {
   "name": "@vertexvis/ui",
-  "version": "1.0.0-testing.0",
+  "version": "1.0.0-testing.2",
   "description": "The Vertex UI component library.",
-  "main": "dist/index.cjs.js",
+  "type": "module",
+  "main": "dist/index.cjs",
   "module": "dist/index.js",
-  "es2015": "dist/esm/index.js",
-  "es2017": "dist/esm/index.js",
+  "es2019": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
-  "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/esm/index.js"
+    },
+    "./viewer.css": "./dist/viewer/viewer.css",
+    "./dist/*": "./dist/*",
+    "./dist/components": {
+      "types": "./dist/components/index.d.ts"
+    },
+    "./dist/components/*": {
+      "import": "./dist/components/*",
+      "default": "./dist/components/*"
+    },
+    "./loader/*": "./loader/*",
+    "./loader": {
+      "types": "./loader/index.d.ts",
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs",
+      "default": "./loader/index.js"
+    }
+  },
+  "author": "Vertex Developers <support@vertex3d.com> (https://developer.vertex3d.com)",
   "homepage": "https://github.com/Vertexvis/vertex-web-ui#readme",
   "repository": {
     "type": "git",
@@ -87,5 +111,5 @@
     "@vertexvis/utils": "^1.0.0-canary.0",
     "fast-deep-equal": "^3.1.3"
   },
-  "gitHead": "3e22495a1fc5980c00c5196ad7d427edadd4a2eb"
+  "gitHead": "f8cfb404594431e0ea817d5d048f2e2682e5592d"
 }

package/dist/components/p-5c032b37.entry.js

@@ -1 +0,0 @@
-import{a as e,h as t}from"./p-C27tS7nl.js";const a=class{constructor(t){e(this,t)}render(){return t("div",{key:"14156280b58c863112f73250ed035167b2df7a67",class:"root"},t("div",{key:"b92808bb9f4e15cdba465e94bc45027901d853e6",class:"base"},t("slot",{key:"2014fbcd96024c1491482c7fb8c1d34a2f59e1f6",name:"base"})),t("div",{key:"32818c1d98aebd924e06febf5854a23f6a0658a5",class:"top"},t("slot",{key:"f48c82328486a0506b77fc041142e24bb164b0f6"})))}};a.style=".root{position:relative}.base{position:absolute;left:0;top:0}.top{position:absolute;left:0.5rem;top:0.5rem}";export{a as vertex_avatar_group}

package/dist/components/p-6d03a954.entry.js

@@ -1 +0,0 @@
-import{a as e,c as a,h as t}from"./p-C27tS7nl.js";const d=class{constructor(t){e(this,t),this.menuOpened=a(this,"menuOpened"),this.menuClosed=a(this,"menuClosed"),this.animated=!0,this.placement="bottom-end",this.open=!1,this.handleClick=this.handleClick.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this)}render(){return t("vertex-menu",{key:"b47388e259fcaf705d35bc2c6b93c4bbfd530fe2",open:this.open,animated:this.animated,placement:this.placement,onMenuClosed:this.handleMenuClosed},t("div",{key:"136d2f97a894d036e3a89253519f7d696cd11886",slot:"anchor",onClick:this.handleClick},t("slot",{key:"14f134e4e3038051894cb1b53e964be356c8c25e",name:"anchor"})),t("div",{key:"4dfab76f26df46d6224fd485c24258e26dd67954",class:"root"},t("div",{key:"d3279b16359c7a882fc1a42da3286c586aa0f2af",slot:"header",class:"header"},t("slot",{key:"7d37e800f9053d3dc65e7d6a28a04da5df5d446b",name:"header"})),t("div",{key:"9a3547ee8ad7b703496a819f89c4d9fcad814921",class:"body"},t("slot",{key:"503618e2bd54f93f14aa7216b1afeb426302adbc",name:"body"})),t("div",{key:"9cfa757250da4653ebadffff579c8c848a3018d7",class:"learn-more"},t("slot",{key:"a46b653f2fa6fadca1e82bd9ebcfbe39fb8693ca",name:"learnMore"}))))}handleClick(e){this.open||(this.open=!0,this.menuOpened.emit(e))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}};d.style=".root{margin:var(--padding-4)}.header{margin-bottom:var(--padding-2);font-size:0.95em;font-weight:normal;color:var(--neutral-800)}.body,.learn-more{width:225px;font-size:0.85em;color:var(--neutral-700);line-height:1.2em}.learn-more{margin-top:var(--padding-4);color:var(--blue-700);text-align:right}";export{d as vertex_help_tooltip}

package/dist/components/p-705d25f3.entry.js

@@ -1 +0,0 @@
-import{a as r,h as o}from"./p-C27tS7nl.js";const e=class{constructor(o){r(this,o)}render(){return o("div",{key:"512e5e2fa2dac7780bbad2c00ccb0875617dc158",class:"root"})}};e.style=":host{--color:var(--vertex-ui-neutral-300)}.root{margin:0.12em 0;border-top:1px solid var(--color)}";export{e as vertex_menu_divider}

package/dist/components/p-B2oECB2P.js

@@ -1 +0,0 @@
-import{t as e,p as a,H as d,h as l}from"./p-BbDaHMlz.js";const o=a(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return l("div",{key:"dce8a000becbe6db27213e4ef6bb908512abb419",class:"container"},l("svg",{key:"abecfb11c7a782fece0f39c2f55c42aa5419a7c8",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 100 100"},l("defs",{key:"6db0649cd3035e12d16eb11007cfec94fabdf9c6"},l("mask",{key:"b26034899513263bcd19b4c0976ef3b27bb1d815",id:"orange-loading-diamond"},l("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"})),l("mask",{key:"7739fc34aea0d8439596dad6235281ad21d90889",id:"blue-loading-diamond"},l("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"})),l("mask",{key:"1f0816a1c3fa2d5e73650581d953cd988f74613e",id:"green-loading-diamond"},l("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"})),l("mask",{key:"8362119a2e3c98944d28e1f9e172e12e177e0bb4",id:"left-center-loading-diamond"},l("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"})),l("mask",{key:"677eda84978c640238c63cbb3158eec75b620e46",id:"right-center-loading-diamond"},l("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"}))),l("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"}),l("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"}),l("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"}),l("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"}),l("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"}),l("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"}),l("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"}),l("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"})))}static get style(){return"@keyframes color-loading{0%{transform:translate(30px, -50px)}10%{transform:translateY(0)}70%{opacity:1}75%,100%{opacity:0}}@keyframes center-loading{0%{transform:translate(-30px, 50px)}10%{transform:translate(0, 0)}70%{opacity:1}75%,100%{opacity:0}}.container{width:100%;height:100%}.visual-center{transform:translateX(7%)}.color-loading-fill{animation:color-loading 2.5s infinite linear}.center-loading-fill{animation:center-loading 2.5s infinite linear}"}},[1,"vertex-logo-loading"]);function n(){"undefined"!=typeof customElements&&["vertex-logo-loading"].forEach((a=>{"vertex-logo-loading"===a&&(customElements.get(e(a))||customElements.define(e(a),o))}))}n();export{o as L,n as d}

package/dist/components/p-BHmM6WC-.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as s,h as a}from"./p-BbDaHMlz.js";const o=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"14156280b58c863112f73250ed035167b2df7a67",class:"root"},a("div",{key:"b92808bb9f4e15cdba465e94bc45027901d853e6",class:"base"},a("slot",{key:"2014fbcd96024c1491482c7fb8c1d34a2f59e1f6",name:"base"})),a("div",{key:"32818c1d98aebd924e06febf5854a23f6a0658a5",class:"top"},a("slot",{key:"f48c82328486a0506b77fc041142e24bb164b0f6"})))}static get style(){return".root{position:relative}.base{position:absolute;left:0;top:0}.top{position:absolute;left:0.5rem;top:0.5rem}"}},[257,"vertex-avatar-group"]);function r(){"undefined"!=typeof customElements&&["vertex-avatar-group"].forEach((t=>{"vertex-avatar-group"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}r();export{o as A,r as d}

package/dist/components/p-D1P5FeY6.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as s,c as n,h as o}from"./p-BbDaHMlz.js";import{d}from"./p-BdR40EV2.js";import{d as a}from"./p-Ci26QjYl.js";const i=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuOpened=n(this,"menuOpened"),this.menuClosed=n(this,"menuClosed"),this.animated=!0,this.placement="bottom-end",this.open=!1,this.handleClick=this.handleClick.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this)}render(){return o("vertex-menu",{key:"a47155e5da8b418f87738d0488ca9c56ea28d09d",open:this.open,animated:this.animated,placement:this.placement,onMenuClosed:this.handleMenuClosed},o("div",{key:"ebe641d75858a3bf8cc12cfa8ff0b21e2cfc82bc",slot:"anchor",onClick:this.handleClick},o("slot",{key:"3675c17e3810f9e2237fb90fdccf0e3f3097ffb2",name:"anchor"})),o("div",{key:"047cb9f3903d12e13e750d0d92e4fce408361f3b",slot:"header"},o("slot",{key:"2477e7a51df8eef64d8a63e4b6f9b1bfea881676",name:"header"})),o("slot",{key:"d6fbba6304bd53fe761608073406fca3447d6d0b"}))}handleClick(e){this.open||(this.open=!0,this.menuOpened.emit(e))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}},[257,"vertex-dropdown-menu",{animated:[4],placement:[1],open:[32]}]);function c(){"undefined"!=typeof customElements&&["vertex-dropdown-menu","vertex-menu","vertex-popover"].forEach((t=>{switch(t){case"vertex-dropdown-menu":customElements.get(e(t))||customElements.define(e(t),i);break;case"vertex-menu":customElements.get(e(t))||d();break;case"vertex-popover":customElements.get(e(t))||a()}}))}c();export{i as D,c as d}