@otto-de/b2b-core-components 1.33.0 → 1.35.0

package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js

@@ -26,7 +26,7 @@ const FlyoutMenuOptionComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6203f835788db06223c00d348c659a905710af8f', class: {
+        return (index.h(index.Host, { key: 'd9f5fada05c44e475d2e645d51c3ba268844a8e3', class: {
                 'b2b-flyout-menu__option': true,
                 'b2b-flyout-menu__option--disabled': this.disabled,
                 'b2b-flyout-menu__option--separator': this.separator,

package/dist/cjs/b2b-flyout-menu.cjs.entry.js

@@ -153,12 +153,12 @@ const FlyoutMenuComponent = class {
         options[index].focus();
     }
     render() {
-        return (index.h(index.Host, { key: '5d9a147f1998a47c761af924c90da4b1f8c6ded1' }, index.h("div", { key: '1ae6d3742d1614e8a259b0a53f7b944d19c441db', class: {
+        return (index.h(index.Host, { key: '5e1d292b710d19a4bf5ece7047d4c5288b24f9b5' }, index.h("div", { key: 'd7d781fa8dfdd9f4bdecad06209400610a7f37bf', class: {
                 'b2b-flyout-menu': true,
-            } }, index.h("div", { key: '7cd8b06ad714085def1431404dea0aca959eb96d', class: "b2b-flyout-menu__trigger" }, index.h("slot", { key: 'c0295db03bf2d77ae8ecea387c41cc2fb69ea0e1', name: "trigger" })), index.h("div", { key: '8eabaac43b7e03e0116e4079f1c27cd7bde14929', onFocusout: this.blurMenu, class: {
+            } }, index.h("div", { key: '124c0ee9f83a252aabac1f09a11932ffde4b6bf1', class: "b2b-flyout-menu__trigger" }, index.h("slot", { key: '588027fd799f42d6b095ad82247cc6974424fc23', name: "trigger" })), index.h("div", { key: 'baa37193ac12427e868c6742a526516f91e37a02', onFocusout: this.blurMenu, class: {
                 'b2b-flyout-menu__options__container': true,
                 'b2b-flyout-menu__options__container--on': this.opened,
-            } }, index.h("div", { key: '1646d526780846355dfd56856aa95bc0c4b43460', class: "b2b-flyout-menu__arrow" }), index.h("slot", { key: 'bae26a650e0e506ddc5e9cd791db3767056af9f4', name: "option" })))));
+            } }, index.h("div", { key: '043ff6439dca6d4fccaa29f4bda5c52645154196', class: "b2b-flyout-menu__arrow" }), index.h("slot", { key: 'e95bcf37c9d1fc77509fbdf2de47001d88d7630a', name: "option" })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-grid-col.cjs.entry.js

@@ -19,7 +19,7 @@ const B2bGridColumnComponent = class {
         this.textAlign = 'left';
     }
     render() {
-        return (index.h(index.Host, { key: 'c934cbf6e57af0dd3be40e2149f49adb2802c1f4', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, index.h("slot", { key: 'affb02d8aeefc039ce0a5d8fd2e290e376c8fc3d' })));
+        return (index.h(index.Host, { key: 'ca84abbad02173e29f80329a4faab238aa41ec9d', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, index.h("slot", { key: 'e11625544ba0b0fc501ff811e8f5ca1ac89194c9' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-grid-row.cjs.entry.js

@@ -72,7 +72,7 @@ const B2bGridRowComponent = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '48eccc3f2f29de4a533859834065717ad6b58238', style: {
+        return (index.h(index.Host, { key: '019e65e7db27c37305f49e396389c72fbcf82281', style: {
                 ['justify-content']: `${this.justify}`,
                 ['gap']: `${this.columnGap}px`,
                 ['margin']: `${this.rowGap}px 0`,
@@ -80,7 +80,7 @@ const B2bGridRowComponent = class {
                 ['display']: 'flex',
                 ['flex-wrap']: 'wrap',
                 ['box-sizing']: 'border-box',
-            } }, index.h("slot", { key: 'b814a34254890bde8a7690c9fa58bc42b3f8d35d' })));
+            } }, index.h("slot", { key: 'e203c9bde0b21f923b356b6e330ab6e4227fd1a5' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-grid.cjs.entry.js

@@ -13,7 +13,7 @@ const B2bGridComponent = class {
         this.margin = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '3f706955f934472664948d8653a86d3ac898e3d1', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, index.h("slot", { key: 'a0ac4c214a5bf2f169c2adee55131e785324a7ff' })));
+        return (index.h(index.Host, { key: '01c61abbb9d20b4479031e0545967f08782650dc', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, index.h("slot", { key: '64a173edfae1ff772091163fecc55bebdc2462b9' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-icon-100.cjs.entry.js

@@ -79,7 +79,6 @@ const iconTypes = [
     'b2b_icon-cookie',
     'b2b_icon-copy',
     'b2b_icon-cosmetics',
-    'b2b_icon-cosmetics',
     'b2b_icon-cow',
     'b2b_icon-crab',
     'b2b_icon-critique',

package/dist/cjs/b2b-input-group_2.cjs.entry.js

@@ -58,7 +58,7 @@ const B2BInputGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a7c7a69265ce9bbaa46e93871acc705c454ef751' }, index.h("div", { key: '636e0bac6bf428c88e219e23fa7e409c60f93db3', class: { 'b2b-input-wrapper': true } }, index.h("slot", { key: '0a30095318f623283741415830ed6a4603834be1', name: "start" }), index.h("slot", { key: '4f268d66af86c1a30c1f3605aed3812eccd578b2' }), index.h("slot", { key: 'bd032c28e48612eea1279eed5209b892721d949a', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (index.h("span", { class: {
+        return (index.h(index.Host, { key: '30fc190f60b27b6f11fdcc7ed37cc95eee557e5e' }, index.h("div", { key: '054b44ad5994365e1ea8034a854e2d1b23c6d5e2', class: { 'b2b-input-wrapper': true } }, index.h("slot", { key: '73b19a2684e84873ada8ec3b2f5c4f465f1fb382', name: "start" }), index.h("slot", { key: 'f0d15628f49e1d7c83eafaa7a631bd71a673ff97' }), index.h("slot", { key: '00209dc3c6bf3b3e4418e79dcb6387effc0d8531', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (index.h("span", { class: {
                 'b2b-input-wrapper__hint': true,
                 'b2b-input-wrapper__hint--error': this.invalid && !this.disabled,
             } }, this.invalid && !this.disabled ? this.error : this.hint))));
@@ -214,13 +214,13 @@ const InputListComponent = class {
     */
     render() {
         const groupOrderClass = this.getGroupOrderClassName() || '';
-        return (index.h(index.Host, { key: '0ff3040354f57d752194f6f37795d2242e9ece5c', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, index.h("div", { key: '92ca26fa99608f371a3bee1e25977887bc22bb63', class: {
+        return (index.h(index.Host, { key: 'c22a6a73eca142a88eb7cc3f4c975b579df1d709', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, index.h("div", { key: '3fb28f6a327c958fcf9d178c4d1814915a13ad3a', class: {
                 'b2b-input-list': true,
                 'b2b-input-list__options-on': this.hasOptionList &&
                     this.isElementFocused &&
                     Boolean(this.value),
                 [groupOrderClass]: true,
-            } }, index.h("b2b-input", { key: '2d91287804fb835406c87bbc184da9c715820a61', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (index.h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (index.h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (index.h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (index.h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (index.h("slot", null)))) : null)));
+            } }, index.h("b2b-input", { key: '2cd2ba2a073ca4b1980ac5621b60f0ee351e5cca', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (index.h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (index.h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (index.h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (index.h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (index.h("slot", null)))) : null)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-input-label.cjs.entry.js

@@ -14,11 +14,11 @@ const InputLabelComponent = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1fd715c6e6929bf14631434e54112ae7dadcc9d4' }, index.h("label", { key: 'fc0fb3b130825b9ba41b9ed1a1b007010091065e', class: {
+        return (index.h(index.Host, { key: '87fe33e03bfe683d013e8d992bba9e3863834514' }, index.h("label", { key: 'e88216535eb3d9638fc75a638daffb81bcdf0bb1', class: {
                 'b2b-input-label': true,
                 'b2b-input-label--required': this.required,
                 'b2b-input-label--disabled': this.disabled,
-            } }, index.h("slot", { key: 'c811d6c50bd4e5284c48a94dab49bed8c26f29cb' }))));
+            } }, index.h("slot", { key: 'cf1736baaf9fd224071f3e21122c263b9865c318' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-input_2.cjs.entry.js

@@ -107,18 +107,18 @@ const InputComponent = class {
         this.filterHintSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '0212d347a56c41c9551ffb75d608f02dfc0d51d4', class: {
+        return (index.h(index.Host, { key: 'b18e9dad8fdc84804b77049fd7b94c6b05541c3f', class: {
                 'b2b-input': true,
                 'b2b-input--error': this.invalid && !this.disabled,
-            } }, (this.label || this.labelSlot) && (index.h("b2b-input-label", { id: this.name, required: this.required }, index.h("slot", { name: "label" }, this.label))), index.h("div", { key: '969261c802e5740defee8d8223e08717f0b10ba0', class: {
+            } }, (this.label || this.labelSlot) && (index.h("b2b-input-label", { id: this.name, required: this.required }, index.h("slot", { name: "label" }, this.label))), index.h("div", { key: '655f632484049add498904c26d766670eb3b9203', class: {
                 'b2b-input__wrapper': true,
                 'b2b-input__wrapper--focused': this.hasFocus,
                 'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
-            } }, index.h("slot", { key: 'b8513af326ebd43dd370c6f1b47c6c9a13d70d34', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: '99de10f9c62b5c0f899c6896e4aca54da8670613', class: {
+            } }, index.h("slot", { key: '1d0650fa02aa56cf183a8c3c89e5791a53c54944', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: '88e9aa5076bd6dd59eafac8491d6fafc9eec8b5e', class: {
                 'b2b-input__native-input': true,
                 ['b2b-input__native-input--align-' + this.inputTextAlign]: true,
                 'b2b-input__native-input--disabled': this.disabled || this.groupDisabled,
-            }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && index.h("div", { class: "border" }), index.h("slot", { key: 'd7462cca8b0d7a3e315212a835633817ce9a6d9b', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
+            }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && index.h("div", { class: "border" }), index.h("slot", { key: 'c93445fb93de27a7e1d4681bc7a48d44bb8baa1a', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
             (!this.invalid || this.disabled || this.groupDisabled) ? (index.h("span", null, index.h("slot", { name: "hint" }, this.hint))) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
     }
     get hostElement() { return index.getElement(this); }
@@ -143,7 +143,7 @@ const InputListOptionComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8a38a1768fad0607a658270145dd8f265987982c', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
+        return (index.h(index.Host, { key: '566b7cf1696550467c5b8c29cedccf5f8821dc6e', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
     }
 };
 InputListOptionComponent.style = B2bInputListOptionStyle0;

package/dist/cjs/b2b-label.cjs.entry.js

@@ -13,10 +13,10 @@ const LabelComponent = class {
         this.type = 'neutral';
     }
     render() {
-        return (index.h("span", { key: '8c2d58fc6dc0f07f81e68263300772fdd80b107b', class: {
+        return (index.h("span", { key: '8b3e3c895c71501e761b6a80843403df68190cca', class: {
                 'b2b-label': true,
                 [`b2b-label--${this.type}`]: true,
-            } }, index.h("slot", { key: '6c2f5acd1e5b3b5f938617b605aa28f0e808cbce' })));
+            } }, index.h("slot", { key: '737f1fff0fd98d426cc910a6af713786aa7bd1cc' })));
     }
 };
 LabelComponent.style = B2bLabelStyle0;

package/dist/cjs/b2b-modal.cjs.entry.js

@@ -210,10 +210,10 @@ const ModalComponent = class {
         this.attemptFocus(this.getFirstFocusableElement());
     }
     render() {
-        return (index.h(index.Host, { key: '86f6276caa0969c0774d0280ff201520d0f196b0' }, index.h("div", { key: '3b13f9a8ae037d37cba280d5c51b0845be9d73ca', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, index.h("div", { key: 'cb900ff72552157d2d5ef0678785149703b3cb75', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), index.h("div", { key: '407944b6f4f9e1bf2b6503263bd433b78bd76dd4', class: {
+        return (index.h(index.Host, { key: '1ae4da3d85c98d784c5aa3254eec819791538b75' }, index.h("div", { key: 'a504235885dd6d98d6f909d9cf3d67adf0f1f6c0', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, index.h("div", { key: 'fffccabe0df78b009dc23f7dac95f5bbf7ce07e4', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), index.h("div", { key: 'd4c09be02aa93046ad8835da3affb70c0d7685dc', class: {
                 'b2b-modal__dialog': true,
                 [`b2b-modal__dialog--${this.variant}`]: true,
-            } }, index.h("div", { key: 'a92940bc841a6c1c3da7020ab4c23c0462f1efed', class: "b2b-modal__dialog__header" }, index.h("div", { key: 'fb9345d8d4b2186a64693d62bb28d111dbdb0668', class: "b2b-modal__dialog__header-left" }, index.h("b2b-headline", { key: '5cb0366f501859821afbeb251dee93042fc411b1', align: "center", size: "200", noMargin: true }, this.heading), index.h("slot", { key: '9069aa74363dd8e77ca0e25331c8e17c173a0704', name: "header-icon" })), index.h("div", { key: '9cbb5673e12e4fcca0ecf3415332d2e08440ff65', class: "b2b-modal__dialog__header-right" }, index.h("button", { key: '8548eed3ba5972a025dec1a82890229d6d2d2222', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, index.h("b2b-icon-100", { key: '47a7ca18a7d53a7e0580156fba3e5bd6767bed1a', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), index.h("div", { key: 'de41ddf14b257c8f3775c8496b033ce8cf5930b8', class: "b2b-modal__dialog__body" }, index.h("slot", { key: 'd2ecc0d873fede8286c73bced27b8037083595d2' })), index.h("div", { key: '918d7224c0e4e5039c3882307e204576d419fd16', class: "b2b-modal__dialog__footer" }, index.h("div", { key: '01827c54ed56fc4bb57c3dedc0d73cd7ea5c7221', class: "b2b-modal__dialog__footer-left" }, index.h("slot", { key: '333630a7d42220f17d0503f732275d5e54258dce', name: "footer-left" })), index.h("div", { key: '8673cc883110f6d45965a7061163bcd1b5d33bfb', class: "b2b-modal__dialog__footer-right" }, index.h("slot", { key: '1e6fd4feba579586186d4d1f755bc9682a80a899', name: "footer-right" })))), index.h("div", { key: 'a42f949568f0503bd0037d840c91a8005814a8a2', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), index.h("div", { key: '051c47c640c2d4b5d5767db1eabb2e506eabfb5a', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
+            } }, index.h("div", { key: '85add6446151ec3df71ba825bab64d100306bc10', class: "b2b-modal__dialog__header" }, index.h("div", { key: '3fc56d466fe2eb9e6ca594ff867c48fe05ffda09', class: "b2b-modal__dialog__header-left" }, index.h("b2b-headline", { key: 'cf348827107b36494427ddaac019a539c379364a', align: "center", size: "200", noMargin: true }, this.heading), index.h("slot", { key: '8df87ec03dcdb11bbf96c1c49c9ea9d81a84a558', name: "header-icon" })), index.h("div", { key: '80f6e9e7d7ad6e71c15525a7a12eb885c48c6c2a', class: "b2b-modal__dialog__header-right" }, index.h("button", { key: '7e2373011323d5abc38803862f30aa0b3ae394e6', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, index.h("b2b-icon-100", { key: 'a4955d65f73cf81cd919e5dbcf63db3251cf7449', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), index.h("div", { key: '3147b6a75f66f90d45f1a404f9dfb140634a6a35', class: "b2b-modal__dialog__body" }, index.h("slot", { key: '7ad81c8b9e610720c3ed918d255017a32d4128d4' })), index.h("div", { key: '7e7b6105f3bc4b1ad06eb7b7c7f43c91eb310c51', class: "b2b-modal__dialog__footer" }, index.h("div", { key: 'd3abac0aade1244074f2bb038e736e981d67f5ae', class: "b2b-modal__dialog__footer-left" }, index.h("slot", { key: '61599dfd481e53897522fabc44915546ac3d0f59', name: "footer-left" })), index.h("div", { key: '07c6cfca3f4e1545644292e4c04c9f02149d37b8', class: "b2b-modal__dialog__footer-right" }, index.h("slot", { key: '7b161e0e61c4e36c0ae1a2930b95e39991d72879', name: "footer-right" })))), index.h("div", { key: 'd5ac30a02abfd2b89dce1d913971a417198cd155', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), index.h("div", { key: '570e98eefabd147193cb04d9d493e46a08411e3f', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js

@@ -217,16 +217,16 @@ const B2bMultiSelectDropdown = class {
         const hasError = this.invalid && !disabled;
         const showHint = this.hint && !hasError;
         const showError = this.errorMessage && hasError;
-        return (index.h(index.Host, { key: 'c7428f2ae958e0560c2725b11418d6303d762bd6', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: 'ec356ec9b842ff998adc0156c9cadc5e64aaba02', required: this.required }, this.label), index.h("div", { key: '292e2e884448319fd956a39b0b5cb154bb8ac599', class: {
+        return (index.h(index.Host, { key: 'ce7c585a53dfb0dc39216bca8de421f5c6f6bb63', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '5f70368b3502a9e3f313f701e254d0efefae6fd8', required: this.required }, this.label), index.h("div", { key: '3bc73b137d9b53d54b8a692965b83c299a09faa1', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isOpen,
                 'b2b-multiselect-dropdown--error': hasError,
                 'b2b-multiselect-dropdown--disabled': disabled,
                 'b2b-multiselect-dropdown--focused': this.invalid && this.isElementFocused,
-            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen && !disabled), "aria-expanded": this.isElementFocused }, index.h("div", { key: 'e3078ea1d5ce658f84cbd7db8d15fbec5c10bcc4', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), index.h("b2b-icon-100", { key: '1591c3ee5f61627ca75e3ca7b1fa4873209d8e52', icon: "b2b_icon-arrow-down" })), index.h("div", { key: 'a521b5578bcfbab5ceebd638a309e2f68eea0095', class: {
+            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen && !disabled), "aria-expanded": this.isElementFocused }, index.h("div", { key: 'b4e95e6072ebe7a49f1ff092521758bef17c9443', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), index.h("b2b-icon-100", { key: 'a79e61c1e78be92e394772e4fe45ccaa840bb23c', icon: "b2b_icon-arrow-down" })), index.h("div", { key: 'f8b8c5d70b18c1ffc175b966e1568ec719fd5aa6', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isOpen,
-            } }, index.h("div", { key: '85abaf3ebe291b14f6d13758fec48972e6e0bf92', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: 'fb4f61401da1bf145aa024a17dd8ecb295a369bc', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: '0971102609b6fa583f12e2c3f15f70a961ebebaa', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '2238627bb301f45c5bd3d4d143fc5312bec0e445', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, index.h("div", { key: '94b799c83a30906027023ee78c9202afc152cb98', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: 'c844dc9be611cf2533549cf03bdc1fb5cf7e5755', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: 'ec3380739b47ae8ee490ed4bf9369a81045f2d3b', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: 'bf17215713121f4f359872c8c1f6ed4f1ec32e45', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (index.h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option.value, label: option.label }))))), showHint && (index.h("span", { class: "b2b-multiselect-dropdown__hint" }, this.hint)), showError && (index.h("span", { class: "b2b-multiselect-dropdown__error-message" }, this.errorMessage))));
     }
     get hostElement() { return index.getElement(this); }

package/dist/cjs/b2b-pagination.cjs.entry.js

@@ -101,7 +101,7 @@ const PaginationComponent = class {
         };
     }
     render() {
-        return (index.h("nav", { key: '85ed17dc25a803e800888a084e3b99a663bb3e0a' }, index.h("ol", { key: '544841f818e07f5091abb05dbb98e46b8b26fa07', class: "b2b-pagination" }, this.activePage !== 1 && (index.h("li", { class: "b2b-pagination--previous" }, index.h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, "\u2039" /* PaginationConstants.BACK */))), this.navItems.map((navItem, index$1) => {
+        return (index.h("nav", { key: '6f43e77c9989aafe2f5ff9d7de619853f807ceb9' }, index.h("ol", { key: 'ebc029acf51035b9859ed5793a29fc689c536484', class: "b2b-pagination" }, this.activePage !== 1 && (index.h("li", { class: "b2b-pagination--previous" }, index.h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, "\u2039" /* PaginationConstants.BACK */))), this.navItems.map((navItem, index$1) => {
             const isItemActive = this.activePage === navItem;
             return (index.h("li", { class: this.getItemClass(navItem) }, index.h("b2b-button", { onClick: () => this.setSelectedPage(navItem, index$1), active: isItemActive, disabled: isItemActive, size: "50", variant: "secondary" }, navItem)));
         }), this.activePage !== this.totalPages && (index.h("li", { class: "b2b-pagination--next" }, index.h("b2b-button", { onClick: this.selectNextPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelNextPage }, "\u203A" /* PaginationConstants.NEXT */))))));

package/dist/cjs/b2b-progress-bar.cjs.entry.js

@@ -26,11 +26,11 @@ const ProgressBarComponent = class {
     }
     render() {
         const labelExists = this.label !== undefined && this.label !== '';
-        return (index.h(index.Host, { key: '26303d337146025b9a77d20c030065275f47b31d' }, index.h("div", { key: 'a005917216bb9d16cf8c33c40c8eb86c35bbf2f6', class: {
+        return (index.h(index.Host, { key: '4511acab06e497842a84eed7cfa9beb7d575dbe7' }, index.h("div", { key: '03b04648866fed3e0c276ca8218201639b23f6fc', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, index.h("div", { key: 'afbd557e3f2650016ad6c185c0192d34e5b5741a', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: '94c2a19e96ed5b4060946893e6f42c74b488aaea', class: "b2b-progress-bar__progress", style: {
+            } }, index.h("div", { key: '8ddd2295fd43f56b8393178e38ea414e96f332ed', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: 'e6ea32124f8df1b937dd8f62e1e06d306229cd75', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), index.h("div", { key: '859d78ef40b96e6fe170ffb0c7dc790f7811d002', class: {
+            } })), index.h("div", { key: '36a7f3c4c5229350ea3a37827fa0613db0ab33b7', class: {
                 'b2b-progress-bar__label': labelExists,
                 'b2b-progress-bar__label-none': !labelExists,
                 [`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]: labelExists,

package/dist/cjs/b2b-radio-button.cjs.entry.js

@@ -65,11 +65,11 @@ const B2bRadioButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (index.h(index.Host, { key: 'a95ee91fc3410f85abc9898a2488b6999bff6ef7', onClick: this.onClick }, index.h("div", { key: 'e458b345dd6f1a3759e82d1e2bcc08ffd6486848', class: {
+        return (index.h(index.Host, { key: '5fbc72c2f038679ea04d1c99a6f687e4829d7d51', onClick: this.onClick }, index.h("div", { key: '895c751c5086b2f7d466635020a39a96d1c9f220', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, index.h("div", { key: 'fee31d517e56f603b49a668705b18825518b5acd', class: "b2b-radio-items" }, index.h("input", { key: 'ac5279b2ce604c520345896076900f63500beb20', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), index.h("b2b-input-label", { key: '222d5dd63cb02426b6b4a2e2d072fbb49dfe46d4', id: this.name, required: this.required, disabled: this.disabled }, index.h("slot", { key: '047ac0baf8984ea6ff0d098ea5874ab0bf03c6fa', name: "label" }, this.label))), (this.hint !== undefined && !this.invalid) ||
+            } }, index.h("div", { key: '0f6b79277a4ad8520b77054c79bf835e6e2a0a7c', class: "b2b-radio-items" }, index.h("input", { key: 'bd9d51857f574d9c37d482ae6b23bd25027369a5', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), index.h("b2b-input-label", { key: '8ab71684ff2f26fdbe119c852109ce3b44ed1c4f', id: this.name, required: this.required, disabled: this.disabled }, index.h("slot", { key: '474cc5a22301f4be53130579845152da0caa849b', name: "label" }, this.label))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
     }
     get host() { return index.getElement(this); }

package/dist/cjs/b2b-radio-group.cjs.entry.js

@@ -77,11 +77,11 @@ const RadioButtonGroupComponent = class {
         this.removeChildText();
     }
     render() {
-        return (index.h(index.Host, { key: '2f7d02a11bd8ef158aa3a50483b530dc75f55cdc' }, index.h("div", { key: '15be31753d13efc5677a1f5e75d5cb66643222b6', class: {
+        return (index.h(index.Host, { key: 'c47db22cd7ab5484813e052db015d2b8d1405bb9' }, index.h("div", { key: '1e7fc6246f83ea53debd5ef7fc42772e3c41a936', class: {
                 'b2b-radio-group': true,
                 'b2b-radio-group--error': this.invalid && !this.disabled,
                 [`b2b-radio-group--${this.alignment}`]: true,
-            } }, (this.label || this.labelSlot) && (index.h("b2b-input-label", { id: this.name, required: this.required }, index.h("slot", { name: "label" }, this.label))), index.h("fieldset", { key: 'ba13a4ee078874c74d24d3ef46f1b6c6b4aa0ff0' }, index.h("div", { key: '412c32c37064d4418a5149f6190f830902ba8310', class: "b2b-radio-group-options" }, index.h("slot", { key: '8a54755d559c188d07eb32cbe9839a5c3c2a974f' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, (this.label || this.labelSlot) && (index.h("b2b-input-label", { id: this.name, required: this.required }, index.h("slot", { name: "label" }, this.label))), index.h("fieldset", { key: 'a406988d11f921c8eb16296820212da84d014e8c' }, index.h("div", { key: '2b6fb5ac504cdc65b354d8d30727b0fb6e725376', class: "b2b-radio-group-options" }, index.h("slot", { key: 'd7161d2da1c4241830815da13fe87067ecb55931' }))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
     }
     get host() { return index.getElement(this); }

package/dist/cjs/b2b-required-separator.cjs.entry.js

@@ -13,7 +13,7 @@ const B2BRequiredSeparator = class {
         this.label = 'Pflichtfeld';
     }
     render() {
-        return (index.h(index.Host, { key: '1288dd4226f5d951717a306db2557f7dd4dbb4fd' }, index.h("div", { key: '34cc56445d5bf7c93ba9e522d269cb6d5b337792', class: "b2b-required-separator__label" }, index.h("span", { key: '8ecc6fb192884982dcc7f16c8db1302bc2ceddcb', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: '5e40bc2d53b13708ca546e4fb5a7e4816601c3d1' }, this.label)), index.h("b2b-separator", { key: '3494da2d3740ff18a322d28ca112fe4339862605' })));
+        return (index.h(index.Host, { key: 'dbb1404fe0a21058185803fc23cbe4a53378d25f' }, index.h("div", { key: 'fa4568e39ddc882fde2a8ae6c667145e6b0ff71f', class: "b2b-required-separator__label" }, index.h("span", { key: 'cff2204e59e777da55f39e4fa4be2a376fd7645b', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: '8d57dbea0fe1841c2fd52e65e2268c60eea7ea60' }, this.label)), index.h("b2b-separator", { key: '653ca12e5bed8038775144314e7a0c424437c33f' })));
     }
 };
 B2BRequiredSeparator.style = B2bRequiredSeparatorStyle0;

package/dist/cjs/b2b-rounded-icon.cjs.entry.js

@@ -15,16 +15,16 @@ const RoundedIconComponent = class {
         this.contentColor = 'var(--b2b-color-copy-default)';
     }
     render() {
-        return (index.h(index.Host, { key: '366b1c49bb56404825f131381b56a15daa457bfe' }, index.h("div", { key: 'f7a087f49858502bb7d74276d601c8a42e2215c0', style: {
+        return (index.h(index.Host, { key: '1d7eea4ad65056f16127e2029811239e0540560b' }, index.h("div", { key: '153f0ace757daff8776fac4fbe1cc9a05e9c0dfa', style: {
                 ['background-color']: this.color,
                 ['border']: `1px solid ${this.borderColor || this.color}`,
             }, class: {
                 'b2b-rounded-icon': true,
-            } }, index.h("div", { key: '050e8a6d21b27c8fdccfffc021c45080ebdbde7d', style: {
+            } }, index.h("div", { key: '7b28d41d6d5cb38c21aa4487cca0ce070663909a', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: 'ecd49a7ffdf65913edbba010734f522a45ac4096', name: "icon" })), index.h("div", { key: 'f7e1f7507674a38e7eeebc92f08ea5805400c92f', style: {
+            } }, index.h("slot", { key: '32e90de259f352aff82118dd1f9904475fc875e2', name: "icon" })), index.h("div", { key: '38f7a97f95191cd039a4bbbcf20a9b5ce1826a8e', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: '116d9796a00791165984fc71e29aa79d4a9040c1', name: "text" })))));
+            } }, index.h("slot", { key: 'e994e7fbd49f656c865ce8517833be0d6bbb852e', name: "text" })))));
     }
 };
 RoundedIconComponent.style = B2bRoundedIconStyle0;

package/dist/cjs/b2b-scrollable-container.cjs.entry.js

@@ -12,7 +12,7 @@ const ScrollableContainerComponent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'b455812c0f370a849758c9ca169a63b7ecde9bad' }, index.h("slot", { key: 'cd2c7bf54cedfac2de42f5b248e3279f288e6a3d' })));
+        return (index.h(index.Host, { key: 'c5c71924d38f1788a60b19e49ad09a3aa5d637f6' }, index.h("slot", { key: '4fa412e60d51aa58e9e6d40936bb4f4a4725dab5' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/b2b-search.cjs.entry.js

@@ -29,7 +29,7 @@ const SearchComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a3f42d5d53ac7beeb4c0e241d81271ac2a116fe3' }, index.h("b2b-input-group", { key: '490be3e7bc4d60b5eba239f754453b2cbe0a6df7', disabled: this.disabled }, index.h("b2b-input-list", { key: '15a4d81a9bffaa8cd14ffaebe021da90493feb4e', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, index.h("slot", { key: '06ce3d043b96b282ad3076c9a65fd5e2b4b48b67' })), index.h("b2b-button", { key: '1a45269314806d9d9cf476db6a08b8d7c14933c8', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon-100", { key: '797b412d6bab0104497465a80b1a344dbfa97e75', icon: "b2b_icon-search", clickable: true })))));
+        return (index.h(index.Host, { key: '65315a3718f55f1d9b63c2b3a437bd292a512eb3' }, index.h("b2b-input-group", { key: '7f1e64e2fe99e4b8ecca7f90547c7e08b0c2a8f3', disabled: this.disabled }, index.h("b2b-input-list", { key: '7a140c8635b7f193125597a4b6a1df62c81796f3', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, index.h("slot", { key: '2674546c9fc2e6347c42350f94dc91876357e336' })), index.h("b2b-button", { key: '75cdcd94bb0f25af3448bb76ed6f5103ceb6711c', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon-100", { key: '0d846a636b31a4e8b67933611b2da76442ad7795', icon: "b2b_icon-search", clickable: true })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-separator.cjs.entry.js

@@ -13,7 +13,7 @@ const B2bSeparatorComponent = class {
         this.alignment = 'horizontal';
     }
     render() {
-        return (index.h(index.Host, { key: '00b1ecb31c7ca143b3d6c3c1d5bddcc369bde312' }, index.h("div", { key: 'e29629b7554c21b12af943ae0aaafb936fa36ea6', class: {
+        return (index.h(index.Host, { key: 'f1ab4806be7ac4128d95a047421be58502b0cadf' }, index.h("div", { key: 'c478fc67a79c15a6d74af39eb6747d25d3d58922', class: {
                 [`b2b-separator--${this.alignment}`]: true,
             } })));
     }

package/dist/cjs/b2b-shimmer.cjs.entry.js

@@ -19,7 +19,7 @@ const ShimmerComponent = class {
             width: `${this.width}px`,
             height: `${this.height}px`,
         };
-        return (index.h(index.Host, { key: '10ef516c64332313b8915a4bdb43d527eb92c43c' }, this.loading ? (index.h("div", { class: "b2b-shimmer", style: shimmerStyle })) : (index.h("slot", null))));
+        return (index.h(index.Host, { key: '82fc3e95ff0f946ae6cfd5c59ab1a0e04df62ca5' }, this.loading ? (index.h("div", { class: "b2b-shimmer", style: shimmerStyle })) : (index.h("slot", null))));
     }
 };
 ShimmerComponent.style = B2bShimmerStyle0;

package/dist/cjs/b2b-snackbar.cjs.entry.js

@@ -97,17 +97,17 @@ const SnackbarComponent = class {
         clearTimeout(this.timeoutId);
     }
     render() {
-        return (index.h(index.Host, { key: '33ace44479760181672e60c0750462c9d8ea60dc', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '1f739551dbbcea7dfa04f2fdf04cfcdeceab4a9f', class: {
+        return (index.h(index.Host, { key: '55fbed7dd9fa44a54d25277ca6f1e75429ba1b37', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'dff92b0614f3e59e0c809b975310646814b8145e', class: {
                 'b2b-snackbar': true,
                 [`b2b-snackbar--${this.type}`]: true,
                 'b2b-snackbar--opened': this.opened,
-            }, style: this.width ? { width: this.width } : { width: 'auto' } }, index.h("div", { key: 'e5a8aeeb9e550d0ca6b8cb94049dc3d229cb5fdb', class: "b2b-snackbar__content" }, index.h("span", { key: 'dba27cdd15921dd0aeade5be294f9e92f9c4b024', class: { [`b2b-snackbar--${this.type}__icon`]: true } }, this.chooseIcon()), index.h("p", { key: '537da669b42397f0b016d2767f9b8b170d333ac3', class: "b2b-snackbar__content__description" }, this.description)), this.isActionPresent() && (index.h("div", { class: {
+            }, style: { width: this.width || 'auto' } }, index.h("div", { key: '1fc6e6367e35c1b1a05f43ea2660a905f22c9711', class: "b2b-snackbar__content" }, index.h("span", { key: 'c8e4bc8512f84f110f520f6678df3a1b140a0367', class: { [`b2b-snackbar--${this.type}__icon`]: true } }, this.chooseIcon()), index.h("p", { key: '746bbc4361665af9e7ca661a2961bf000f4e073d', class: "b2b-snackbar__content__description" }, this.description)), this.isActionPresent() && (index.h("div", { class: {
                 'b2b-snackbar__action': true,
                 [`b2b-snackbar__action--${this.type}`]: true,
-            }, onClick: this.handleActionClick }, index.h("a", null, this.actionLabel))), index.h("div", { key: '73fb2d7f257c22f6ac6506dd1e1ed6da6b2e051d', class: {
+            }, onClick: this.handleActionClick }, index.h("a", null, this.actionLabel))), index.h("div", { key: 'c8384158b5bdec6af91cae1adc66763cbdf528d1', class: {
                 'b2b-snackbar__close-icon': true,
                 [`b2b-snackbar__close-icon--${this.type}`]: true,
-            }, onClick: this.close }, index.h("b2b-icon-100", { key: 'ecdba62cbdbca4815cd207fb804341a08c6b76b2', clickable: true, size: 24, icon: "b2b_icon-close" })))));
+            }, onClick: this.close }, index.h("b2b-icon-100", { key: '8315309a832f0767ecbbc40ef147b0005a66ce7a', clickable: true, size: 24, icon: "b2b_icon-close" })))));
     }
     static get watchers() { return {
         "opened": ["onVisibleChange"]

package/dist/cjs/b2b-tab-group.cjs.entry.js

@@ -128,7 +128,7 @@ const B2bTabGroupComponent = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'c09986eb1b9997eaa4ca37376132ce7d7d5ca855' }, index.h("slot", { key: '091a1eb4d6c95b5bc0af2eb5d94803068ef7f529', name: "tab" }), index.h("b2b-separator", { key: '0e2e540da62aa29c9c09e3cb28ade9ebf51e6977' }), index.h("slot", { key: '0713eab995ff1f9e7a7932b58651799ed3b7c161', name: "panel" })));
+        return (index.h(index.Host, { key: 'a652623572354f06d1b773b9a98760a7c9ec9cf7' }, index.h("slot", { key: 'f80657d44b37339fb026e92873fb177b2393e841', name: "tab" }), index.h("b2b-separator", { key: 'e82a1891e3c509fab6f2b17e74f39796645bbdd2' }), index.h("slot", { key: 'e9ccf361a9bfa3424fc861b6ba8f685510ef39bd', name: "panel" })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-tab-panel.cjs.entry.js

@@ -14,7 +14,7 @@ const B2bTabPanelComponent = class {
         this.generatedId = i++;
     }
     render() {
-        return (index.h(index.Host, { key: '895835ee9542f04852f08ed863d9214355741211', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: '127afd55dfff1e9642180ee6db0f72e002914a22', class: "b2b-tab-panel" }, index.h("slot", { key: '199bca30f2cda69bbb63cfbc3f67bce5ba6136fa' }))));
+        return (index.h(index.Host, { key: '09b20e44ef0677b3ce5babd5da199ac5803e60c2', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: '72ddbd132da8c1bcb7810397dd50530d722eb5ce', class: "b2b-tab-panel" }, index.h("slot", { key: '6318fea037462b2b43f33bde3bd0e6ee42c1dc18' }))));
     }
 };
 B2bTabPanelComponent.style = B2bTabPanelStyle0;

package/dist/cjs/b2b-tab.cjs.entry.js

@@ -27,12 +27,12 @@ const B2bTabComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b4ed6dd0f35da1b2ac366ab772caa1dc900d4f5e', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, index.h("span", { key: '1bb21fa15b4d7d07b4ef8134b18e8819d1a4a8e4', class: {
+        return (index.h(index.Host, { key: '040969f8040c2e7f38641b054aa71dbce563bbcd', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, index.h("span", { key: '094d8312566c347cf529fb9f71b747f2ed1348f6', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, index.h("slot", { key: 'b0dfb40b808650b49410a25f2d01a042b27aca16' }))));
+            } }, index.h("slot", { key: 'cd453ac793439c1572ff80f84a29d5d60b6e0517' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-table-cell_2.cjs.entry.js

@@ -44,14 +44,14 @@ const TableCellComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5697dfe2db80803acd704355efc7235022000773', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
+        return (index.h(index.Host, { key: '285cee3af71e3d05dd2916f771fe36e47e001998', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
                 'b2b-table-cell': true,
                 ['b2b-table-cell--colspan']: this.size === utils.TableSizes.COLSPAN,
                 ['b2b-table-cell--ellipsis']: this.useTextEllipsis,
                 ['b2b-table-cell--' + this.align]: true,
                 ['b2b-table-cell--divider']: this.divider,
                 [`b2b-table-cell-color-${this.color}`]: true,
-            }, role: "cell" }, index.h("slot", { key: '3499f59899e1f2e2743252490c522a3fd2ab5ca6' })));
+            }, role: "cell" }, index.h("slot", { key: 'd0812f47d90ee1b225110855df1c8918960505e7' })));
     }
     get host() { return index.getElement(this); }
 };
@@ -131,7 +131,7 @@ const TableHeaderComponent = class {
         this.setIconPlacement();
     }
     render() {
-        return (index.h(index.Host, { key: 'eb2f861c5ff85be7e1f313a1eecdb698e7da2f38', class: {
+        return (index.h(index.Host, { key: '9b0df06a2325c4bac0e64f1a3b1dadec9150b14b', class: {
                 [`b2b-table-header--${this.sortDirection && this.iconAlign}`]: true,
                 'b2b-table-header--divider': this.divider,
                 [`b2b-table-header--${this.size}`]: true,

package/dist/cjs/b2b-table-row.cjs.entry.js

@@ -120,12 +120,12 @@ const TableRowComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b28513a5d03b1328fbe8d54d35fc45077ae00403', class: {
+        return (index.h(index.Host, { key: 'b3c742ca195dec5c8037a589122e41d87afcee5d', class: {
                 'b2b-table-row': true,
                 ['b2b-table-row--colspan']: this.size === utils.TableSizes.COLSPAN,
                 ['b2b-table-row--highlight']: this.highlight,
                 [`b2b-table-row--color-${this.getRowColor()}`]: true,
-            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), index.h("slot", { key: 'eeb52f24d09ea0aa24e36709dcb8bd35de6bd4d5' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), index.h("slot", { key: 'ae02badbe6847a68f2e5e1e08e676678f7144c1b' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-table-rowgroup.cjs.entry.js

@@ -122,11 +122,11 @@ const TableRowgroupComponent = class {
         this.makeHeaderRowNotSelectable();
     }
     render() {
-        return (index.h(index.Host, { key: '2990111f95881991d6a5af1e9a60adb0471549cc', class: {
+        return (index.h(index.Host, { key: '1fa1822d42bf6819b2fd6de382a0075a05715569', class: {
                 ['b2b-table-rowgroup__' + this.type]: true,
                 'b2b-table-rowgroup--fixed': this.fixed,
                 'b2b-table-rowgroup--colspan': this.size === utils.TableSizes.COLSPAN,
-            }, role: "rowgroup" }, index.h("slot", { key: '34df739d91953efc2b0c9400f7ff76aca51facf3' })));
+            }, role: "rowgroup" }, index.h("slot", { key: '6ffd528b4b6330a5f4c66b50b3c329853fd441a8' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/b2b-table.cjs.entry.js

@@ -69,9 +69,9 @@ const TableComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '49c1ea9491880fa3a65e35fa83159b8764a85efd', class: {
+        return (index.h(index.Host, { key: 'b838cb824f9e59b01eb827642d130b8933bfa331', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, index.h("slot", { key: '3531b7eea4444cfe5c70239efb42f4144324d2d1' })));
+            }, role: "table" }, index.h("slot", { key: 'a657fe4d62601fff6bf5ee6d640fbb8d8c351055' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/b2b-textarea.cjs.entry.js

@@ -54,10 +54,10 @@ const B2BTextareaComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '152cd0b6b61c20443384dd7b898975d2ebac9f03', class: {
+        return (index.h(index.Host, { key: 'b5ecf98b41d74602941e9b3a5a22962e7c6c94d9', class: {
                 'b2b-textarea': true,
                 'b2b-textarea--error': this.invalid && !this.disabled,
-            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("textarea", { key: '414082cbe0efb410b8360a155b598a5ac49e7b85', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("textarea", { key: '1cb84cd64595ee68ca04e62f5b587ef9eef3ff3e', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
     }
     get hostElement() { return index.getElement(this); }