@otto-de/b2b-core-components 1.38.2 → 1.38.3

package/dist/components/b2b-modal.js

@@ -210,10 +210,10 @@ const ModalComponent = /*@__PURE__*/ proxyCustomElement(class ModalComponent ext
         this.attemptFocus(this.getFirstFocusableElement());
     }
     render() {
-        return (h(Host, { key: 'bea74834a3926bc7efd9100f065eb4a8603e8bd4' }, h("div", { key: '5d5cca368682bcd7de4f77fe05e702b87943f762', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, h("div", { key: 'ba06899cee12d6ef3d3e71a96040daccfdf3b364', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), h("div", { key: '0be5c5dcc62576e1662ed7f6185b0ff24afaadc4', class: {
+        return (h(Host, { key: 'da1c65eeeea31197073b8f67d22e7b57c77088c8' }, h("div", { key: '493ef81d273637d38440e1dbfe1da4ee437f02b9', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, h("div", { key: 'def30869a64cd85beaa0bcbb6c62ba5926358936', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), h("div", { key: '7722d27bf50de0e64a39318357e9b13f7fe9b260', class: {
                 'b2b-modal__dialog': true,
                 [`b2b-modal__dialog--${this.variant}`]: true,
-            } }, h("div", { key: '11b056ce706f572663e3a64cd5115ccc45109190', class: "b2b-modal__dialog__header" }, h("div", { key: '073420de4937e8f18a2172a45eb7088caef4624e', class: "b2b-modal__dialog__header-left" }, h("b2b-headline", { key: '3fdaeaccfd4606560ae82c8cbc8ad8eb65a9dfa8', align: "center", size: "200", noMargin: true }, this.heading), h("slot", { key: 'f280675fcff7e81d1dc6388820f04110de703f8f', name: "header-icon" })), h("div", { key: '6a821204fdce083dfa0267714e1bc438b3dfcd56', class: "b2b-modal__dialog__header-right" }, h("button", { key: 'aa97e6cf511417d3a283017419577e6da8f65fff', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, h("b2b-icon-100", { key: 'c4ff1783dc4d7c7d7b85bc739d0b5154fc60eacb', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), h("div", { key: 'ebf5d6a280718bf7f4c98e41846dea91dbde6943', class: "b2b-modal__dialog__body" }, h("slot", { key: 'b9b1b56a4b45760e88f6cb7e54281cd468137ccc' })), h("div", { key: 'ff0f612d9581c5f5bd48bd99699b1fc1348a577a', class: "b2b-modal__dialog__footer" }, h("div", { key: 'bf034c403f883695a72bd5ee0ec7a6b5c40f6ef1', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: '52a6a99d0a722bf37c8659290ceaec53d5acc546', name: "footer-left" })), h("div", { key: '5d5a6786dfe6708cb17ca37e92c0f5c4366b6e0c', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: '37f62cb0bf38031673f53f7ef2578e2c5c5219f9', name: "footer-right" })))), h("div", { key: 'b0eb907e93024c42e2b3668316f51b1e6b7d5aa3', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: '6d6762fb11007e46c3d3872ab208e40aa0e28d4a', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
+            } }, h("div", { key: 'f83c44fcabce24d32eddb31bfb395312fa712c68', class: "b2b-modal__dialog__header" }, h("div", { key: '114d54aee3edc3b5d975f23d3122a19bdeb64667', class: "b2b-modal__dialog__header-left" }, h("b2b-headline", { key: 'ac3850d8462e390acb7feb6a67c9dacd824f82f7', align: "center", size: "200", noMargin: true }, this.heading), h("slot", { key: '172afc91b1234da0fbb6ef59d6d228315764c04d', name: "header-icon" })), h("div", { key: '6395b65ec473cedc688b10f92e992cd818539cf9', class: "b2b-modal__dialog__header-right" }, h("button", { key: '4f977da62b04307b5a58ac51d03afe7edb1afa49', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, h("b2b-icon-100", { key: 'cd76d7e27e4bd70f908a6309d3145128e9bbfe6b', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), h("div", { key: 'c05936d652a2887aadb2dcb01929c44ccc10efdd', class: "b2b-modal__dialog__body" }, h("slot", { key: '5184569c9b5282267ab238333f876c8823a2f1bc' })), h("div", { key: '43ca5c9b486a47e547eec7906989b46d7c5390b9', class: "b2b-modal__dialog__footer" }, h("div", { key: 'e0e0acc74403b045a71ae8fb511e3d4fbf6533e0', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: 'd8847d7393207eae0e56a513cb860732cb9e33c9', name: "footer-left" })), h("div", { key: '314ccec1fb7a83de60973e46fb5c5d6c6194e142', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: 'f264ea9947191bbe409b4af64fa21027e3d08834', name: "footer-right" })))), h("div", { key: 'cf4d7628789c71a4bdfc08c49ce7b3cf460f626e', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: '3f8453d0fe7512f90fbc4c2a74da66609a818c38', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/b2b-multiselect-dropdown.js

@@ -220,16 +220,16 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
         const hasError = this.invalid && !disabled;
         const showHint = this.hint && !hasError;
         const showError = this.errorMessage && hasError;
-        return (h(Host, { key: '67df2c8968bd816fdd57b9e1c0b3dcd37f9bc401', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '32d25f1327ffab15969ca4dcb4faa953bf9923c3', required: this.required }, this.label), h("div", { key: 'b4d0182e211f6aab9c3061eeffccdd1ceddbf03a', class: {
+        return (h(Host, { key: '44b0609a7704eb74f9fa45c2f0446d6a3710fdd1', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: 'ef05b3dd3944bc47fe40e8d2d96a6e1e5b8df098', required: this.required }, this.label), h("div", { key: 'cc021598c05049686229d457c4ac7828431c9113', 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 }, h("div", { key: 'b6a69e9160fa5869d06cc2fc1f6f2d56c8964114', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), h("b2b-icon-100", { key: '99a6b2e5baba4598a46f328e808b06e6e4b9d725', icon: "b2b_icon-arrow-down" })), h("div", { key: '0de344aa373d4ca82bf716df966448e95b5717f8', class: {
+            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen && !disabled), "aria-expanded": this.isElementFocused }, h("div", { key: 'd135ea161871a7a8546838723b8bf6e48b7c6ac7', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), h("b2b-icon-100", { key: 'a7abbd70cd294a03baf3f200ca73cfb7cd59fe8f', icon: "b2b_icon-arrow-down" })), h("div", { key: '3e43431d5d42d67a1c1d735f19ca25963cef4917', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isOpen,
-            } }, h("div", { key: '53e6ef0829f30ab13e0441eb54118b19835ce353', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: 'eb30f1caec191fb6021c172fae01ccf30e7d4f68', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '7b29fd3710eb4fecc9dc8d3c29dfae60ec3ea375', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '9efd9cac0ef3c2c9d61d32292bbf5ade76991996', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, h("div", { key: 'a24a36c1c8c070c36f804c3b613efb12abe56ce5', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: '89fc19e807050f6a7b22a4db60634275ffd31bb8', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '6455e7d78053560e7d4d84d068702a454663eebe', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '5dabbe5f0e17bd23b0536deb00b6e539241775c5', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option.value, label: option.label }))))), showHint && (h("span", { class: "b2b-multiselect-dropdown__hint" }, this.hint)), showError && (h("span", { class: "b2b-multiselect-dropdown__error-message" }, this.errorMessage))));
     }
     get hostElement() { return this; }

package/dist/components/b2b-pagination.js

@@ -101,7 +101,7 @@ const PaginationComponent = /*@__PURE__*/ proxyCustomElement(class PaginationCom
         };
     }
     render() {
-        return (h("nav", { key: '88eb108790c1be9f974f7c88f602afa2ee35f1e9' }, h("ol", { key: '19a0fff8f2ac83913593530d921e8915e496400b', class: "b2b-pagination" }, this.activePage !== 1 && (h("li", { class: "b2b-pagination--previous" }, h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, "\u2039" /* PaginationConstants.BACK */))), this.navItems.map((navItem, index) => {
+        return (h("nav", { key: '757d6aa3c7bca56db00d623d93eaf6507c73fd49' }, h("ol", { key: 'c5fb683aa970e19ed4194fbffc0148217d1f5aae', class: "b2b-pagination" }, this.activePage !== 1 && (h("li", { class: "b2b-pagination--previous" }, h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, "\u2039" /* PaginationConstants.BACK */))), this.navItems.map((navItem, index) => {
             const isItemActive = this.activePage === navItem;
             return (h("li", { class: this.getItemClass(navItem) }, h("b2b-button", { onClick: () => this.setSelectedPage(navItem, index), active: isItemActive, disabled: isItemActive, size: "50", variant: "secondary" }, navItem)));
         }), this.activePage !== this.totalPages && (h("li", { class: "b2b-pagination--next" }, h("b2b-button", { onClick: this.selectNextPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelNextPage }, "\u203A" /* PaginationConstants.NEXT */))))));

package/dist/components/b2b-progress-bar.js

@@ -24,11 +24,11 @@ const ProgressBarComponent = /*@__PURE__*/ proxyCustomElement(class ProgressBarC
     }
     render() {
         const labelExists = this.label !== undefined && this.label !== '';
-        return (h(Host, { key: 'b0060404440e78b3a2331df11a2d56d4071c7e19' }, h("div", { key: '031bd2160763920981cd6491bc1099636f3c21fd', class: {
+        return (h(Host, { key: '3fef53c0e7167c7935eb60280636af233aad1ba4' }, h("div", { key: 'b0e04dcea905c3ee8dfb8636869502c85a22aded', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, h("div", { key: '945e5c7bf601cd8d34b0cd095245a8cc6b801cea', class: "b2b-progress-bar__wrapper" }, h("div", { key: '93086dd441221a8ff681d9de2da8ff2f2d4ae0b5', class: "b2b-progress-bar__progress", style: {
+            } }, h("div", { key: '0f70a5ce040f169023d33fdbaa674c3dfa43a6ed', class: "b2b-progress-bar__wrapper" }, h("div", { key: '31b86db9566de2fbe9c81ea22d1dcb2b2c04e4c3', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), h("div", { key: '82ce3cabe0897878d2715ca96a07ba8347f42590', class: {
+            } })), h("div", { key: '79a557f50775270a9feb9a26d9d38f36cfdc67a4', class: {
                 'b2b-progress-bar__label': labelExists,
                 'b2b-progress-bar__label-none': !labelExists,
                 [`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]: labelExists,

package/dist/components/b2b-radio-button.js

@@ -64,11 +64,11 @@ const B2bRadioButtonComponent = /*@__PURE__*/ proxyCustomElement(class B2bRadioB
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (h(Host, { key: 'fd1084fd2df24d7de2727441f69c03f9aa497f22', onClick: this.onClick }, h("div", { key: 'a4d0e872905049f686a1d70a883aba37bc7b3823', class: {
+        return (h(Host, { key: '2eca3ea414c212b0e8fcb7ea2ae3045a1f648be4', onClick: this.onClick }, h("div", { key: '042e849cfb17aa3c347eeda68862ed834a8c1a83', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, h("div", { key: 'e334d57a546380ae10aad7bd6c8c1688650d5107', class: "b2b-radio-items" }, h("input", { key: '20b59620275ef3c93ecec45c4c84fd8098ce47dc', 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 }), h("b2b-input-label", { key: '71e1468f0d8046d9c80cb0bb159081a772e2b871', id: this.name, required: this.required, disabled: this.disabled }, h("slot", { key: '00b2e6022ff3cc78ef450d7a7611f08e6a5d0adb', name: "label" }, this.label))), (this.hint !== undefined && !this.invalid) ||
+            } }, h("div", { key: '0b74f71c33e4dd6a362f34fb80f736a44d849222', class: "b2b-radio-items" }, h("input", { key: '56ace652a1fb1a0aab2562ddc6183b2dcf9d58e6', 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 }), h("b2b-input-label", { key: 'cb251f4e8ceef527a412f60da117b10f369e462d', id: this.name, required: this.required, disabled: this.disabled }, h("slot", { key: '4094e310bec92395f3d43d5ec1a81f145f376e15', name: "label" }, this.label))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     get host() { return this; }

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

@@ -76,11 +76,11 @@ const RadioButtonGroupComponent = /*@__PURE__*/ proxyCustomElement(class RadioBu
         this.removeChildText();
     }
     render() {
-        return (h(Host, { key: '0ae32b84f0c10b153284933bddbb15e0450723a9' }, h("div", { key: '04f3fc2aa309f7e5b59ec15c2667620d1c4d4473', class: {
+        return (h(Host, { key: '38fa5a6af5bb97f293d8c54b9e8d3922be25012d' }, h("div", { key: 'e0dea8eb995a34827a1bf6207955f102f0feff6e', class: {
                 'b2b-radio-group': true,
                 'b2b-radio-group--error': this.invalid && !this.disabled,
                 [`b2b-radio-group--${this.alignment}`]: true,
-            } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("fieldset", { key: '219771596262fd4551efebb096fe3a1f84075155' }, h("div", { key: '9fd874e3297a02c71f76fa533972276f09fb2d41', class: "b2b-radio-group-options" }, h("slot", { key: 'e912fcca4012b8512fbe4b4cc485bc66158ad26e' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("fieldset", { key: 'aa583ab7ebe905caac40931a769c963fbc4e82de' }, h("div", { key: 'fd862d5da8967ab99e5b29492430f866a8cba215', class: "b2b-radio-group-options" }, h("slot", { key: 'c0ae0f762306bef36283504d59003cb1c6d50448' }))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     get host() { return this; }

package/dist/components/b2b-required-separator.js

@@ -12,7 +12,7 @@ const B2BRequiredSeparator = /*@__PURE__*/ proxyCustomElement(class B2BRequiredS
         this.label = 'Pflichtfeld';
     }
     render() {
-        return (h(Host, { key: '9aa9e447faee8fc6a4d794815ec5ef38b8aeb1fd' }, h("div", { key: '655024bc9e4790117f4f940743ccd0b99c58cc81', class: "b2b-required-separator__label" }, h("span", { key: '194c31216547c20ec3ad50879012d201536db660', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: 'c70e239fae2007202edfc38349c1f06e004fc720' }, this.label)), h("b2b-separator", { key: '18e7aa82496629262a0b6a6eace005abe775461d' })));
+        return (h(Host, { key: '389b4cc87d82fceae63c05b49cccce8ed36ed3a4' }, h("div", { key: 'bcd6d92190e9e3c977465dbf48c9c69567a9ec16', class: "b2b-required-separator__label" }, h("span", { key: '8c562cdd5b29af87682712ae3faf99fdcbb45762', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: '783de47d8e6557786176f233fa0a40d14777a03b' }, this.label)), h("b2b-separator", { key: '53262453df23bc7a78e86553ded0b11eb1a35301' })));
     }
     static get style() { return B2bRequiredSeparatorStyle0; }
 }, [1, "b2b-required-separator", {

package/dist/components/b2b-scrollable-container.js

@@ -10,7 +10,7 @@ const ScrollableContainerComponent = /*@__PURE__*/ proxyCustomElement(class Scro
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '577b0d6563b9dbd02bdc52659719bd9b8bc93abf' }, h("slot", { key: 'c08d17e55359e8a3bc3616bf401bebc91699a50c' })));
+        return (h(Host, { key: 'fbf715911751c6641cb4d41e07819accb83617e4' }, h("slot", { key: '406101af70dc261a150cbf3e5040e823d53545a6' })));
     }
     get host() { return this; }
     static get style() { return B2bScrollableContainerStyle0; }

package/dist/components/b2b-search.js

@@ -35,7 +35,7 @@ const SearchComponent = /*@__PURE__*/ proxyCustomElement(class SearchComponent e
         }
     }
     render() {
-        return (h(Host, { key: 'aea5b63ad99666f54f0bb28641b94f0cf2a7826f' }, h("b2b-input-group", { key: 'abf3db241031678e7494f259afacdd5286bf706c', disabled: this.disabled }, h("b2b-input-list", { key: 'c15698d8e4ea0df49b8aaae34530d24a88adc6a5', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: '6b6f678fa0420061de5d2f2534c8b81a9461dd6d' })), h("b2b-button", { key: 'dc33effb80da2d1e80f3f2c82fec517410403e53', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon-100", { key: '147dd58698d5e51cba2934b454525895e3b5c6d8', icon: "b2b_icon-search", clickable: true })))));
+        return (h(Host, { key: 'e6efb0cd520a21d1e6bc1f5bae800fb47437280e' }, h("b2b-input-group", { key: '105ca172de46cb004c31b00378c3aa290c2fe781', disabled: this.disabled }, h("b2b-input-list", { key: 'dd46c7e5fa5dfe7d9ad8458a4432c346d975f43e', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: 'f9a7a417f9b12abe42fd5dc029a508026463cce8' })), h("b2b-button", { key: 'c3139856ca3d832fefa0fd7de7bafb40d8cd45b1', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon-100", { key: '38123bf86bde48bf6218761f21b1d2e2f13129c2', icon: "b2b_icon-search", clickable: true })))));
     }
     get hostElement() { return this; }
 }, [1, "b2b-search", {

package/dist/components/b2b-shimmer.js

@@ -17,7 +17,7 @@ const ShimmerComponent = /*@__PURE__*/ proxyCustomElement(class ShimmerComponent
             width: `${this.width}px`,
             height: `${this.height}px`,
         };
-        return (h(Host, { key: 'fb6af2424eef31132e91f98c08d7fdc445a52aa4' }, this.loading ? (h("div", { class: "b2b-shimmer", style: shimmerStyle })) : (h("slot", null))));
+        return (h(Host, { key: 'e7f0026117385f1357f253b599c8e43c80aa3097' }, this.loading ? (h("div", { class: "b2b-shimmer", style: shimmerStyle })) : (h("slot", null))));
     }
     static get style() { return B2bShimmerStyle0; }
 }, [1, "b2b-shimmer", {

package/dist/components/b2b-snackbar.js

@@ -96,17 +96,17 @@ const SnackbarComponent = /*@__PURE__*/ proxyCustomElement(class SnackbarCompone
         clearTimeout(this.timeoutId);
     }
     render() {
-        return (h(Host, { key: '58090fac24ced577a62bae4e1fe0101aeaf91b29', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '64c5630d12184b91c1cfba84c93c1e3a5860f9c8', class: {
+        return (h(Host, { key: 'a8bbc223bec5d3eb65a41e26e080c270b37e018f', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'af19062f6c5ebf236662e620921e562e251d3b82', class: {
                 'b2b-snackbar': true,
                 [`b2b-snackbar--${this.type}`]: true,
                 'b2b-snackbar--opened': this.opened,
-            }, style: { width: this.width || 'auto' } }, h("div", { key: 'd5094808134bcea3cfc96190fdde31c929d02097', class: "b2b-snackbar__content" }, h("span", { key: '78d3c42ed255d7137236485dd4dab3d03e53c16c', class: { [`b2b-snackbar--${this.type}__icon`]: true } }, this.chooseIcon()), h("p", { key: '9ec8d4ca79c7c285acac581ecd51eedc46ce0122', class: "b2b-snackbar__content__description" }, this.description)), this.isActionPresent() && (h("div", { class: {
+            }, style: { width: this.width || 'auto' } }, h("div", { key: '510b2d232e1e76f8111f3c1fa8205c4c6fba1264', class: "b2b-snackbar__content" }, h("span", { key: '2d050576324d4de170f7f585230f9d8c3e1aaa71', class: { [`b2b-snackbar--${this.type}__icon`]: true } }, this.chooseIcon()), h("p", { key: '906e80b7ce252af8557637b6a938344f9137356d', class: "b2b-snackbar__content__description" }, this.description)), this.isActionPresent() && (h("div", { class: {
                 'b2b-snackbar__action': true,
                 [`b2b-snackbar__action--${this.type}`]: true,
-            }, onClick: this.handleActionClick }, h("a", null, this.actionLabel))), h("div", { key: 'dfd85891f9f75aaa4431a5e739cb800bb2d33d58', class: {
+            }, onClick: this.handleActionClick }, h("a", null, this.actionLabel))), h("div", { key: '0f427acbe157a17b30ba868f97065f59fc00d62b', class: {
                 'b2b-snackbar__close-icon': true,
                 [`b2b-snackbar__close-icon--${this.type}`]: true,
-            }, onClick: this.close }, h("b2b-icon-100", { key: '68222a852700593f0c135ac855467d517bd6f649', clickable: true, size: 24, icon: "b2b_icon-close" })))));
+            }, onClick: this.close }, h("b2b-icon-100", { key: '5f94e5da1ed4f770c1c87b5dbc9da2d773f1bf71', clickable: true, size: 24, icon: "b2b_icon-close" })))));
     }
     static get watchers() { return {
         "opened": ["onVisibleChange"]

package/dist/components/b2b-tab-group.js

@@ -127,7 +127,7 @@ const B2bTabGroupComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabGroupC
         });
     }
     render() {
-        return (h(Host, { key: '52d6f3b4803f41853eedf2b92790ad353548498b' }, h("slot", { key: '7a59390254d38c9d40dbc1c882082536921c4c02', name: "tab" }), h("b2b-separator", { key: '67d11fcb5798e23b58205672054c40ab7dec12f8' }), h("slot", { key: '8e2bc99d1aa2f2e71cdebdc723b61d1b8be23f29', name: "panel" })));
+        return (h(Host, { key: 'd40432d3ad338b4ca01de770a69d39c978e86312' }, h("slot", { key: '9d8048c416d7fc8d83a43433a0dbff656c28d7cf', name: "tab" }), h("b2b-separator", { key: '9cb24dec1a37882292c8bf1b904d0681d5402234' }), h("slot", { key: '08cc88ad819cf5a85554230fe5f71948cff72b21', name: "panel" })));
     }
     get hostElement() { return this; }
 }, [1, "b2b-tab-group", {

package/dist/components/b2b-tab-panel.js

@@ -12,7 +12,7 @@ const B2bTabPanelComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabPanelC
         this.generatedId = i++;
     }
     render() {
-        return (h(Host, { key: '25b0780d337b5904862224f6194834de6e7af2ee', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: 'd6722fed4150424eef6c2d828efe6728ec406ce5', class: "b2b-tab-panel" }, h("slot", { key: 'b37b3b6f6b43ba1ef55574492dd3791ddf478037' }))));
+        return (h(Host, { key: '66d9b54ffd216bb6be4d5320a5fe631e1aa2a273', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '44d3ce01810e051055ba00b0c4bfda486667b9c9', class: "b2b-tab-panel" }, h("slot", { key: '48f340c95814fe1edf3923edaaf106afb6480c0b' }))));
     }
     static get style() { return B2bTabPanelStyle0; }
 }, [1, "b2b-tab-panel"]);

package/dist/components/b2b-tab.js

@@ -25,12 +25,12 @@ const B2bTabComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabComponent e
         }
     }
     render() {
-        return (h(Host, { key: '41b47b38d655fb6bfc42c8e2444e8aee1776ad2b', 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' }, h("span", { key: '544a01d49daaf6542ba7e367d014ded65f813d89', class: {
+        return (h(Host, { key: '11ed2234c001a8e28f03727ee99a260f46351c87', 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' }, h("span", { key: '6ca6aa110c798f4896ea82ab3c11229ac4ee5113', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, h("slot", { key: '221f1a424a292b4d4f1e6b02f67f7e4602b9eb3f' }))));
+            } }, h("slot", { key: '470ee8ad12a4330621e797deb282584ca1dfe26a' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/b2b-table-row.js

@@ -123,12 +123,12 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
         }
     }
     render() {
-        return (h(Host, { key: '8464ef3dedf1ef893088ccae661282c3552b52e7', class: {
+        return (h(Host, { key: '17e8eeab5e415f40f20b2b7fbf8fe335aa200e22', class: {
                 'b2b-table-row': true,
                 ['b2b-table-row--colspan']: this.size === TableSizes.COLSPAN,
                 ['b2b-table-row--highlight']: this.highlight,
                 [`b2b-table-row--color-${this.getRowColor()}`]: true,
-            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: 'f25f2457e0ff940f31b0a03cf528336448f5af5b' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: 'e7678fb2361589fee9a4abc5ab21e0b3af9b9468' })));
     }
     get hostElement() { return this; }
     static get style() { return B2bTableRowStyle0; }

package/dist/components/b2b-table-rowgroup.js

@@ -123,11 +123,11 @@ const TableRowgroupComponent = /*@__PURE__*/ proxyCustomElement(class TableRowgr
         this.makeHeaderRowNotSelectable();
     }
     render() {
-        return (h(Host, { key: 'a2ca6843066eb150ac7bc7cec2685343f1a544f7', class: {
+        return (h(Host, { key: 'dffc8119e0342c6df2c5df726cc3a3086180b515', class: {
                 ['b2b-table-rowgroup__' + this.type]: true,
                 'b2b-table-rowgroup--fixed': this.fixed,
                 'b2b-table-rowgroup--colspan': this.size === TableSizes.COLSPAN,
-            }, role: "rowgroup" }, h("slot", { key: 'ff13924259c51569679fcf24d3af7b57470f608d' })));
+            }, role: "rowgroup" }, h("slot", { key: '1bbdcff54f039fc378d75edd051e00fbc646ac21' })));
     }
     get host() { return this; }
     static get style() { return B2bTableRowgroupStyle0; }

package/dist/components/b2b-table.js

@@ -67,9 +67,9 @@ const TableComponent = /*@__PURE__*/ proxyCustomElement(class TableComponent ext
         }
     }
     render() {
-        return (h(Host, { key: '4e54f9b98d02bed540e4748bbcf20837647ce796', class: {
+        return (h(Host, { key: 'b55b76e268c2d29966fb7f8fc3773b5106d9db9c', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, h("slot", { key: '7e70f4f9b9ff302e7f3e283753591c5f4dd79312' })));
+            }, role: "table" }, h("slot", { key: 'cb7843109bd84a6b156c38a9c822851c16550906' })));
     }
     get host() { return this; }
     static get style() { return B2bTableStyle0; }

package/dist/components/b2b-textarea.js

@@ -53,10 +53,10 @@ const B2BTextareaComponent = /*@__PURE__*/ proxyCustomElement(class B2BTextareaC
         }
     }
     render() {
-        return (h(Host, { key: 'ded78634398ff5e016645b0eceb54414a0fb1280', class: {
+        return (h(Host, { key: '32b6dfb73db9e2820cc14b5710f8028b2eac5c13', class: {
                 'b2b-textarea': true,
                 'b2b-textarea--error': this.invalid && !this.disabled,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '0a0f55fca870e52ea12d2f2ac23a4942752d26a8', 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 && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '6d899daa1eefc303207174a6d51a09baccec5bc7', 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) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
     }
     get hostElement() { return this; }

package/dist/components/b2b-time-picker.js

@@ -123,23 +123,23 @@ const TimePickerComponent = /*@__PURE__*/ proxyCustomElement(class TimePickerCom
         return times;
     }
     render() {
-        return (h(Host, { key: '60186f73f9b29e97a12cae3d21677a93e9d2cc2e', class: {
+        return (h(Host, { key: '777bcb8f12e5d1727188137ac40cf8435cf7e70c', class: {
                 'b2b-time-picker': true,
                 'b2b-time-picker--error': this.isInvalid,
-            } }, this.label && (h("b2b-input-label", { id: this.label, required: this.required }, this.label)), h("div", { key: 'ba780bb83b8b29fbf954a3fcc9d3d24e1fb00d47', class: {
+            } }, this.label && (h("b2b-input-label", { id: this.label, required: this.required }, this.label)), h("div", { key: '23a073017874d7ac6b93b4091ce1ec3c6bab67d8', class: {
                 'b2b-time-picker__wrapper': true,
                 'b2b-time-picker__wrapper--focused': this.hasFocus,
                 'b2b-time-picker__wrapper--filled': !this.hasFocus && !this.invalid && this.value !== '',
                 'b2b-time-picker__wrapper--error': this.isInvalid,
-            } }, h("input", { key: 'b7c954dcc95b39ba1243c0594af865aeb8f5e556', ref: el => (this.inputRef = el), class: {
+            } }, h("input", { key: 'b2e3a715b06e10f5a0d84e55e7ee9b1646e76237', ref: el => (this.inputRef = el), class: {
                 'b2b-time-picker__native-input': true,
-            }, type: "text", placeholder: this.placeholder, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput }), h("div", { key: '2174ef2f4795544c109934bba08b5bf5589ad970', class: "b2b-icons" }, this.value && (h("div", { class: "b2b-close-icon", onClick: this.onClear }, h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '6a0b79eeb95e89fd4e1ae7650fc6894fe9995716', class: "b2b-duration-icon", onMouseDown: e => {
+            }, type: "text", placeholder: this.placeholder, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput }), h("div", { key: '0e7f85e51cfd259dd665f7be9380f92ce92d113c', class: "b2b-icons" }, this.value && (h("div", { class: "b2b-close-icon", onClick: this.onClear }, h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '260525bb4b7af258fed31fbe6e2c52e601a69887', class: "b2b-duration-icon", onMouseDown: e => {
                 e.preventDefault();
                 this.toggleDropdown();
-            } }, h("b2b-icon-100", { key: '4d2c4ac3c85e7186f02c1ace46e0f52b32b3867e', icon: "b2b_icon-duration", clickable: true })))), h("div", { key: '05643f9d3d325a0d145b5f75a5295e3772b317a2', class: {
+            } }, h("b2b-icon-100", { key: 'c00253db429984698fef2fdd7be08e2f06f2bdfe', icon: "b2b_icon-duration", clickable: true })))), h("div", { key: '03e775dde5fb3f04d0fae9ff2f9e8b21dec235a7', class: {
                 'b2b-time-picker__options-container': true,
                 'b2b-time-picker__options-container--visible': this.isOpen && this.hasFocus,
-            }, onMouseDown: e => e.preventDefault() }, h("div", { key: '2f3d104f3c8b91f828195d17a493ae085098ffb2', class: "b2b-time-picker__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, this.availableTimes.map(time => (h("div", { key: time, class: {
+            }, onMouseDown: e => e.preventDefault() }, h("div", { key: 'da0bea3b84e2de0b9990b0c8bc0ad724fef98cd2', class: "b2b-time-picker__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, this.availableTimes.map(time => (h("div", { key: time, class: {
                 'b2b-time-picker__option': true,
                 'b2b-time-picker__option--selected': time === this.value,
             }, "data-value": time, onClick: this.onSelect, role: "option", "aria-selected": time === this.value ? 'true' : 'false' }, time))))), (this.hint || this.currentErrorMessage) && (h("span", { class: {

package/dist/components/b2b-toggle-button.js

@@ -39,13 +39,13 @@ const B2bToggleButtonComponent = /*@__PURE__*/ proxyCustomElement(class B2bToggl
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (h(Host, { key: '653a99cf2670e048d4486f4c58a6b362777f1542', onClick: this.onClick }, h("span", { key: 'bf6c3226b73ac9d033c6479e5ddf0a2366c51a65', class: {
+        return (h(Host, { key: '8e5d62083d9f1ca982302ff1ead4b4eafcf13bbf', onClick: this.onClick }, h("span", { key: '85f8bf7914a3185645b20c4359b989861d66ae11', class: {
                 'b2b-toggle-button': true,
                 'b2b-toggle-button--disabled': this.disabled,
-            } }, h("input", { key: '74ac055cf0fc0cb192c38fa288d20892a77eb662', tabindex: 0, class: {
+            } }, h("input", { key: '0cdf383fa7893cadad73c39ed1beed05cb1cd236', tabindex: 0, class: {
                 'b2b-toggle-button__input': true,
                 'b2b-toggle-button__input--disabled': this.disabled,
-            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '56246f69a36f044a58e735a3a2e3bbacc95d285c', id: this.name, tabindex: -1, class: {
+            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: 'e22cd5d0b2170f6490448a5511649874f735247a', id: this.name, tabindex: -1, class: {
                 'b2b-toggle-button__label': true,
                 'b2b-toggle-button__label--disabled': this.disabled,
                 'b2b-toggle-button__label--checked': this.checked && !this.disabled,

package/dist/components/b2b-toggle-chip.js

@@ -38,11 +38,11 @@ const B2BToggleChipComponent = /*@__PURE__*/ proxyCustomElement(class B2BToggleC
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '837b37a053f8383bb9adb7a2f0e4f7dc62313a8d' }, h("span", { key: 'c8b014ce785d0f81ac50393f09eae6bf3c2e4c97', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (h(Host, { key: '6c016c4b7c5f9d1ccad32fe56b5eb95312a74a15' }, h("span", { key: '736a4d5f2b5c441683e16d99918207887bbc6b7d', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, h("input", { key: '1c6e261e46e953ec7a12f19e8f0c777277a2a153', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, h("input", { key: '29641ec808f7912d2a95cbeb8146b0fe4277960c', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
                 'b2b-toggle-chip__input': true,
-            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: 'a07b6b77a6660e1b167c8b83125464e431a2dd7a', id: this.name, tabIndex: -1, class: {
+            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '14038f9888d068ad3e2e6796acb009885c3b58e3', id: this.name, tabIndex: -1, class: {
                 'b2b-toggle-chip__label': true,
                 'b2b-toggle-chip__label--active': this.active && !this.disabled,
                 'b2b-toggle-chip__label--disabled': this.disabled,

package/dist/components/b2b-toggle-group.js

@@ -53,10 +53,10 @@ const B2BToggleGroup = /*@__PURE__*/ proxyCustomElement(class B2BToggleGroup ext
         }
     }
     render() {
-        return (h(Host, { key: 'b6ad87b079d1935b0b033398f89f0a9eeff68ede' }, h("div", { key: '600ccfd8b2b9db697b555f326a327b9827970e96', class: {
+        return (h(Host, { key: '24e5a006eaf51221268e04def1d28fac49caa528' }, h("div", { key: '2b7bea2caa4e3de22c5a072b04e28f007a4d80b0', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, h("fieldset", { key: '214687f6e5655437a8dba0d6c29ce8c12b5c9c9f' }, h("slot", { key: 'e8076f9a98cef4463a51d9dd58222825a5d7bc47' })))));
+            } }, h("fieldset", { key: 'e79f68a2616739891b02f0e309e1bde962385129' }, h("slot", { key: 'ba14d0552d1277646f59712dd9330be76fc1a2f0' })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/b2b-toggle-switch.js

@@ -46,17 +46,17 @@ const B2bToggleSwitchComponent = /*@__PURE__*/ proxyCustomElement(class B2bToggl
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (h(Host, { key: '0fb3a7738b62a225aea9fea30df20fdcdf7c6119' }, h("div", { key: 'e60e0c5935631c0a15679aa852bf6942247e579a', class: {
+        return (h(Host, { key: 'acbbb94678ccc4b6faa3c299790a5bf92da7cb8c' }, h("div", { key: 'a5e2f8a9d5ca21aac51288958a2bbefc642ad424', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, h("div", { key: 'c73c7c7cb6adc85a9d8701bc6940b989bb82b69f', class: {
+            } }, h("div", { key: '948337e5d0af2cdaff737e9c0079d47897596a9d', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, h("span", { key: 'e8b511f2df1a46c6a030dd3e40b7a48b5bf255f3', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '0bdb4fb71ce5790c5c5200126ff82505d630daee', class: {
+            } }, h("span", { key: '46fe0fbe5186c6a8153dd5d1f806ce8746c09369', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '06113ebfba02103eae3f7d1dd2f392320960a9b0', class: {
                 'b2b-toggle__icon': true,
                 'b2b-toggle__icon--show': this.state,
-            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: 'd3e0752bd7352e84dfb29ac7ebab158db2143042', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
+            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: '688f71c4be24c92016185f8bb1807b23948bc975', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
                 'b2b-toggle__text': true,
                 'b2b-toggle__text--left': isLeft,
             } }, this.label))))));

package/dist/components/b2b-tooltip.js

@@ -60,13 +60,13 @@ const B2BTooltipComponent = /*@__PURE__*/ proxyCustomElement(class B2BTooltipCom
         }
     }
     render() {
-        return (h(Host, { key: '5ad13130ded48a0b23ff30d04152857f55b7714f', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '83290fe4eb64980eb748e08615e739a57ca46b73', class: {
+        return (h(Host, { key: '2d8ab66d405b80e57f96bead659a8022e6911a0e', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '796d63af72e8fcce306414fe0f88006b524d0901', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, h("slot", { key: 'a1c8efba4056c1e78abdcacb3071bf699fab24a4' }), h("div", { key: '70c0d20ef0ad32c586e6b2f49118fb4744a9c82f', class: {
+            } }, h("slot", { key: '041362ddaac37d851b9c10c9f755afb11d0d4063' }), h("div", { key: '933e01ae5dc8791634c04d9756418453b36d5983', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, h("slot", { key: '108e7b2e99209bb450da987149dbe835a6183629', name: "content" }, this.content)))));
+            } }, h("slot", { key: '611d4d898a46bfb6fbdb8c96e8314636c0af129b', name: "content" }, this.content)))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/b2b-wizard-step.js

@@ -17,10 +17,10 @@ const WizardStepComponent = /*@__PURE__*/ proxyCustomElement(class WizardStepCom
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: '4ee464a50a56224fad021de974d85676f85cf67d' }, h("div", { key: '41289234f28e97f25408c7fd886bd8c197a17273', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: '5f0ff339a49b714145ac86fae4991dd3a408b872', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '74467018cc4ae1ced3b0b64b14c2634d8ca1b73a', class: {
+        return (h(Host, { key: '2d1d6a5be8aae8d8e9ec3d0c9df1242e43502c83' }, h("div", { key: '92eb217ace3a043f5a33a17337e45abe5675b8d8', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: 'c7d2e09fafa64f03acb01271b061afac88c72165', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '39c1b85dbea062c5b7016d720f965d1587813c99', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
-            } }, h("slot", { key: 'c2df37960e8c4e8591f426d6809094a58cf93a25' })))));
+            } }, h("slot", { key: '35c517a307bd5cb8890c5cb325ce69c716ceb2ed' })))));
     }
     static get style() { return B2bWizardStepStyle0; }
 }, [1, "b2b-wizard-step", {

package/dist/components/b2b-wizard.js

@@ -51,7 +51,7 @@ const WizardComponent = /*@__PURE__*/ proxyCustomElement(class WizardComponent e
             this.setStepsState();
     }
     render() {
-        return (h(Host, { key: 'dbfbc0987d3e4bd7b07b47451ea4096e53ea3d16' }, h("div", { key: '3481034aa0be88d4bec040dac7ccfbbfe7485264', class: "b2b_wizard" }, h("slot", { key: '6c8ebd923230dc7439191de20bd310486575725c' }))));
+        return (h(Host, { key: 'c83e101dda0d1ad6f03cf9fd922fceaff64ca5bf' }, h("div", { key: 'ff512302694317123e658daf21325db106e9ec4c', class: "b2b_wizard" }, h("slot", { key: 'ed6ef6450eff8c407be2b73315c9cc4de50d7fc3' }))));
     }
     get host() { return this; }
     static get style() { return B2bWizardStyle0; }

package/dist/components/date-picker-days-header.js

@@ -20,7 +20,7 @@ const B2bDatePickerDaysHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePi
         this.language = 'de';
     }
     render() {
-        return (h(Host, { key: '6ca6b61422e9664b0468ccee19cd3cd208d0fb97' }, h("div", { key: '69fd18279a42ecfb0a2a07f99bb04565153c8df6', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
+        return (h(Host, { key: 'b263de3bc9e2189a320bd0f1a3c43b15e6a9e0b8' }, h("div", { key: 'ddf44663f7bbf839aa6a365590e9b641711547c8', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
     }
     get host() { return this; }
     static get style() { return B2bDatePickerDaysHeaderStyle0; }

package/dist/components/date-picker-days.js

@@ -217,7 +217,7 @@ const B2bDatePickerDays = /*@__PURE__*/ proxyCustomElement(class B2bDatePickerDa
         });
     }
     render() {
-        return (h(Host, { key: '73d99c811d52c00ddec7c3f044b7d850861f7a48' }, h("div", { key: '146b6533fc0d040a896e32baf3068793a8cdfe81', class: "b2b-date-picker-days" }, this.renderDatePickerDays())));
+        return (h(Host, { key: 'e1b82227a7d6f35bd707296d356f91c0724d161c' }, h("div", { key: '6dc28f794b1f81fbce7363dd33b8fa54c0cbb9d0', class: "b2b-date-picker-days" }, this.renderDatePickerDays())));
     }
     get host() { return this; }
     static get style() { return B2bDatePickerDaysStyle0; }

package/dist/components/date-picker-header.js

@@ -20,9 +20,9 @@ const B2bDatePickerHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker
     }
     render() {
         const Months = this.language === 'en' ? MonthsEnglish : MonthsGerman;
-        return (h(Host, { key: '149ffea5e265aa5988cbd5e9e49a6282a2c26620' }, h("div", { key: 'ff0afa53b9c874475bb1c7362d0b49e458d1cc57', class: "b2b-date-picker-header" }, h("button", { key: '785d10e6fa6339a2fe10b2a11ad9d02432792c16', class: "b2b-date-picker-nav--left", onClick: this.b2bDatePickerPreviousMonth.emit, onMouseOut: event => {
+        return (h(Host, { key: '7b757dbe383afbbde516f8aa8153b6192599ec66' }, h("div", { key: '93ba06b2e60a0dc8f688a7878abdb0c47898edb0', class: "b2b-date-picker-header" }, h("button", { key: '905bfce876914038ded90e28c051a87dae2e9577', class: "b2b-date-picker-nav--left", onClick: this.b2bDatePickerPreviousMonth.emit, onMouseOut: event => {
                 event.target.blur();
-            }, "aria-label": "previous month" }, h("b2b-icon-100", { key: '7e52cd1f6da18c5fdbeb82c1481794aa3f0a81a5', icon: "b2b_icon-arrow-left", clickable: true })), h("b2b-headline", { key: 'd73a470a1e573c843bd45d7276563291fbed287c', size: '100', align: 'center', class: "b2b-date-picker-month", "aria-label": "select month", tabindex: 0, onClick: () => {
+            }, "aria-label": "previous month" }, h("b2b-icon-100", { key: 'e001e6d00bcbb13b56c4dd5e34604d3099ffabef', icon: "b2b_icon-arrow-left", clickable: true })), h("b2b-headline", { key: 'fd2d92a0be0314b846e958edf9bccf3c398a247a', size: '100', align: 'center', class: "b2b-date-picker-month", "aria-label": "select month", tabindex: 0, onClick: () => {
                 this.b2bDatePickerViewChanged.emit({
                     value: "Months" /* DatePickerView.Months */,
                 });
@@ -32,7 +32,7 @@ const B2bDatePickerHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker
                         value: "Months" /* DatePickerView.Months */,
                     });
                 }
-            } }, Months[this.selectedMonth]), h("b2b-headline", { key: '9a443891ff3bc1d64f8bd0c94dee0e99c2c899ee', size: '100', align: 'center', class: "b2b-date-picker-year", "aria-label": "select year", tabindex: 0, onClick: () => {
+            } }, Months[this.selectedMonth]), h("b2b-headline", { key: '2911aaded910b96beead35c2829468a244c49832', size: '100', align: 'center', class: "b2b-date-picker-year", "aria-label": "select year", tabindex: 0, onClick: () => {
                 this.b2bDatePickerViewChanged.emit({
                     value: "Years" /* DatePickerView.Years */,
                 });
@@ -42,9 +42,9 @@ const B2bDatePickerHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker
                         value: "Years" /* DatePickerView.Years */,
                     });
                 }
-            } }, this.selectedYear), h("button", { key: '08ce033f80749a5d9b882fbf04939b9993289ead', class: "b2b-date-picker-nav--right", onClick: this.b2bDatePickerNextMonth.emit, onMouseOut: event => {
+            } }, this.selectedYear), h("button", { key: 'c36292f29993f17e1b3597086714e680d390f2b9', class: "b2b-date-picker-nav--right", onClick: this.b2bDatePickerNextMonth.emit, onMouseOut: event => {
                 event.target.blur();
-            }, "aria-label": "next month" }, h("b2b-icon-100", { key: '8ba392f6c91dfd7e9c1a262ddca2e3640e7c3840', icon: "b2b_icon-arrow-right", clickable: true })))));
+            }, "aria-label": "next month" }, h("b2b-icon-100", { key: '7b7391d2f476a1b4170368caf58e26a265f4af87', icon: "b2b_icon-arrow-right", clickable: true })))));
     }
     get host() { return this; }
     static get style() { return B2bDatePickerHeaderStyle0; }

package/dist/components/date-picker-months.js

@@ -89,7 +89,7 @@ const B2bDatePickerMonths = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker
         (_a = this.getCurrentMonth()) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '92f546b998c48d274d76db47db997bcda3968033' }, h("div", { key: 'cfd9e12f5d1047d6acf2be7142d070dd64517049', class: "b2b-date-picker-months" }, this.renderDatePickerMonths())));
+        return (h(Host, { key: '33365006ef661b018a70e1f0712e22e0dd9c5dec' }, h("div", { key: 'a06fa2fa936f5fcb51a3d90d6f9ef7463785997a', class: "b2b-date-picker-months" }, this.renderDatePickerMonths())));
     }
     get host() { return this; }
     static get style() { return B2bDatePickerMonthsStyle0; }

package/dist/components/date-picker-years.js

@@ -106,7 +106,7 @@ const B2bDatePickerYears = /*@__PURE__*/ proxyCustomElement(class B2bDatePickerY
         }
     }
     render() {
-        return (h(Host, { key: '2e9b64e857f36f8623cb13aa5ebd5346e21bdc6f' }, h("div", { key: 'b6a82d5fbfc2f18aab9c2c64efe3c8bbe63cfc19', class: "b2b-date-picker-years" }, this.renderDatePickerYears())));
+        return (h(Host, { key: '66a4e371ba765166025c8addfd5e8ca3ef6a1223' }, h("div", { key: '2ec5a10c6c605d91b3eb5b18a558ade240980154', class: "b2b-date-picker-years" }, this.renderDatePickerYears())));
     }
     get host() { return this; }
     static get style() { return B2bDatePickerYearsStyle0; }

package/dist/components/date-range-picker-days.js

@@ -287,7 +287,7 @@ const B2bDatePickerDays = /*@__PURE__*/ proxyCustomElement(class B2bDatePickerDa
         this.setFocusOnSelectedDayOrFirstDay();
     }
     render() {
-        return (h(Host, { key: '15def7fc64e3fc1793ab517d3f1a515462d68bdb' }, h("div", { key: 'f072b82124f611ae2e60a43eb7550fa008e52234', class: "b2b-date-range-picker-days" }, this.renderDatePickerDays())));
+        return (h(Host, { key: '8a72fc5b58fceb4e9df431d517db42a2c1c962e4' }, h("div", { key: 'a6f38ce9127f30471823c2e9e7ce89d735eff456', class: "b2b-date-range-picker-days" }, this.renderDatePickerDays())));
     }
     get host() { return this; }
     static get style() { return B2bDateRangePickerDaysStyle0; }

package/dist/components/input-group.js

@@ -56,7 +56,7 @@ const B2BInputGroup = /*@__PURE__*/ proxyCustomElement(class B2BInputGroup exten
         }
     }
     render() {
-        return (h(Host, { key: 'fa99a4e2f8a5923b14d6304378fc574e8fa0f451' }, h("div", { key: 'ac085ec1ba4ae6566e29192fcf41487a5aeaf2dd', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '9412332e469771720376b5d16b101b21867a29ad', name: "start" }), h("slot", { key: 'eb2201d7243365abd486e6a17c99ba84e942415d' }), h("slot", { key: 'c4d8b4c1b837de6bf80049d8b94e402dbb1e663d', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
+        return (h(Host, { key: '98563dbc957e84fc2b48a7fcf19dcfa7bfd6e4f5' }, h("div", { key: '7416b37c106d7a1cc1c3ef4638f73e65e79544f0', class: { 'b2b-input-wrapper': true } }, h("slot", { key: 'ee1fb719469efff667b84c659a80c5d834eb1efa', name: "start" }), h("slot", { key: 'e5eed73ca6a7864f5dc893063479c0cb02be44f8' }), h("slot", { key: '1f94d03feb768d3073468f69f5fccf35b706fb7e', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (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))));

package/dist/components/input-label.js

@@ -12,11 +12,11 @@ const InputLabelComponent = /*@__PURE__*/ proxyCustomElement(class InputLabelCom
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '8cdefd0d3cafc0bdf9dba5fa7a15080a4a288379' }, h("label", { key: '04d4659be8363b1b8760c94e5607a3048e02cebf', class: {
+        return (h(Host, { key: '3014c89c7d2b2350f1268ad2d40fdd2845a201c9' }, h("label", { key: 'd6a1a41f481b61437d7992f03a2730226d86a813', class: {
                 'b2b-input-label': true,
                 'b2b-input-label--required': this.required,
                 'b2b-input-label--disabled': this.disabled,
-            } }, h("slot", { key: 'a858c509020588bb10669c4fa0bc682ba97a5675' }))));
+            } }, h("slot", { key: '63af40c5aa7f37d88fa2cfc0001b98911cc34136' }))));
     }
     get hostElement() { return this; }
     static get style() { return B2bInputLabelStyle0; }

package/dist/components/input-list-option.js

@@ -19,7 +19,7 @@ const InputListOptionComponent = /*@__PURE__*/ proxyCustomElement(class InputLis
         }
     }
     render() {
-        return (h(Host, { key: 'e9c7180cdbf328d435b5bcac76e4e11a234d4dcc', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
+        return (h(Host, { key: '32c2ec363cf4c03730ca70986916f50f39cccf6c', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
     }
     static get style() { return B2bInputListOptionStyle0; }
 }, [0, "b2b-input-list-option", {