@six-group/ui-library 0.0.0-insider.513eb55 → 0.0.0-insider.53504c0

package/dist/esm/six-menu-divider.entry.js

@@ -8,7 +8,7 @@ const SixMenuDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("div", { key: 'f7bb5661311ecbe68cafafde1508ca9e75393c2e', part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
+        return h("div", { key: '890328b9c0bf63322919d2fb199d9c4086840db5', part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
     }
 };
 SixMenuDivider.style = SixMenuDividerStyle0;

package/dist/esm/six-menu-label.entry.js

@@ -8,7 +8,7 @@ const SixMenuLabel = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '4497dab15753514286bcf21a66aa80ad0f723f94', part: "base", class: "menu-label" }, h("slot", { key: '219a40c3465e8344532c1c7a8a73563e6b6a484b' })));
+        return (h("div", { key: '0c3c49689954ef436d5e4dec07e36f404c1e6002', part: "base", class: "menu-label" }, h("slot", { key: '497f86791932edf59de344292c32c57618f7b65e' })));
     }
 };
 SixMenuLabel.style = SixMenuLabelStyle0;

package/dist/esm/six-picto.entry.js

@@ -11,7 +11,7 @@ const SixPicto = class {
     render() {
         var _a;
         const iconName = (_a = this.host.innerHTML) === null || _a === void 0 ? void 0 : _a.trim();
-        return (h(Host, { key: 'eeac4f0c4130ee89846bbd7d5357097f622a59a2' }, h("div", { key: 'b944548e794bf927a3b6448cf95cdb89771e2e67', part: "icon", class: {
+        return (h(Host, { key: 'e33180544598008e84e88fa8a992abd73e48f95d' }, h("div", { key: 'aeb6916447c5ab9e14c0193809437baf95fbf17a', part: "icon", class: {
                 [`is-size-${this.size}`]: typeof this.size != null || this.size.trim() !== '',
                 [`${iconName}`]: true,
             } })));

package/dist/esm/six-progress-bar.entry.js

@@ -10,12 +10,12 @@ const SixProgressBar = class {
         this.indeterminate = false;
     }
     render() {
-        return (h("div", { key: 'f608cc3d71f203a61fc9df087ec575c0c3492c5c', part: "base", class: {
+        return (h("div", { key: '45ac15bb610a1cf554978f14faf62468248456b5', part: "base", class: {
                 'progress-bar': true,
                 'progress-bar--indeterminate': this.indeterminate,
-            }, role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.indeterminate ? null : this.percentage }, h("div", { key: 'e3338e5b2801eee82d23014de0d1450d96734ed6', part: "indicator", class: "progress-bar__indicator", style: {
+            }, role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.indeterminate ? null : this.percentage }, h("div", { key: '5e1669e12a54f369b24159db5533adfe6e4afc23', part: "indicator", class: "progress-bar__indicator", style: {
                 width: `${this.percentage}%`,
-            } }, !this.indeterminate && (h("span", { key: '7b1854dd789df5c0ec8674c92f9b83eb3cff5136', part: "label", class: "progress-bar__label" }, h("slot", { key: 'e276f62022d67d798929c45d77b43b32c084fc95' }))))));
+            } }, !this.indeterminate && (h("span", { key: 'ee288552a254819e817c639a4d557a174d827c71', part: "label", class: "progress-bar__label" }, h("slot", { key: '201bc1ed20890d847d578c322fb1e6911df497b1' }))))));
     }
 };
 SixProgressBar.style = SixProgressBarStyle0;

package/dist/esm/six-progress-ring.entry.js

@@ -27,7 +27,7 @@ const SixProgressRing = class {
         this.indicator.style.strokeDashoffset = `${offset}`;
     }
     render() {
-        return (h("div", { key: 'e09ffe97cbc1a44bd5c2006d0ecb35d89080f8af', part: "base", class: "progress-ring" }, h("svg", { key: '20cc7c1538d71910135e3fe211446c8f08b1ce4d', class: "progress-ring__image", width: this.size, height: this.size }, h("circle", { key: '25f245f920c534d8da8f29776dde7b4ded21e713', class: "progress-ring__track", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 }), h("circle", { key: '1c5ef08a2ba59c059a3cde7d49602dda047af141', ref: (el) => (this.indicator = el), class: "progress-ring__indicator", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 })), h("span", { key: '2949b9164e9500cdb9969b3b541e1701b679f7fe', part: "label", class: "progress-ring__label" }, h("slot", { key: 'b18182513d8937160d8a24386e0703a0df89a6e8' }))));
+        return (h("div", { key: '585f31918309719acad14e1b01121be9a8c1cd89', part: "base", class: "progress-ring" }, h("svg", { key: '5c039de9145c4c43f52e2787d39aaf3710c30f76', class: "progress-ring__image", width: this.size, height: this.size }, h("circle", { key: '8b8ae8deb553e5e34a916fedfd7b5378ab47de9f', class: "progress-ring__track", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 }), h("circle", { key: 'aab242e5b4797bdbcf75146e55a73f080d8742c1', ref: (el) => (this.indicator = el), class: "progress-ring__indicator", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 })), h("span", { key: 'dea1cbc19b910dd1d07a10a56ae6b1700b0d5113', part: "label", class: "progress-ring__label" }, h("slot", { key: 'a00bf6f710f3e65dfc1bc645a808aba2fabe0d40' }))));
     }
     static get watchers() { return {
         "percentage": ["handlePercentageChange"]

package/dist/esm/six-radio.entry.js

@@ -98,12 +98,12 @@ const SixRadio = class {
         return this.getAllRadios().filter((radio) => radio !== this.host);
     }
     render() {
-        return (h("label", { key: '1b6f98dbd3e95d64cb272c0b9c82b88fb9d67a7e', part: "base", class: {
+        return (h("label", { key: '1d4d0be85edb89c166b6f22ea72498b9c8d8cea8', part: "base", class: {
                 radio: true,
                 'radio--checked': this.checked,
                 'radio--disabled': this.disabled,
                 'radio--focused': this.hasFocus,
-            }, htmlFor: this.inputId, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown }, h("span", { key: 'c8740894c30202709d78edfd1ab8ad0efb724d1d', part: "control", class: "radio__control" }, h("span", { key: '2c3f19b963075cf1b6e3f9b10f322b228fd9d9f5', part: "checked-icon", class: "radio__icon" }, h("svg", { key: 'a7ba9f65e0c0afa5d07aaabfe142fc72e68d1b3b', viewBox: "0 0 16 16" }, h("g", { key: '7f929b5e3ba26ed47da766acbc5103ec132ffc5c', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '7ee2d214b117083ce717b0492fa1ff7b02943201', fill: "currentColor" }, h("circle", { key: 'de9ccc22cb186b1accae8b1c43a894827f4985fc', cx: "8", cy: "8", r: "5" }))))), h("input", { key: '33504cb97e18a1dbf1f9c09c52dd526b2a549eee', ref: (el) => (this.nativeInput = el), id: this.inputId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, role: "radio", "aria-checked": this.checked ? 'true' : 'false', "aria-labelledby": this.labelId, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus })), h("span", { key: 'c83bf568da9bd0451c2ea98e3ecd4f40d2093574', part: "label", id: this.labelId, class: "radio__label" }, h("slot", { key: 'a68a99a2050d405cdfcc3be435ec6719a389ca02' }))));
+            }, htmlFor: this.inputId, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown }, h("span", { key: '76b4c8511865e24af02bb954155c3b73d005b0af', part: "control", class: "radio__control" }, h("span", { key: '8a236d9faf510c005b77ff71917f79928478f558', part: "checked-icon", class: "radio__icon" }, h("svg", { key: 'a09807981249028dab896dd1363455f742ffc3ae', viewBox: "0 0 16 16" }, h("g", { key: '2794897dc88c3c531a560966702eee882a0ad34f', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'e698f2e02915293aa3d61191971a009e1075882a', fill: "currentColor" }, h("circle", { key: '0c08e9a157e5fe0155bb2859a70a302549a35129', cx: "8", cy: "8", r: "5" }))))), h("input", { key: 'ca747587d281cb058c73dff36bbbb24f92c513ef', ref: (el) => (this.nativeInput = el), id: this.inputId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, role: "radio", "aria-checked": this.checked ? 'true' : 'false', "aria-labelledby": this.labelId, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus })), h("span", { key: '9e4de8ac9871f4ed19960842ff4da889f03b697b', part: "label", id: this.labelId, class: "radio__label" }, h("slot", { key: 'cb241e2debf683cc9f799606a48724f824c7dbfe' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/six-range.entry.js

@@ -182,7 +182,7 @@ const SixRange = class {
         }
     }
     render() {
-        return (h(FormControl, { key: '913b66d4eb5aa5b68ae95f1206c9980d8ea667ca', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, size: "medium", errorTextId: this.errorTextId, errorText: this.errorText, hasErrorTextSlot: this.hasErrorTextSlot, errorTextCount: this.errorTextCount, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: '04ccd3b0577d7f5b4a3bfb5a043e47093df75bbf', part: "base", class: {
+        return (h(FormControl, { key: '247e4d734ffd21fb8600961f821e38088e7746d7', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, size: "medium", errorTextId: this.errorTextId, errorText: this.errorText, hasErrorTextSlot: this.hasErrorTextSlot, errorTextCount: this.errorTextCount, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: '253bbcaffc90185969ccc1eb96cafe889b3130f2', part: "base", class: {
                 range: true,
                 // States
                 'range--disabled': this.disabled,
@@ -190,7 +190,7 @@ const SixRange = class {
                 'range--tooltip-visible': this.hasTooltip,
                 'range--tooltip-top': this.tooltip === 'top',
                 'range--tooltip-bottom': this.tooltip === 'bottom',
-            }, onTouchStart: this.handleTouchStart }, h("input", { key: '128f188b76ee5b9f77237017a794c96de858994d', part: "input", ref: (el) => (this.nativeInput = el), type: "range", class: "range__control", name: this.name, disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }), this.tooltip !== 'none' && (h("output", { key: '98fb9159f2d805cd0d6e146512ca42210bd69963', part: "tooltip", ref: (el) => (this.output = el), class: "range__tooltip" }, this.tooltipFormatter(this.value))))));
+            }, onTouchStart: this.handleTouchStart }, h("input", { key: '83c6c8855ca6df0ee2d95a95fee668b5bbf306db', part: "input", ref: (el) => (this.nativeInput = el), type: "range", class: "range__control", name: this.name, disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }), this.tooltip !== 'none' && (h("output", { key: 'fac373f95f6bfebd98e52f92fc74825e853f6812', part: "tooltip", ref: (el) => (this.output = el), class: "range__tooltip" }, this.tooltipFormatter(this.value))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/six-root.entry.js

@@ -11,7 +11,7 @@ const SixRoot = class {
         this.version = '';
     }
     render() {
-        return (h("host", { key: '549ee9fd2e4850365083c9ae5d8d253dffbc466d', class: "six-root" }, h("header", { key: '046e93e958b343eb136876eee02798770f1feefe', part: "header" }, this.stage && h("six-stage-indicator", { key: 'e423d4ceb86b2d2d018490a621c54794877a300f', stage: this.stage }, this.version), h("slot", { key: 'ee66ebecd9d1245483a90762bc4141918d03b014', name: "header" })), h("nav", { key: 'd0cdeb47a188daa81aeeea0f7c9a9a57d51b9d88', class: "six-root__left-sidebar", part: "left-sidebar" }, h("slot", { key: 'c7542081f6914e7c5491e1d301e2a091d3e96ff5', name: "left-sidebar" })), h("main", { key: 'e5e7a34d2892fd2abdaa1a04cc7d625aefde269d', part: "main" }, h("div", { key: '3cac5b7f321ef72d0b112cfbfe62387c3cb25f12', class: { 'six-root__container': true, 'six-root__container--padded': this.padded }, part: "container" }, h("slot", { key: 'fca6a6cf79eaacf46a66c3b7c2edff570237653a', name: "main" })), h("div", { key: '4ebed8d2d26c21e7191f920fb6b2aa72345db598', class: "six-root__footer" }, h("slot", { key: 'b0c246ac208e9e00fe9715067bdcbfd31781bf1c', name: "footer" }))), h("nav", { key: 'fca1cc465b5251f3abd3d36df370244430efdf63', class: "six-root__right-sidebar", part: "right-sidebar" }, h("slot", { key: '3181f6a8cc65a2fc1b59edf0944934b2dfb83396', name: "right-sidebar" }))));
+        return (h("host", { key: 'bb7825453e8962c4284fb6fbb4134c4b7767ffbd', class: "six-root" }, h("header", { key: '443e36e1fb8ab628ab2e1bde1eef3f3f0a6c9a3e', part: "header" }, this.stage && h("six-stage-indicator", { key: 'e10e1a45360e64f7319e15b5a615b898e41c5a6f', stage: this.stage }, this.version), h("slot", { key: '83f124f27a434c0eaab23e25c9690e63619d3238', name: "header" })), h("nav", { key: '52f47a0ea56ea73c01acfb974005b25a07f31c1c', class: "six-root__left-sidebar", part: "left-sidebar" }, h("slot", { key: 'dc394fd3eba205aae4bfff5a17f826e64d7aabcb', name: "left-sidebar" })), h("main", { key: '6bc11607edf2b772a2ae8e83aa6116d0996353f2', part: "main" }, h("div", { key: 'dce7d4f1ff72fdad0daf1ded16d6e91c709ea837', class: { 'six-root__container': true, 'six-root__container--padded': this.padded }, part: "container" }, h("slot", { key: '2f738b3b6705db8d0bfe07590df59cc4d243cad0', name: "main" })), h("div", { key: '005c723d6515ffc9a0acdc51460a4f51872ae717', class: "six-root__footer" }, h("slot", { key: '8cc3c97bc3c1a328ed4a99dfa1b17c6d3abb4607', name: "footer" }))), h("nav", { key: '05b12db2b51c4c4b5cb0de37c7f79d7e3220dda6', class: "six-root__right-sidebar", part: "right-sidebar" }, h("slot", { key: '9c7977c0f58dc781acb189a816f5dc0cd61c8304', name: "right-sidebar" }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/six-search-field.entry.js

@@ -42,7 +42,7 @@ const SixSearchField = class {
         this.eventListeners.removeAll();
     }
     render() {
-        return (h("div", { key: '045aed33c2cfa19af88ab23c642ce7574b8cfae5', class: "search-box" }, h("six-input", { key: '5938a5d9613574fae1f1094bdefdf3ce96729750', ref: (el) => (this.inputElement = el), placeholder: this.placeholder, value: this.value, disabled: this.disabled, clearable: this.clearable }, h("six-icon", { key: 'b6751944913567cdf88fab8fab75064c839c1d2c', class: "search-box__icon", slot: "prefix", size: "small", onClick: this.handleInputChange }, "search")), h("slot", { key: '1487fe58f51d60e882fdb0a51a3fa9c3cd44164b' })));
+        return (h("div", { key: '108d928d1c28a1a37c0a6f00661e44ff921a7434', class: "search-box" }, h("six-input", { key: 'bd4002eab9d4077b70b0f3e730127a8cadad1d63', ref: (el) => (this.inputElement = el), placeholder: this.placeholder, value: this.value, disabled: this.disabled, clearable: this.clearable }, h("six-icon", { key: '900c6d660cf833c2a3068e608c947694e6b95ff6', class: "search-box__icon", slot: "prefix", size: "small", onClick: this.handleInputChange }, "search")), h("slot", { key: '7f834e95d2cbb6207c4a580099e6f62240cb587f' })));
     }
     static get watchers() { return {
         "value": ["handleValueChange"]

package/dist/esm/six-select.entry.js

@@ -434,7 +434,7 @@ const SixSelect = class {
             showClear = true;
             showExpand = false;
         }
-        return (h(FormControl, { key: '3ace428a1b1a320508cb2a30998745d3eb915769', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: this.size, onLabelClick: this.handleLabelClick, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("six-dropdown", { key: '8f425f828fb2db9ab7cc2edb81b6367a70709cf1', part: "base", ref: (el) => (this.dropdown = el), hoist: this.hoist, matchTriggerWidth: true, closeOnSelect: !this.multiple, containingElement: this.host, disableHideOnEnterAndSpace: this.autocomplete, class: {
+        return (h(FormControl, { key: '521e8a99e7fb4ad2fb8ded4763eb8ed1e0eff293', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: this.size, onLabelClick: this.handleLabelClick, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("six-dropdown", { key: 'ea5f0ec6216ab61ebcc1ae8add16b042e99297cc', part: "base", ref: (el) => (this.dropdown = el), hoist: this.hoist, matchTriggerWidth: true, closeOnSelect: !this.multiple, containingElement: this.host, disableHideOnEnterAndSpace: this.autocomplete, class: {
                 select: true,
                 'select--open': this.isOpen,
                 'select--empty': ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === 0,
@@ -449,20 +449,20 @@ const SixSelect = class {
                 'select--large': this.size === 'large',
                 'select--pill': this.pill,
                 'select--invalid': this.invalid,
-            }, onKeyDown: this.handleKeyDown, "onSix-dropdown-show": this.handleMenuShow, "onSix-dropdown-hide": this.handleMenuHide, filterPlaceholder: this.filterPlaceholder, filterDebounce: this.filterDebounce, filter: this.filter, asyncFilter: this.asyncFilter, virtualScroll: this.virtualScroll }, h("div", { key: 'a26c8aec4099f5d2211f5ff52a51fedca0796af6', slot: "trigger", ref: (el) => (this.box = el), id: this.inputId, class: {
+            }, onKeyDown: this.handleKeyDown, "onSix-dropdown-show": this.handleMenuShow, "onSix-dropdown-hide": this.handleMenuHide, filterPlaceholder: this.filterPlaceholder, filterDebounce: this.filterDebounce, filter: this.filter, asyncFilter: this.asyncFilter, virtualScroll: this.virtualScroll }, h("div", { key: 'd6b14098f6aabd6212f71e3832890de646c6d97e', slot: "trigger", ref: (el) => (this.box = el), id: this.inputId, class: {
                 select__box: true,
                 'select__box--line': this.line,
                 'select__box--autocomplete': this.autocomplete,
-            }, role: "combobox", "aria-labelledby": this.labelId, "aria-describedby": this.helpTextId, "aria-haspopup": "true", "aria-expanded": this.isOpen ? 'true' : 'false', tabIndex: this.disabled ? -1 : 0, onBlur: this.handleBlur, onFocus: this.handleFocus }, h("div", { key: 'cd8b84274335133824eddcade815aff7ea27a238', class: "display__values", ref: (el) => (this.displayValuesContainer = el) }, this.displayedValues.length > 0 ? (h("span", { class: "display__values-and-counter" }, h("span", { class: "display__values-values" }, this.displayedValues.map((value) => (h("span", { key: value, class: "display-value" }, value, h("span", { class: { separator: true } }, ", "))))), h("span", { ref: (el) => (this.overflowCount = el), class: "overflow-count" }, "+10"))) : (h("span", { class: "placeholder" }, this.placeholder))), showClear && (h("six-icon-button", { key: '07ae0cdd7eb509b5c1882bedd360143c1241d573', exportparts: "base:clear-button", class: "select__clear", name: "clear", size: "small", onClick: this.handleClearClick, tabindex: "-1" })), showExpand && (h("span", { key: '1fe72676ba9941b0b0b62af35762a277730d1d04', part: "icon", class: "select__icon" }, h("six-icon", { key: '3c8226f4a4e5bb7319f59b793705d647962afc95', size: "medium" }, "expand_more"))), h("six-input", { key: 'afa6ecd6e8feb4f00a0486d8242a808581b8e05e', ref: (el) => (this.autocompleteInput = el), class: {
+            }, role: "combobox", "aria-labelledby": this.labelId, "aria-describedby": this.helpTextId, "aria-haspopup": "true", "aria-expanded": this.isOpen ? 'true' : 'false', tabIndex: this.disabled ? -1 : 0, onBlur: this.handleBlur, onFocus: this.handleFocus }, h("div", { key: 'dd77b5234c29235a00f62b5e49b81dc5aba2ffda', class: "display__values", ref: (el) => (this.displayValuesContainer = el) }, this.displayedValues.length > 0 ? (h("span", { class: "display__values-and-counter" }, h("span", { class: "display__values-values" }, this.displayedValues.map((value) => (h("span", { key: value, class: "display-value" }, value, h("span", { class: { separator: true } }, ", "))))), h("span", { ref: (el) => (this.overflowCount = el), class: "overflow-count" }, "+10"))) : (h("span", { class: "placeholder" }, this.placeholder))), showClear && (h("six-icon-button", { key: 'd30be3b2adb8f5eed29a3e7a5a59f4db007d62e9', exportparts: "base:clear-button", class: "select__clear", name: "clear", size: "small", onClick: this.handleClearClick, tabindex: "-1" })), showExpand && (h("span", { key: '7c40d29a181ce1f15bc1bacf059a9c8e9807be67', part: "icon", class: "select__icon" }, h("six-icon", { key: '6ac4a8bf6a4be113dcfd6bf2fd690c8b47aaaaeb', size: "medium" }, "expand_more"))), h("six-input", { key: '8f226312196871cd91abcb20da09c5a2811d1657', ref: (el) => (this.autocompleteInput = el), class: {
                 select__input: true,
                 'select__hidden-select': !this.autocomplete,
-            }, "aria-hidden": "true", required: this.required, onFocus: this.handleFocus, clearable: this.clearable, placeholder: this.placeholder, pill: this.pill, disabled: this.disabled, size: this.size, tabIndex: -1 })), h("div", { key: '3f411a1ed1b6f59c9541144c3b9407300a03a61a', class: {
+            }, "aria-hidden": "true", required: this.required, onFocus: this.handleFocus, clearable: this.clearable, placeholder: this.placeholder, pill: this.pill, disabled: this.disabled, size: this.size, tabIndex: -1 })), h("div", { key: 'bb683893a8ad678f3cb01e8e42531b17bd20913c', class: {
                 'selection-container': true,
                 'selection-container--border': this.selectionContainerItems.length > 0 && items.length !== this.selectionContainerItems.length,
-            } }, this.selectionContainerItems), h("six-menu", { key: 'c9b52607f90d8905693ba30901456f1c40615de7', ref: (el) => (this.menu = el), part: "menu", class: {
+            } }, this.selectionContainerItems), h("six-menu", { key: 'c7755a2e2da8134b6b58189c81c8354cac7a8e2e', ref: (el) => (this.menu = el), part: "menu", class: {
                 select__menu: true,
                 'select__menu--hidden': !hasMenuItems,
-            }, "onSix-menu-item-selected": this.handleMenuSelect, items: this.options, virtualScroll: this.virtualScroll, "remove-box-shadow": true, "disable-keyboard-handling": true }, h("slot", { key: 'e7f555fc8f71befcf1b72af1a86946c8361efe0a', onSlotchange: this.handleSlotChange })), this.multiple && this.selectAllButton && (h("div", { key: 'ccff8c2aec4773d0e9ba327cc411949eb9718197', class: "select-all", slot: "dropdown-footer" }, h("six-button", { key: 'd1ac499820ec60b7d1bf14e70c260a278941b8ee', type: "link", onClick: () => this.selectAll() }, this.selectAllText == null ? selectAllDefaultText(hasDeselectedOptions) : this.selectAllText))))));
+            }, "onSix-menu-item-selected": this.handleMenuSelect, items: this.options, virtualScroll: this.virtualScroll, "remove-box-shadow": true, "disable-keyboard-handling": true }, h("slot", { key: '95fe463945090bd7a7cbc11066f4752dfff55034', onSlotchange: this.handleSlotChange })), this.multiple && this.selectAllButton && (h("div", { key: '448f7d261edd83841fc82c4c3304ec497aa4c8f8', class: "select-all", slot: "dropdown-footer" }, h("six-button", { key: 'e393c3715514b8e9a0a710c408364e6c96f9a1d3', type: "link", onClick: () => this.selectAll() }, this.selectAllText == null ? selectAllDefaultText(hasDeselectedOptions) : this.selectAllText))))));
     }
     hasSelection() {
         return this.multiple ? this.value.length > 0 : this.value !== '';

package/dist/esm/six-sidebar-item-group.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-a7bee415.js';
 import { h as hasSlot } from './slot-56531341.js';
 
-const sixSidebarItemGroupCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block}.six-sidebar-item-group{--horizontal-padding:var(--six-spacing-x-large)}.six-sidebar-item-group--childless::part(content){padding:0 !important}.six-sidebar-item-group--subgroup::part(header){background-color:transparent !important}.six-sidebar-item-group__header-icon{margin-left:16px;transform:translate(0px, -3px)}.six-sidebar-details__header{display:flex;overflow-wrap:anywhere}.six-sidebar-details__header-icon{margin-right:1em}.six-sidebar-details__link{text-decoration:none;display:block;color:inherit;width:100%}";
+const sixSidebarItemGroupCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block}.six-sidebar-item-group{--horizontal-padding:var(--six-spacing-x-large)}.six-sidebar-item-group--childless::part(content){padding:0 !important}.six-sidebar-item-group--subgroup::part(header){background-color:transparent !important}.six-sidebar-item-group__header-icon{margin-left:16px;transform:translate(0px, -3px)}.six-sidebar-details__header{display:flex;overflow-wrap:anywhere}.six-sidebar-details__header-icon{margin-right:1em}.six-sidebar-details__link{text-decoration:none;display:block;color:inherit;width:100%}.six-sidebar-details__link:focus{outline:none}.six-sidebar-details__link:focus-visible{outline:var(--six-focus-ring);outline-offset:calc(-1 * var(--six-focus-ring-offset))}";
 const SixSidebarItemGroupStyle0 = sixSidebarItemGroupCss;
 
 const SixSidebarItemGroup = class {
@@ -49,7 +49,7 @@ const SixSidebarItemGroup = class {
                 'six-sidebar-item-group': true,
                 'six-sidebar-item-group--childless': !this.hasItems,
                 'six-sidebar-item-group--subgroup': this.isSubgroup(),
-            }, inline: true, open: this.open, "summary-icon": this.summaryIcon, hasContent: this.hasItems }, h("div", { slot: "summary" }, h("div", { class: "six-sidebar-details__header" }, this.icon && h("six-icon", { class: "six-sidebar-details__header-icon" }, this.icon), this.name)), this.provideSlot('summary-icon'), h("slot", null)));
+            }, inline: true, open: this.open, "summary-icon": this.summaryIcon, hasContent: this.hasItems, tabindex: this.renderAsHref() ? -1 : undefined }, h("div", { slot: "summary" }, h("div", { class: "six-sidebar-details__header" }, this.icon && h("six-icon", { class: "six-sidebar-details__header-icon" }, this.icon), this.name)), this.provideSlot('summary-icon'), h("slot", null)));
         if (this.renderAsHref()) {
             return (h("a", { class: "six-sidebar-details__link", href: this.href }, element));
         }

package/dist/esm/six-sidebar-item-group.entry.js.map

@@ -1 +1 @@
-{"file":"six-sidebar-item-group.entry.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,soBAAsoB,CAAC;AACtqB,kCAAe,sBAAsB;;MCcxB,mBAAmB;;;QAgDtB,gBAAW,GAAG,CAAC,IAAY;YACjC,IAAI,IAAI,CAAC,qBAAqB,EAAE;gBAC9B,QACE,WAAK,IAAI,EAAE,IAAI,IACb,YAAM,IAAI,EAAE,IAAI,GAAS,CACrB,EACN;aACH;YAED,QACE,YACE,IAAI,EAAE,IAAI,EACV,YAAY,EAAE;;oBACZ,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAkB,cAAc,IAAI,IAAI,CAAC,CAAC;oBAC1F,IAAI,IAAI,IAAI,IAAI,EAAE;wBAChB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;qBAC9D;iBACF,GACK,EACR;SACH,CAAC;wBAjEkB,KAAK;oBAGV,EAAE;oBAGF,EAAE;qBAGgB,EAAE;oBAGH,KAAK;;qCAKJ,KAAK;;;IAQtC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC1D;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAEO,gBAAgB;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpC;IAEO,UAAU;;QAChB,OAAO,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,wBAAwB,CAAC,KAAI,IAAI,CAAC;KAC3E;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;KAC5C;IAwBD,MAAM;QACJ,MAAM,OAAO,IACX,mBACE,KAAK,EAAE;gBACL,wBAAwB,EAAE,IAAI;gBAC9B,mCAAmC,EAAE,CAAC,IAAI,CAAC,QAAQ;gBACnD,kCAAkC,EAAE,IAAI,CAAC,UAAU,EAAE;aACtD,EACD,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,IAAI,CAAC,WAAW,EAC9B,UAAU,EAAE,IAAI,CAAC,QAAQ,IAEzB,WAAK,IAAI,EAAC,SAAS,IACjB,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI,CAAC,IAAI,IAAI,gBAAU,KAAK,EAAC,kCAAkC,IAAE,IAAI,CAAC,IAAI,CAAY,EACtF,IAAI,CAAC,IAAI,CACN,CACF,EACL,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,EACjC,eAAQ,CACI,CACf,CAAC;QAEF,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,QACE,SAAG,KAAK,EAAC,2BAA2B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACjD,OAAO,CACN,EACJ;SACH;aAAM;YACL,OAAO,OAAO,CAAC;SAChB;KACF;;;;;;;","names":[],"sources":["src/components/six-sidebar-item-group/six-sidebar-item-group.scss?tag=six-sidebar-item-group&encapsulation=shadow","src/components/six-sidebar-item-group/six-sidebar-item-group.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.six-sidebar-item-group {\n  --horizontal-padding: var(--six-spacing-x-large);\n}\n\n.six-sidebar-item-group--childless::part(content) {\n  padding: 0 !important;\n}\n\n.six-sidebar-item-group--subgroup::part(header) {\n  background-color: transparent !important;\n}\n\n.six-sidebar-item-group__header-icon {\n  margin-left: 16px;\n  transform: translate(0px, -3px);\n}\n\n.six-sidebar-details__header {\n  display: flex;\n  overflow-wrap: anywhere;\n}\n\n.six-sidebar-details__header-icon {\n  margin-right: 1em;\n}\n\n.six-sidebar-details__link {\n  text-decoration: none;\n  display: block;\n  color: inherit;\n  width: 100%;\n}\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { hasSlot } from '../../utils/slot';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested sidebar [group] items.\n */\n\n@Component({\n  tag: 'six-sidebar-item-group',\n  styleUrl: 'six-sidebar-item-group.scss',\n  shadow: true,\n})\nexport class SixSidebarItemGroup {\n  @Element() readonly host!: HTMLSixSidebarItemGroupElement;\n\n  @State() hasItems = false;\n\n  /** Title of item group */\n  @Prop() name = '';\n\n  /** Icon of the group */\n  @Prop() icon = '';\n\n  /** A unique value to store in the sidebar item of the group label. This can be used as a way to identify sidebar items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Indicates whether the sidebar is shown */\n  @Prop({ reflect: true }) open = false;\n\n  /** Custom summary icon name. */\n  @Prop() summaryIcon?: string;\n\n  @State() summaryIconHasContent = false;\n\n  /**\n   * Provide if the item should be rendered as anchor tag.\n   * Note, that the href is added automatically when using routerLink in Angular.\n   */\n  @Prop({ reflect: true }) href: string | undefined;\n\n  connectedCallback() {\n    this.handleSlotChange = this.handleSlotChange.bind(this);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange() {\n    this.hasItems = hasSlot(this.host);\n  }\n\n  private isSubgroup() {\n    return this.host.parentElement?.closest('six-sidebar-item-group') != null;\n  }\n\n  private renderAsHref(): boolean {\n    return this.href != null && !this.hasItems;\n  }\n\n  private provideSlot = (name: string) => {\n    if (this.summaryIconHasContent) {\n      return (\n        <div slot={name}>\n          <slot name={name}></slot>\n        </div>\n      );\n    }\n\n    return (\n      <slot\n        name={name}\n        onSlotchange={() => {\n          const slot = this.host.shadowRoot?.querySelector<HTMLSlotElement>(`slot[name=\"${name}\"]`);\n          if (slot != null) {\n            this.summaryIconHasContent = slot.assignedNodes().length > 0;\n          }\n        }}\n      ></slot>\n    );\n  };\n\n  render() {\n    const element = (\n      <six-details\n        class={{\n          'six-sidebar-item-group': true,\n          'six-sidebar-item-group--childless': !this.hasItems,\n          'six-sidebar-item-group--subgroup': this.isSubgroup(),\n        }}\n        inline={true}\n        open={this.open}\n        summary-icon={this.summaryIcon}\n        hasContent={this.hasItems}\n      >\n        <div slot=\"summary\">\n          <div class=\"six-sidebar-details__header\">\n            {this.icon && <six-icon class=\"six-sidebar-details__header-icon\">{this.icon}</six-icon>}\n            {this.name}\n          </div>\n        </div>\n        {this.provideSlot('summary-icon')}\n        <slot />\n      </six-details>\n    );\n\n    if (this.renderAsHref()) {\n      return (\n        <a class=\"six-sidebar-details__link\" href={this.href}>\n          {element}\n        </a>\n      );\n    } else {\n      return element;\n    }\n  }\n}\n"],"version":3}
+{"file":"six-sidebar-item-group.entry.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,kzBAAkzB,CAAC;AACl1B,kCAAe,sBAAsB;;MCcxB,mBAAmB;;;QAgDtB,gBAAW,GAAG,CAAC,IAAY;YACjC,IAAI,IAAI,CAAC,qBAAqB,EAAE;gBAC9B,QACE,WAAK,IAAI,EAAE,IAAI,IACb,YAAM,IAAI,EAAE,IAAI,GAAS,CACrB,EACN;aACH;YAED,QACE,YACE,IAAI,EAAE,IAAI,EACV,YAAY,EAAE;;oBACZ,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAkB,cAAc,IAAI,IAAI,CAAC,CAAC;oBAC1F,IAAI,IAAI,IAAI,IAAI,EAAE;wBAChB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;qBAC9D;iBACF,GACK,EACR;SACH,CAAC;wBAjEkB,KAAK;oBAGV,EAAE;oBAGF,EAAE;qBAGgB,EAAE;oBAGH,KAAK;;qCAKJ,KAAK;;;IAQtC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC1D;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAEO,gBAAgB;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpC;IAEO,UAAU;;QAChB,OAAO,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,wBAAwB,CAAC,KAAI,IAAI,CAAC;KAC3E;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;KAC5C;IAwBD,MAAM;QACJ,MAAM,OAAO,IACX,mBACE,KAAK,EAAE;gBACL,wBAAwB,EAAE,IAAI;gBAC9B,mCAAmC,EAAE,CAAC,IAAI,CAAC,QAAQ;gBACnD,kCAAkC,EAAE,IAAI,CAAC,UAAU,EAAE;aACtD,EACD,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,IAAI,CAAC,WAAW,EAC9B,UAAU,EAAE,IAAI,CAAC,QAAQ,EACzB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,GAAG,SAAS,IAE9C,WAAK,IAAI,EAAC,SAAS,IACjB,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI,CAAC,IAAI,IAAI,gBAAU,KAAK,EAAC,kCAAkC,IAAE,IAAI,CAAC,IAAI,CAAY,EACtF,IAAI,CAAC,IAAI,CACN,CACF,EACL,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,EACjC,eAAQ,CACI,CACf,CAAC;QAEF,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,QACE,SAAG,KAAK,EAAC,2BAA2B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACjD,OAAO,CACN,EACJ;SACH;aAAM;YACL,OAAO,OAAO,CAAC;SAChB;KACF;;;;;;;","names":[],"sources":["src/components/six-sidebar-item-group/six-sidebar-item-group.scss?tag=six-sidebar-item-group&encapsulation=shadow","src/components/six-sidebar-item-group/six-sidebar-item-group.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.six-sidebar-item-group {\n  --horizontal-padding: var(--six-spacing-x-large);\n}\n\n.six-sidebar-item-group--childless::part(content) {\n  padding: 0 !important;\n}\n\n.six-sidebar-item-group--subgroup::part(header) {\n  background-color: transparent !important;\n}\n\n.six-sidebar-item-group__header-icon {\n  margin-left: 16px;\n  transform: translate(0px, -3px);\n}\n\n.six-sidebar-details__header {\n  display: flex;\n  overflow-wrap: anywhere;\n}\n\n.six-sidebar-details__header-icon {\n  margin-right: 1em;\n}\n\n.six-sidebar-details__link {\n  text-decoration: none;\n  display: block;\n  color: inherit;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--six-focus-ring);\n    outline-offset: calc(-1 * var(--six-focus-ring-offset));\n  }\n}\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { hasSlot } from '../../utils/slot';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested sidebar [group] items.\n */\n\n@Component({\n  tag: 'six-sidebar-item-group',\n  styleUrl: 'six-sidebar-item-group.scss',\n  shadow: true,\n})\nexport class SixSidebarItemGroup {\n  @Element() readonly host!: HTMLSixSidebarItemGroupElement;\n\n  @State() hasItems = false;\n\n  /** Title of item group */\n  @Prop() name = '';\n\n  /** Icon of the group */\n  @Prop() icon = '';\n\n  /** A unique value to store in the sidebar item of the group label. This can be used as a way to identify sidebar items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Indicates whether the sidebar is shown */\n  @Prop({ reflect: true }) open = false;\n\n  /** Custom summary icon name. */\n  @Prop() summaryIcon?: string;\n\n  @State() summaryIconHasContent = false;\n\n  /**\n   * Provide if the item should be rendered as anchor tag.\n   * Note, that the href is added automatically when using routerLink in Angular.\n   */\n  @Prop({ reflect: true }) href: string | undefined;\n\n  connectedCallback() {\n    this.handleSlotChange = this.handleSlotChange.bind(this);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange() {\n    this.hasItems = hasSlot(this.host);\n  }\n\n  private isSubgroup() {\n    return this.host.parentElement?.closest('six-sidebar-item-group') != null;\n  }\n\n  private renderAsHref(): boolean {\n    return this.href != null && !this.hasItems;\n  }\n\n  private provideSlot = (name: string) => {\n    if (this.summaryIconHasContent) {\n      return (\n        <div slot={name}>\n          <slot name={name}></slot>\n        </div>\n      );\n    }\n\n    return (\n      <slot\n        name={name}\n        onSlotchange={() => {\n          const slot = this.host.shadowRoot?.querySelector<HTMLSlotElement>(`slot[name=\"${name}\"]`);\n          if (slot != null) {\n            this.summaryIconHasContent = slot.assignedNodes().length > 0;\n          }\n        }}\n      ></slot>\n    );\n  };\n\n  render() {\n    const element = (\n      <six-details\n        class={{\n          'six-sidebar-item-group': true,\n          'six-sidebar-item-group--childless': !this.hasItems,\n          'six-sidebar-item-group--subgroup': this.isSubgroup(),\n        }}\n        inline={true}\n        open={this.open}\n        summary-icon={this.summaryIcon}\n        hasContent={this.hasItems}\n        tabindex={this.renderAsHref() ? -1 : undefined}\n      >\n        <div slot=\"summary\">\n          <div class=\"six-sidebar-details__header\">\n            {this.icon && <six-icon class=\"six-sidebar-details__header-icon\">{this.icon}</six-icon>}\n            {this.name}\n          </div>\n        </div>\n        {this.provideSlot('summary-icon')}\n        <slot />\n      </six-details>\n    );\n\n    if (this.renderAsHref()) {\n      return (\n        <a class=\"six-sidebar-details__link\" href={this.href}>\n          {element}\n        </a>\n      );\n    } else {\n      return element;\n    }\n  }\n}\n"],"version":3}

package/dist/esm/six-sidebar-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-a7bee415.js';
 
-const sixSidebarItemCss = ":host{display:block}a{text-decoration:none;display:block}.sidebar-item{padding:8px 8px 16px 16px;font-size:0.9rem;color:var(--six-sidebar-color);cursor:pointer;font-family:var(--six-font-family)}.sidebar-item:hover:not(.sidebar-item--disabled){color:var(--six-color-web-rock-600)}.sidebar-item.sidebar-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.sidebar-item.sidebar-item--selected{font-weight:var(--six-font-weight-bold)}";
+const sixSidebarItemCss = ":host{display:block}a{text-decoration:none;display:block}.sidebar-item{padding:8px 8px 16px 16px;font-size:0.9rem;color:var(--six-sidebar-color);cursor:pointer;font-family:var(--six-font-family)}.sidebar-item:hover:not(.sidebar-item--disabled){color:var(--six-color-web-rock-600)}.sidebar-item.sidebar-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.sidebar-item.sidebar-item--selected{font-weight:var(--six-font-weight-bold)}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}";
 const SixSidebarItemStyle0 = sixSidebarItemCss;
 
 const SixSidebarItem = class {
@@ -13,11 +13,11 @@ const SixSidebarItem = class {
     }
     render() {
         const Tag = this.href != null ? 'a' : 'div';
-        return (h(Tag, { key: '5b21624400000b3cfcb706f2007fbfa0a968cdca', class: {
+        return (h(Tag, { key: '5618f9f2b4351163ed14c415ba2b4d010a3e987e', class: {
                 'sidebar-item': true,
                 'sidebar-item--selected': this.selected,
                 'sidebar-item--disabled': this.disabled,
-            }, role: "menuitem", href: this.href, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c09f85f1ae5bc09c0da42fde4d96fcbd748670ec' })));
+            }, role: "menuitem", href: this.href, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4a0d18c33ba2c73f417374e39db25fe7c4a6a960' })));
     }
 };
 SixSidebarItem.style = SixSidebarItemStyle0;

package/dist/esm/six-sidebar-item.entry.js.map

@@ -1 +1 @@
-{"file":"six-sidebar-item.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,kdAAkd,CAAC;AAC7e,6BAAe,iBAAiB;;MCanB,cAAc;;;qBAEQ,EAAE;wBAGC,KAAK;wBAGL,KAAK;;;IAQzC,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;QAC5C,QACE,EAAC,GAAG,qDACF,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI;gBACpB,wBAAwB,EAAE,IAAI,CAAC,QAAQ;gBACvC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;aACxC,EACD,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,mBACA,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,mBAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,IAE/C,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/six-sidebar-item/six-sidebar-item.scss?tag=six-sidebar-item&encapsulation=shadow","src/components/six-sidebar-item/six-sidebar-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\na {\n  text-decoration: none;\n  display: block;\n}\n\n.sidebar-item {\n  padding: 8px 8px 16px 16px;\n  font-size: 0.9rem;\n  color: var(--six-sidebar-color);\n  cursor: pointer;\n  font-family: var(--six-font-family);\n\n  &:hover:not(.sidebar-item--disabled) {\n    color: var(--six-color-web-rock-600);\n  }\n\n  &.sidebar-item--disabled {\n    outline: none;\n    color: var(--six-input-color-disabled);\n    cursor: not-allowed;\n  }\n\n  &.sidebar-item--selected {\n    font-weight: var(--six-font-weight-bold);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested displayed text of the item.\n */\n\n@Component({\n  tag: 'six-sidebar-item',\n  styleUrl: 'six-sidebar-item.scss',\n  shadow: true,\n})\nexport class SixSidebarItem {\n  /** A unique value to store in the sidebar item. This can be used as a way to identify sidebar items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Set to true to draw the item in a selected state. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** Set to true to draw the sidebar item in a disabled state. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Provide if the item should be rendered as anchor tag.\n   * Note, that the href is added automatically when using routerLink in Angular.\n   */\n  @Prop({ reflect: true }) href: string | undefined;\n\n  render() {\n    const Tag = this.href != null ? 'a' : 'div';\n    return (\n      <Tag\n        class={{\n          'sidebar-item': true,\n          'sidebar-item--selected': this.selected,\n          'sidebar-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        href={this.href}\n        aria-selected={this.selected ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        <slot></slot>\n      </Tag>\n    );\n  }\n}\n"],"version":3}
+{"file":"six-sidebar-item.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,ylBAAylB,CAAC;AACpnB,6BAAe,iBAAiB;;MCanB,cAAc;;;qBAEQ,EAAE;wBAGC,KAAK;wBAGL,KAAK;;;IAQzC,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;QAC5C,QACE,EAAC,GAAG,qDACF,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI;gBACpB,wBAAwB,EAAE,IAAI,CAAC,QAAQ;gBACvC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;aACxC,EACD,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,mBACA,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,mBAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,IAE/C,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/six-sidebar-item/six-sidebar-item.scss?tag=six-sidebar-item&encapsulation=shadow","src/components/six-sidebar-item/six-sidebar-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\na {\n  text-decoration: none;\n  display: block;\n}\n\n.sidebar-item {\n  padding: 8px 8px 16px 16px;\n  font-size: 0.9rem;\n  color: var(--six-sidebar-color);\n  cursor: pointer;\n  font-family: var(--six-font-family);\n\n  &:hover:not(.sidebar-item--disabled) {\n    color: var(--six-color-web-rock-600);\n  }\n\n  &.sidebar-item--disabled {\n    outline: none;\n    color: var(--six-input-color-disabled);\n    cursor: not-allowed;\n  }\n\n  &.sidebar-item--selected {\n    font-weight: var(--six-font-weight-bold);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--six-focus-ring);\n    outline-offset: var(--six-focus-ring-offset);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested displayed text of the item.\n */\n\n@Component({\n  tag: 'six-sidebar-item',\n  styleUrl: 'six-sidebar-item.scss',\n  shadow: true,\n})\nexport class SixSidebarItem {\n  /** A unique value to store in the sidebar item. This can be used as a way to identify sidebar items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Set to true to draw the item in a selected state. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** Set to true to draw the sidebar item in a disabled state. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Provide if the item should be rendered as anchor tag.\n   * Note, that the href is added automatically when using routerLink in Angular.\n   */\n  @Prop({ reflect: true }) href: string | undefined;\n\n  render() {\n    const Tag = this.href != null ? 'a' : 'div';\n    return (\n      <Tag\n        class={{\n          'sidebar-item': true,\n          'sidebar-item--selected': this.selected,\n          'sidebar-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        href={this.href}\n        aria-selected={this.selected ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        <slot></slot>\n      </Tag>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/six-sidebar.entry.js

@@ -176,7 +176,7 @@ const SixSidebar = class {
         this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();
     }
     render() {
-        return (h("host", { key: '741b0e635fe8e597e85b219387b9ed1a65c249bb', class: "six-sidebar" }, h("div", { key: 'ce801c660ffb1efd19c484d1d5d67782e91dd505', class: {
+        return (h("host", { key: '056450e289f2d1edff97ee37efbab15b85a76527', class: "six-sidebar" }, h("div", { key: 'c36b3f22dbc31e448373a0bb61886bb2acf383ed', class: {
                 sidebar__container: true,
                 'sidebar--visible': this.isVisible,
                 'sidebar--open': this.open,
@@ -185,7 +185,7 @@ const SixSidebar = class {
             }, style: {
                 width: this.width,
                 [`margin-${this.position}`]: this.open ? '0' : `calc(1rem - ${this.width})`,
-            }, ref: (el) => (this.sidebar = el), "aria-hidden": this.open ? 'false' : 'true', onTransitionEnd: this.handleTransitionEnd }, h("slot", { key: 'c0a61942e1021afa89ab7d43a33bdfd60fb41df7' }))));
+            }, ref: (el) => (this.sidebar = el), "aria-hidden": this.open ? 'false' : 'true', onTransitionEnd: this.handleTransitionEnd }, h("slot", { key: '59362071f0a76df0714699478e8fcea6a34c83b3' }))));
     }
     static get watchers() { return {
         "open": ["handleOpenChange"]

package/dist/esm/six-spinner.entry.js

@@ -1,21 +1,54 @@
 import { r as registerInstance, h } from './index-a7bee415.js';
 
-const sixSpinnerCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--stroke-width:2px;display:inline-flex}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.six-spinner{width:auto;height:auto;position:relative}.six-spinner .six-spinner__container{margin:0;transform:translateX(0)}.six-spinner .six-spinner__container svg{transform:translateX(0)}.six-spinner__container{position:relative;margin:0 auto;top:calc(50% - 20px);z-index:1}.six-spinner__container,.six-spinner__container svg{width:40px;height:40px;display:block;transform:translateX(40px)}.six-spinner path{stroke-dashoffset:70px;stroke-dasharray:70, 444;-webkit-animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite}@-webkit-keyframes six-spinner{to{stroke-dashoffset:-444}}@keyframes six-spinner{to{stroke-dashoffset:-444}}";
+const sixSpinnerCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--stroke-width:2px;display:inline-flex}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.six-spinner{width:auto;height:auto;position:relative}.six-spinner .six-spinner__container{margin:0;transform:translateX(0)}.six-spinner .six-spinner__container svg{transform:translateX(0)}.six-spinner__container{position:relative;margin:0 auto;top:calc(50% - 20px);z-index:1}.six-spinner__container,.six-spinner__container svg{width:40px;height:40px;display:block;transform:translateX(40px)}.six-spinner path{stroke-dashoffset:70px;stroke-dasharray:70, 444;-webkit-animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite}.six-spinner polygon{stroke-dasharray:310;stroke-dashoffset:310;animation:big-polygon-draw 2s ease-in-out infinite;-webkit-animation:big-polygon-draw 2s ease-in-out infinite}.six-spinner polygon:nth-child(2),.six-spinner polygon:nth-child(3){stroke-dasharray:110;stroke-dashoffset:110;animation:small-polygon-draw 2s ease-in-out infinite;-webkit-animation:small-polygon-draw 2s ease-in-out infinite}@keyframes big-polygon-draw{0%,100%{stroke-dashoffset:310}50%{stroke-dashoffset:140}}@-webkit-keyframes big-polygon-draw{0%,100%{stroke-dashoffset:310}50%{stroke-dashoffset:140}}@keyframes small-polygon-draw{0%,100%{stroke-dashoffset:110}50%{stroke-dashoffset:50}}@-webkit-keyframes small-polygon-draw{0%,100%{stroke-dashoffset:110}50%{stroke-dashoffset:50}}@-webkit-keyframes six-spinner{to{stroke-dashoffset:-444}}@keyframes six-spinner{to{stroke-dashoffset:-444}}";
 const SixSpinnerStyle0 = sixSpinnerCss;
 
 const SixSpinner = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.six = false;
+        this.logo = undefined;
+        this.six = undefined;
     }
+    /**
+     * Renders a container with a given SVG content.
+     */
+    renderWrapper(content) {
+        return (h("span", { class: "six-spinner", "aria-busy": "true", "aria-live": "polite" }, h("div", { class: "six-spinner__container" }, content)));
+    }
+    /**
+     * Renders the SIX logo spinner.
+     */
     renderSIXLogo() {
-        return (h("span", { class: "six-spinner", "aria-busy": "true", "aria-live": "polite" }, h("div", { class: "six-spinner__container" }, h("svg", { viewBox: "0 0 40 40", part: "svg" }, h("path", { fill: "none", stroke: "#de3919", "stroke-width": "5", "stroke-linecap": "round", d: "M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42" })))));
+        const sixLogo = (h("svg", { viewBox: "0 0 40 40", part: "svg" }, h("path", { fill: "none", stroke: "#de3919", "stroke-width": "5", "stroke-linecap": "round", d: "M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42" })));
+        return this.renderWrapper(sixLogo);
+    }
+    /**
+     * Renders the BME logo spinner.
+     */
+    renderBMELogo() {
+        const bmeLogo = (h("svg", { viewBox: "0 0 45 55", part: "svg" }, h("polygon", { fill: "none", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", points: "4.42 51.96 17.02 31.473 2 31.473 2 22.486 17.02 22.486 4.42 2 15.404 2 30.289 26.98 14.763 51.96 4.42 51.96" }), h("polygon", { fill: "none", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", points: "42 51.96 31.655 51.96 24.598 40.498 29.831 32.073 42 51.96" }), h("polygon", { fill: "none", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", points: "24.518 12.719 31.014 2 42 2 29.831 21.637 24.518 12.719" })));
+        return this.renderWrapper(bmeLogo);
     }
-    renderSimple() {
+    /**
+     * Renders a simple spinner.
+     */
+    renderSimpleSpinner() {
         return h("span", { part: "base", class: "spinner", "aria-busy": "true", "aria-live": "polite" });
     }
     render() {
-        return this.six ? this.renderSIXLogo() : this.renderSimple();
+        // Check the deprecated `six` property first
+        if (this.six) {
+            console.warn('The "six" prop is deprecated. Use "logo=\'six\'" instead.');
+            return this.renderSIXLogo();
+        }
+        switch (this.logo) {
+            case 'six':
+                return this.renderSIXLogo();
+            case 'bme':
+                return this.renderBMELogo();
+            default:
+                return this.renderSimpleSpinner();
+        }
     }
 };
 SixSpinner.style = SixSpinnerStyle0;

package/dist/esm/six-spinner.entry.js.map

@@ -1 +1 @@
-{"file":"six-spinner.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,8vCAA8vC,CAAC;AACrxC,yBAAe,aAAa;;MCef,UAAU;;;mBAEP,KAAK;;IAEX,aAAa;QACnB,QACE,YAAM,KAAK,EAAC,aAAa,eAAW,MAAM,eAAW,QAAQ,IAC3D,WAAK,KAAK,EAAC,wBAAwB,IACjC,WAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,IACjC,YACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,kBACH,GAAG,oBACD,OAAO,EACtB,CAAC,EAAC,mHAAmH,GAC/G,CACJ,CACF,CACD,EACP;KACH;IAEO,YAAY;QAClB,OAAO,YAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,eAAW,MAAM,eAAW,QAAQ,GAAG,CAAC;KACjF;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;KAC9D;;;;;;","names":[],"sources":["src/components/six-spinner/six-spinner.scss?tag=six-spinner&encapsulation=shadow","src/components/six-spinner/six-spinner.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --track-color: The color of the spinner's track.\n * @prop --indicator-color: The color of the spinner's indicator.\n * @prop --stroke-width: The width of the indicator.\n */\n:host {\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --stroke-width: 2px;\n\n  display: inline-flex;\n}\n\n.spinner {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  border: solid var(--stroke-width) var(--track-color);\n  border-top-color: var(--indicator-color);\n  border-right-color: var(--indicator-color);\n  animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n$color-six-spinner-background: rgba(255, 255, 255, 0.7);\n\n.six-spinner {\n  width: auto;\n  height: auto;\n  position: relative;\n\n  .six-spinner__container {\n    margin: 0;\n    transform: translateX(0);\n  }\n\n  .six-spinner__container svg {\n    transform: translateX(0);\n  }\n\n  &__container {\n    position: relative;\n    margin: 0 auto;\n    top: calc(50% - 20px);\n    z-index: 1;\n  }\n\n  &__container,\n  &__container svg {\n    width: 40px;\n    height: 40px;\n    display: block;\n    transform: translateX(40px);\n  }\n\n  path {\n    stroke-dashoffset: 70px;\n    stroke-dasharray: 70, 444;\n    -webkit-animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n    animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n  }\n\n  @-webkit-keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n\n  @keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n * @part svg - The spinner icon\n */\n@Component({\n  tag: 'six-spinner',\n  styleUrl: 'six-spinner.scss',\n  shadow: true,\n})\nexport class SixSpinner {\n  /** Indicates if the spinner is shown as animated SIX logo or simple spinner. */\n  @Prop() six = false;\n\n  private renderSIXLogo() {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">\n          <svg viewBox=\"0 0 40 40\" part=\"svg\">\n            <path\n              fill=\"none\"\n              stroke=\"#de3919\"\n              stroke-width=\"5\"\n              stroke-linecap=\"round\"\n              d=\"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42\"\n            ></path>\n          </svg>\n        </div>\n      </span>\n    );\n  }\n\n  private renderSimple() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    return this.six ? this.renderSIXLogo() : this.renderSimple();\n  }\n}\n"],"version":3}
+{"file":"six-spinner.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,m/DAAm/D,CAAC;AAC1gE,yBAAe,aAAa;;MCef,UAAU;;;;;;;;;IAab,aAAa,CAAC,OAAmB;QACvC,QACE,YAAM,KAAK,EAAC,aAAa,eAAW,MAAM,eAAW,QAAQ,IAC3D,WAAK,KAAK,EAAC,wBAAwB,IAAE,OAAO,CAAO,CAC9C,EACP;KACH;;;;IAKO,aAAa;QACnB,MAAM,OAAO,IACX,WAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,IACjC,YACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,kBACH,GAAG,oBACD,OAAO,EACtB,CAAC,EAAC,mHAAmH,GAC/G,CACJ,CACP,CAAC;QACF,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KACpC;;;;IAKO,aAAa;QACnB,MAAM,OAAO,IACX,WAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,IACjC,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,kBACD,GAAG,oBACD,OAAO,EACtB,MAAM,EAAC,6GAA6G,GACpH,EACF,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,kBACD,GAAG,oBACD,OAAO,EACtB,MAAM,EAAC,4DAA4D,GACnE,EACF,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,kBACD,GAAG,oBACD,OAAO,EACtB,MAAM,EAAC,yDAAyD,GAChE,CACE,CACP,CAAC;QACF,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KACpC;;;;IAKO,mBAAmB;QACzB,OAAO,YAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,eAAW,MAAM,eAAW,QAAQ,GAAG,CAAC;KACjF;IAED,MAAM;;QAEJ,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;YAC1E,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;SAC7B;QAED,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,KAAK;gBACR,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B,KAAK,KAAK;gBACR,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B;gBACE,OAAO,IAAI,CAAC,mBAAmB,EAAE,CAAC;SACrC;KACF;;;;;;","names":[],"sources":["src/components/six-spinner/six-spinner.scss?tag=six-spinner&encapsulation=shadow","src/components/six-spinner/six-spinner.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --track-color: The color of the spinner's track.\n * @prop --indicator-color: The color of the spinner's indicator.\n * @prop --stroke-width: The width of the indicator.\n */\n:host {\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --stroke-width: 2px;\n\n  display: inline-flex;\n}\n\n.spinner {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  border: solid var(--stroke-width) var(--track-color);\n  border-top-color: var(--indicator-color);\n  border-right-color: var(--indicator-color);\n  animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n$color-six-spinner-background: rgba(255, 255, 255, 0.7);\n\n.six-spinner {\n  width: auto;\n  height: auto;\n  position: relative;\n\n  .six-spinner__container {\n    margin: 0;\n    transform: translateX(0);\n  }\n\n  .six-spinner__container svg {\n    transform: translateX(0);\n  }\n\n  &__container {\n    position: relative;\n    margin: 0 auto;\n    top: calc(50% - 20px);\n    z-index: 1;\n  }\n\n  &__container,\n  &__container svg {\n    width: 40px;\n    height: 40px;\n    display: block;\n    transform: translateX(40px);\n  }\n\n  path {\n    stroke-dashoffset: 70px;\n    stroke-dasharray: 70, 444;\n    -webkit-animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n    animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n  }\n\n  polygon {\n    stroke-dasharray: 310;\n    stroke-dashoffset: 310;\n    animation: big-polygon-draw 2s ease-in-out infinite;\n    -webkit-animation: big-polygon-draw 2s ease-in-out infinite;\n  }\n\n  polygon:nth-child(2),\n  polygon:nth-child(3) {\n    stroke-dasharray: 110;\n    stroke-dashoffset: 110;\n    animation: small-polygon-draw 2s ease-in-out infinite;\n    -webkit-animation: small-polygon-draw 2s ease-in-out infinite;\n  }\n\n  @keyframes big-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 310;\n    }\n    50% {\n      stroke-dashoffset: 140;\n    }\n  }\n\n  @-webkit-keyframes big-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 310;\n    }\n    50% {\n      stroke-dashoffset: 140;\n    }\n  }\n\n  @keyframes small-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 110;\n    }\n    50% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @-webkit-keyframes small-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 110;\n    }\n    50% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @-webkit-keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n\n  @keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n * @part svg - The spinner icon.\n */\n@Component({\n  tag: 'six-spinner',\n  styleUrl: 'six-spinner.scss',\n  shadow: true,\n})\nexport class SixSpinner {\n  /** Indicates if the spinner is shown as animated SIX or BME logo or a simple spinner. */\n  @Prop() logo?: 'six' | 'bme';\n  /**\n   * **@deprecated** Use `logo=\"six\"` instead.\n   *\n   * If set to true, the spinner displays the SIX logo.\n   */\n  @Prop() six?: boolean;\n\n  /**\n   * Renders a container with a given SVG content.\n   */\n  private renderWrapper(content: SVGElement) {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">{content}</div>\n      </span>\n    );\n  }\n\n  /**\n   * Renders the SIX logo spinner.\n   */\n  private renderSIXLogo() {\n    const sixLogo = (\n      <svg viewBox=\"0 0 40 40\" part=\"svg\">\n        <path\n          fill=\"none\"\n          stroke=\"#de3919\"\n          stroke-width=\"5\"\n          stroke-linecap=\"round\"\n          d=\"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42\"\n        ></path>\n      </svg>\n    );\n    return this.renderWrapper(sixLogo);\n  }\n\n  /**\n   * Renders the BME logo spinner.\n   */\n  private renderBMELogo() {\n    const bmeLogo = (\n      <svg viewBox=\"0 0 45 55\" part=\"svg\">\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"4.42 51.96 17.02 31.473 2 31.473 2 22.486 17.02 22.486 4.42 2 15.404 2 30.289 26.98 14.763 51.96 4.42 51.96\"\n        />\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"42 51.96 31.655 51.96 24.598 40.498 29.831 32.073 42 51.96\"\n        />\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"24.518 12.719 31.014 2 42 2 29.831 21.637 24.518 12.719\"\n        />\n      </svg>\n    );\n    return this.renderWrapper(bmeLogo);\n  }\n\n  /**\n   * Renders a simple spinner.\n   */\n  private renderSimpleSpinner() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    // Check the deprecated `six` property first\n    if (this.six) {\n      console.warn('The \"six\" prop is deprecated. Use \"logo=\\'six\\'\" instead.');\n      return this.renderSIXLogo();\n    }\n\n    switch (this.logo) {\n      case 'six':\n        return this.renderSIXLogo();\n      case 'bme':\n        return this.renderBMELogo();\n      default:\n        return this.renderSimpleSpinner();\n    }\n  }\n}\n"],"version":3}

package/dist/esm/six-switch.entry.js

@@ -99,12 +99,12 @@ const SixSwitch = class {
         (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.blur();
     }
     render() {
-        return (h(FormControl, { key: '708669831d535933b60bae008e01028cf6487552', inputId: this.switchId, label: this.label, labelId: this.labelId, hasLabelSlot: false, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: "medium", disabled: this.disabled, required: this.required, displayError: this.invalid }, h("label", { key: '7010a8da8e6519daca95c0a36449fa78c45a5bcf', part: "base", htmlFor: this.switchId, class: {
+        return (h(FormControl, { key: 'f8a02f4bc5a931384248896494c1ef398f88453c', inputId: this.switchId, label: this.label, labelId: this.labelId, hasLabelSlot: false, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: "medium", disabled: this.disabled, required: this.required, displayError: this.invalid }, h("label", { key: 'b85db2bcbf379f0b7a885fa04041661f2abc8aeb', part: "base", htmlFor: this.switchId, class: {
                 switch: true,
                 'switch--checked': this.checked,
                 'switch--disabled': this.disabled,
                 'switch--focused': this.hasFocus,
-            }, onMouseDown: this.handleMouseDown }, h("span", { key: '07a2c0d37b26de3f0a39294730e9a9a549637387', part: "control", class: "switch__control" }, h("span", { key: 'c8b40dd491dac73d77688925f0ae6b87f0ee9294', part: "thumb", class: "switch__thumb" }), h("input", { key: 'fa58350d10cf12a8ab85f07dc9ba5afe3a6f5607', ref: (el) => (this.inputElement = el), id: this.switchId, type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, required: this.required, role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-labelledby": this.labelId, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown })), h("span", { key: 'bba9135c87024334a0d1f2bca80dd1533e2d13f5', part: "label", id: this.labelId, class: "switch__label" }, h("slot", { key: '23020b67fde777044748360cb6eea34bfc821150' })))));
+            }, onMouseDown: this.handleMouseDown }, h("span", { key: '001e868504ac577acca8352ab992c001e56908fa', part: "control", class: "switch__control" }, h("span", { key: '99d6f8448b43533b0ca19988cfd8485f05bed512', part: "thumb", class: "switch__thumb" }), h("input", { key: '5d787df251a93a531fdf8dfaa141cf87006f2be8', ref: (el) => (this.inputElement = el), id: this.switchId, type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, required: this.required, role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-labelledby": this.labelId, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown })), h("span", { key: '480a7fbc5d25546ca734c11c8363a4b98d97f97e', part: "label", id: this.labelId, class: "switch__label" }, h("slot", { key: '322c296e95edd35593b74daf4864561760f1e22d' })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/six-tab-group.entry.js

@@ -250,7 +250,7 @@ const SixTabGroup = class {
         });
     }
     render() {
-        return (h("div", { key: '60f54ff4d4cd4131cd1b34a7930f26f5881cdb29', part: "base", ref: (el) => (this.tabGroup = el), class: {
+        return (h("div", { key: '687953b1f7488c6f74b79d8bfa2dd5f6638d8794', part: "base", ref: (el) => (this.tabGroup = el), class: {
                 'tab-group': true,
                 // Placements
                 'tab-group--top': this.placement === 'top',
@@ -258,7 +258,7 @@ const SixTabGroup = class {
                 'tab-group--left': this.placement === 'left',
                 'tab-group--right': this.placement === 'right',
                 'tab-group--has-scroll-controls': this.hasRightControl || this.hasLeftControl,
-            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '54a95d4a91ba3353eaa0f628353073d206e45c89', class: "tab-group__nav-container" }, this.hasLeftControl && (h("six-icon-button", { key: '6f7d4640cf7c39b33c47d811c32ecc15b94d965d', class: "tab-group__scroll-button tab-group__scroll-button--left", exportparts: "base:scroll-button", name: "chevron_left", onClick: this.handleScrollLeft })), h("div", { ref: (el) => (this.nav = el), key: "nav", part: "nav", class: "tab-group__nav" }, h("div", { key: '4c16b3f6ea9f11a7cfe213cae93906d5697db55b', ref: (el) => (this.tabs = el), part: "tabs", class: "tab-group__tabs", role: "tablist" }, h("slot", { key: '820aa64c25c995209aa55602a35ab4c73a0fe02c', name: "nav" }))), this.hasRightControl && (h("six-icon-button", { key: '5941d65f3065f283067092dd248a03be48c56fba', class: "tab-group__scroll-button tab-group__scroll-button--right", exportparts: "base:scroll-button", name: "chevron_right", onClick: this.handleScrollRight }))), h("div", { key: '74eaa776c877ae1f0dea669655f35f09c336fe5b', ref: (el) => (this.body = el), part: "body", class: "tab-group__body" }, h("slot", { key: '8c12c1d7312e6013fbc4e68f65beb28f43f1ffec' }))));
+            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '11a19bfa85935fb187e4caaa639df6107fe3c8f5', class: "tab-group__nav-container" }, this.hasLeftControl && (h("six-icon-button", { key: 'cc5e49ec12398a2b8534443b9ce9183b62e30579', class: "tab-group__scroll-button tab-group__scroll-button--left", exportparts: "base:scroll-button", name: "chevron_left", onClick: this.handleScrollLeft })), h("div", { ref: (el) => (this.nav = el), key: "nav", part: "nav", class: "tab-group__nav" }, h("div", { key: '7fade92e1892fa0316f72c34421d0091c0416bf3', ref: (el) => (this.tabs = el), part: "tabs", class: "tab-group__tabs", role: "tablist" }, h("slot", { key: 'c28271665e228f0bc67912971c7f02e799c850e0', name: "nav" }))), this.hasRightControl && (h("six-icon-button", { key: '244800e9e981050d6e7c397000105fdd7f887c1f', class: "tab-group__scroll-button tab-group__scroll-button--right", exportparts: "base:scroll-button", name: "chevron_right", onClick: this.handleScrollRight }))), h("div", { key: 'eb3c0da33565d279a75087d677c7f0c532e82468', ref: (el) => (this.body = el), part: "body", class: "tab-group__body" }, h("slot", { key: '639246ec2ce40f9ea9412cb37cf87ebc32a373c2' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/six-tab-panel.entry.js

@@ -14,7 +14,7 @@ const SixTabPanel = class {
     render() {
         return (
         // If the user didn't provide an ID, we'll set one, so we can link tabs and tab panels with aria labels
-        h(Host, { key: 'fc3d3db3be1c5b3ad6b9f016c457a125bfaa2562', id: this.host.id || this.componentId, style: { display: this.active ? 'block' : 'none' } }, h("div", { key: 'b0b17b2d02f91a540612108a386db0bb92bd069e', part: "base", class: "tab-panel", role: "tabpanel", "aria-selected": this.active ? 'true' : 'false', "aria-hidden": this.active ? 'false' : 'true' }, h("slot", { key: '29dfde6d87307b7ea582df86faad4504aa94e2f6' }))));
+        h(Host, { key: '71a56c2593d07ab74bfca2036c6c48015800cb3a', id: this.host.id || this.componentId, style: { display: this.active ? 'block' : 'none' } }, h("div", { key: 'f9c9c0f9bcb3365d5919e721e2ce85b96310aa50', part: "base", class: "tab-panel", role: "tabpanel", "aria-selected": this.active ? 'true' : 'false', "aria-hidden": this.active ? 'false' : 'true' }, h("slot", { key: 'a78c62e6fa855d1181069c3c99c8f0bba23fea17' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const SixTab = class {
         const placement = (_a = tabGroup === null || tabGroup === void 0 ? void 0 : tabGroup.placement) !== null && _a !== void 0 ? _a : 'top';
         return (
         // If the user didn't provide an ID, we'll set one, so we can link tabs and tab panels with aria labels
-        h(Host, { key: '25ce2944271c1097ccbe98f99d8a8f57168c7f82', id: this.host.id || this.componentId }, h("div", { key: '6c06dc5031afe797aacc0ccff02b4035faf2644c', part: "base", ref: (el) => (this.tab = el), class: {
+        h(Host, { key: '3fb91abb09772d923fb5b8e53cb2a1c63a182b9e', id: this.host.id || this.componentId }, h("div", { key: '11291e2dde7bf9cd0f5f20ac953704e0516e807d', part: "base", ref: (el) => (this.tab = el), class: {
                 tab: true,
                 // Placements
                 'tab--top': placement === 'top',
@@ -47,7 +47,7 @@ const SixTab = class {
                 'tab--active': this.active,
                 'tab--closable': this.closable,
                 'tab--disabled': this.disabled,
-            }, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', tabindex: this.disabled || !this.active ? '-1' : '0' }, h("slot", { key: '27450f02563eb44b37afee70c69b155292647f17' }), this.closable && (h("six-icon-button", { key: 'cc7bd1d853ca3fb281160321837bf286754a640a', name: "close", size: "xSmall", exportparts: "base:close-button", class: "tab__close-button", onClick: this.handleCloseClick, tabIndex: -1, "aria-hidden": "true" }))), h("div", { key: '21f68095fae985f7f20fbadb06555c6b310fc127', part: this.active ? 'active-tab-indicator' : '', class: {
+            }, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', tabindex: this.disabled || !this.active ? '-1' : '0' }, h("slot", { key: '59600add16a91eb6876893464d8f447fcdf7450e' }), this.closable && (h("six-icon-button", { key: '8cc03ea004a7181d210ad03355c30a8de6bfc306', name: "close", size: "xSmall", exportparts: "base:close-button", class: "tab__close-button", onClick: this.handleCloseClick, tabIndex: -1, "aria-hidden": "true" }))), h("div", { key: '84460dcb9bb76d4b290a6c00c298e4ecae96b0d7', part: this.active ? 'active-tab-indicator' : '', class: {
                 tab__indicator: true,
                 'tab__indicator--active': this.active,
                 // Placements

package/dist/esm/six-tag.entry.js

@@ -38,7 +38,7 @@ const SixTag = class {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (h("span", { key: '480e8d5bed91865a31471b7f0e0eb433e9026ff7', part: "base", class: {
+        return (h("span", { key: 'cf0f1b63dd4cf2887a1ce4640c9073e24c42e79c', part: "base", class: {
                 tag: true,
                 // Types
                 'tag--primary': this.type === 'primary',
@@ -55,7 +55,7 @@ const SixTag = class {
                 // Modifers
                 'tag--pill': this.pill,
                 'tag--clear': this.clearable,
-            } }, h("six-tooltip", { key: '3af188748afc314713bb9e879a7f40df95acdf52', ref: (el) => (this.tooltipElement = el) }, h("span", { key: 'defb96f6d751d5f7e604205d4c5cf7eed11ca303', ref: (el) => (this.contentElement = el), part: "content", class: "tag__content" }, h("slot", { key: 'c68ec76249d3698b2d943053a773992169af7722', ref: (el) => (this.contentSlotElement = el) }))), this.clearable && (h("six-icon-button", { key: '1649c4712fa0135dc8a77fae5c5dfed6cf046ebd', exportparts: "base:clear-button", size: "xSmall", name: "clear", class: "tag__clear", onClick: this.handleClearClick }))));
+            } }, h("six-tooltip", { key: '6b8d12fc884f2fd47caea9400e26c283e770dbad', ref: (el) => (this.tooltipElement = el) }, h("span", { key: '62a3b5dfa5550c432342bdd5767a39b5b83a3103', ref: (el) => (this.contentElement = el), part: "content", class: "tag__content" }, h("slot", { key: '00a3ef70ceea21c8e807557576f2c4f252cee995', ref: (el) => (this.contentSlotElement = el) }))), this.clearable && (h("six-icon-button", { key: '5eabbf01c5b9d4d2d594c7d3d600cc57b8bd4cec', exportparts: "base:clear-button", size: "xSmall", name: "clear", class: "tag__clear", onClick: this.handleClearClick }))));
     }
 };
 SixTag.style = SixTagStyle0;

package/dist/esm/six-textarea.entry.js

@@ -160,7 +160,7 @@ const SixTextarea = class {
         return ((_a = this.value) !== null && _a !== void 0 ? _a : '').toString();
     }
     render() {
-        return (h(FormControl, { key: '00028d12eac65d362517b2c6e094329d8c069f43', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: this.size, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: 'edc65e69870856efdc9b40ffc67918262348879f', part: "base", class: {
+        return (h(FormControl, { key: 'b030afca7e885857b87e5274ce3aa1baeb285fdb', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: this.size, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: 'a30bb02f40f681c42212586c0d761cb5759202ed', part: "base", class: {
                 textarea: true,
                 // Sizes
                 'textarea--small': this.size === 'small',
@@ -175,7 +175,7 @@ const SixTextarea = class {
                 'textarea--resize-none': this.resize === 'none',
                 'textarea--resize-vertical': this.resize === 'vertical',
                 'textarea--resize-auto': this.resize === 'auto',
-            } }, h("textarea", { key: '45ae6befea1819b076625029c4549e00d683fd5c', part: "textarea", ref: (el) => (this.nativeTextarea = el), id: this.inputId, class: "textarea__control", name: this.name, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows, minLength: this.minlength, maxLength: this.maxlength, value: this.getValue(), autoCapitalize: this.autocapitalize, autoCorrect: this.autocorrect, autoFocus: this.autofocus, spellcheck: this.spellcheck, required: this.required, inputMode: this.inputmode, "aria-labelledby": this.labelId, onChange: this.handleChange, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }))));
+            } }, h("textarea", { key: '29faefaf45d099bc582beefe74160d93a2259873', part: "textarea", ref: (el) => (this.nativeTextarea = el), id: this.inputId, class: "textarea__control", name: this.name, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows, minLength: this.minlength, maxLength: this.maxlength, value: this.getValue(), autoCapitalize: this.autocapitalize, autoCorrect: this.autocorrect, autoFocus: this.autofocus, spellcheck: this.spellcheck, required: this.required, inputMode: this.inputmode, "aria-labelledby": this.labelId, onChange: this.handleChange, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/six-tile.entry.js

@@ -51,22 +51,22 @@ const SixTile = class {
         this.handleSlotChange();
     }
     render() {
-        return (h("six-tooltip", { key: '79d848913c540512b81fe66755c9da076fb9b226', disabled: this.disableTooltip || this.label === '', content: this.label }, h("div", { key: 'f548dacf54c2c72979b1e709e785d432e462d0f3', part: "base", class: {
+        return (h("six-tooltip", { key: '1f72a24651f78f933e475c7fc0cbac18d852cc76', disabled: this.disableTooltip || this.label === '', content: this.label }, h("div", { key: 'b45a460c355a9a30d7b5ebe93c63f48a49ed2fa1', part: "base", class: {
                 tile: true,
                 'tile--visible': this.visible,
                 'tile--small': this.size === 'small',
                 'tile--medium': this.size === 'medium',
                 'tile--large': this.size === 'large',
                 'tile--elevated': this.elevated,
-            } }, h("div", { key: 'b568c12be9fa62e9465e52294aa51c03fade0ae2', part: "header", class: "tile__header" }, h("six-icon-button", { key: '5fd04515c4941997d9a6b919bbd1c95a8ed66438', class: {
+            } }, h("div", { key: '2667122e6e2e925005bfd910ee60b6063871b5c1', part: "header", class: "tile__header" }, h("six-icon-button", { key: 'f6f0a96a7d681881bebf254860bca29c80c814d9', class: {
                 'tile__header--hidden': !this.closeable,
-            }, name: "close", size: closeIconSize(this.size), onClick: this.handleCloseClickEvent })), h("div", { key: 'f3ec21cbf34d4af5bec6ba5a198e6de0a05778cb', part: "body", class: "tile__body" }, this.iconName && (h("six-icon", { key: '7e73683d85265a75fbe8e3de6a8d6a02b5463430', onClick: this.handleClickEvent, size: iconSize(this.size) }, this.iconName)), this.hasIconSlot && h("slot", { key: '93526f1c218f38e8e1d03ba9dfb5743f8d025f25', name: "icon" })), h("div", { key: 'b27888fa0273cfc31972473a96c5f96ca8d1ab6b', part: "footer", class: {
+            }, name: "close", size: closeIconSize(this.size), onClick: this.handleCloseClickEvent })), h("div", { key: '973436e543725ba0916ba42ff3cf24a8f1420ffa', part: "body", class: "tile__body" }, this.iconName && (h("six-icon", { key: 'c2d43afacf61d8bdbfa9c082f443c6f7fc2d094d', onClick: this.handleClickEvent, size: iconSize(this.size) }, this.iconName)), this.hasIconSlot && h("slot", { key: '0cd3db9f8db8aa6241fcb84358aedbb6372b5f02', name: "icon" })), h("div", { key: 'a2e6c9642fa659248516153989e74f0ac0d99254', part: "footer", class: {
                 'tile__footer--small': this.size === 'small',
                 'tile__footer--medium': this.size === 'medium',
                 'tile__footer--large': this.size === 'large',
-            } }, this.label && (h("div", { key: '2104c0ed3f5dafcdba7e68884a3c077889f8d939', class: {
+            } }, this.label && (h("div", { key: 'a9838fb0e6a65053320496233e38eec9f837dfd0', class: {
                 '.label__footer': true,
-            }, onClick: this.handleClickEvent }, this.label)), this.hasLabelSlot && h("slot", { key: '79df8d3d558862bf4e8e7cf361a72b7c583663d9', name: "label" })))));
+            }, onClick: this.handleClickEvent }, this.label)), this.hasLabelSlot && h("slot", { key: '9a21ee332f6e5ebefe292138e5204fd27458442d', name: "label" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/six-tooltip.entry.js

@@ -150,10 +150,10 @@ const SixTooltip = class {
         });
     }
     render() {
-        return (h(Host, { key: '0c037af1caf49be12bd9bd41273ad0d00a72dc6c', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, h("slot", { key: 'd991ca7e7d3caddaf7bd274a400593c70d3b7376', onSlotchange: this.handleSlotChange }), h("div", { key: '44976c3096d310cb2e0633c3fb44afbdace674ac', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, h("div", { key: '2bf5dab127dfe9d28dacae6a821304279c925744', part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
+        return (h(Host, { key: '16e00bb78ae53bf05f9f7844db1066ea1a9712e9', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, h("slot", { key: '217252a61b1cdde92192d752a3115c05e3530445', onSlotchange: this.handleSlotChange }), h("div", { key: 'd80462cc7aafdd60459dad72be176aafa2660e7d', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner" }, h("div", { key: '28b80d3d255e77d46c1b235a0cf98273aa6812c0', part: "base", ref: (el) => (this.tooltip = el), id: this.componentId, class: {
                 tooltip: true,
                 'tooltip--open': this.open,
-            }, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '347387df00ef711d31bbff96798474edea3f030e', name: "content" }, this.content)))));
+            }, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '4bff119fb74d2eaa58bef4c598c89263350c8b0a', name: "content" }, this.content)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {