@otto-de/b2b-core-components 1.34.0 → 1.36.0

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: '4511acab06e497842a84eed7cfa9beb7d575dbe7' }, index.h("div", { key: '03b04648866fed3e0c276ca8218201639b23f6fc', class: {
+        return (index.h(index.Host, { key: 'b0060404440e78b3a2331df11a2d56d4071c7e19' }, index.h("div", { key: '031bd2160763920981cd6491bc1099636f3c21fd', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, index.h("div", { key: '8ddd2295fd43f56b8393178e38ea414e96f332ed', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: 'e6ea32124f8df1b937dd8f62e1e06d306229cd75', class: "b2b-progress-bar__progress", style: {
+            } }, index.h("div", { key: '945e5c7bf601cd8d34b0cd095245a8cc6b801cea', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: '93086dd441221a8ff681d9de2da8ff2f2d4ae0b5', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), index.h("div", { key: '36a7f3c4c5229350ea3a37827fa0613db0ab33b7', class: {
+            } })), index.h("div", { key: '82ce3cabe0897878d2715ca96a07ba8347f42590', 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: '5fbc72c2f038679ea04d1c99a6f687e4829d7d51', onClick: this.onClick }, index.h("div", { key: '895c751c5086b2f7d466635020a39a96d1c9f220', class: {
+        return (index.h(index.Host, { key: 'fd1084fd2df24d7de2727441f69c03f9aa497f22', onClick: this.onClick }, index.h("div", { key: 'a4d0e872905049f686a1d70a883aba37bc7b3823', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, 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) ||
+            } }, index.h("div", { key: 'e334d57a546380ae10aad7bd6c8c1688650d5107', class: "b2b-radio-items" }, index.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 }), index.h("b2b-input-label", { key: '71e1468f0d8046d9c80cb0bb159081a772e2b871', id: this.name, required: this.required, disabled: this.disabled }, index.h("slot", { key: '00b2e6022ff3cc78ef450d7a7611f08e6a5d0adb', 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: 'c47db22cd7ab5484813e052db015d2b8d1405bb9' }, index.h("div", { key: '1e7fc6246f83ea53debd5ef7fc42772e3c41a936', class: {
+        return (index.h(index.Host, { key: '0ae32b84f0c10b153284933bddbb15e0450723a9' }, index.h("div", { key: '04f3fc2aa309f7e5b59ec15c2667620d1c4d4473', 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: 'a406988d11f921c8eb16296820212da84d014e8c' }, index.h("div", { key: '2b6fb5ac504cdc65b354d8d30727b0fb6e725376', class: "b2b-radio-group-options" }, index.h("slot", { key: 'd7161d2da1c4241830815da13fe87067ecb55931' }))), (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: '219771596262fd4551efebb096fe3a1f84075155' }, index.h("div", { key: '9fd874e3297a02c71f76fa533972276f09fb2d41', class: "b2b-radio-group-options" }, index.h("slot", { key: 'e912fcca4012b8512fbe4b4cc485bc66158ad26e' }))), (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: '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' })));
+        return (index.h(index.Host, { key: '9aa9e447faee8fc6a4d794815ec5ef38b8aeb1fd' }, index.h("div", { key: '655024bc9e4790117f4f940743ccd0b99c58cc81', class: "b2b-required-separator__label" }, index.h("span", { key: '194c31216547c20ec3ad50879012d201536db660', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: 'c70e239fae2007202edfc38349c1f06e004fc720' }, this.label)), index.h("b2b-separator", { key: '18e7aa82496629262a0b6a6eace005abe775461d' })));
     }
 };
 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: '1d7eea4ad65056f16127e2029811239e0540560b' }, index.h("div", { key: '153f0ace757daff8776fac4fbe1cc9a05e9c0dfa', style: {
+        return (index.h(index.Host, { key: '913fba2af4e94c6e7d216077cea966fcb82890e2' }, index.h("div", { key: '78d110134ffcbba85ab5f5bdb2a70680986503f0', style: {
                 ['background-color']: this.color,
                 ['border']: `1px solid ${this.borderColor || this.color}`,
             }, class: {
                 'b2b-rounded-icon': true,
-            } }, index.h("div", { key: '7b28d41d6d5cb38c21aa4487cca0ce070663909a', style: {
+            } }, index.h("div", { key: 'b4b397689fb44687dd1cdc588ac3ebc12d655d19', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: '32e90de259f352aff82118dd1f9904475fc875e2', name: "icon" })), index.h("div", { key: '38f7a97f95191cd039a4bbbcf20a9b5ce1826a8e', style: {
+            } }, index.h("slot", { key: '1d7fe83ff0e4ea10ee9d4bc6cd24346ee5ef2b5e', name: "icon" })), index.h("div", { key: '0d820dcc8d71da4932f1c2a969d80decfacbee7b', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: 'e994e7fbd49f656c865ce8517833be0d6bbb852e', name: "text" })))));
+            } }, index.h("slot", { key: 'be1ee3143843af1227fc48d58fb47498acd615e0', 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: 'c5c71924d38f1788a60b19e49ad09a3aa5d637f6' }, index.h("slot", { key: '4fa412e60d51aa58e9e6d40936bb4f4a4725dab5' })));
+        return (index.h(index.Host, { key: '577b0d6563b9dbd02bdc52659719bd9b8bc93abf' }, index.h("slot", { key: 'c08d17e55359e8a3bc3616bf401bebc91699a50c' })));
     }
     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: '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 })))));
+        return (index.h(index.Host, { key: 'aea5b63ad99666f54f0bb28641b94f0cf2a7826f' }, index.h("b2b-input-group", { key: 'abf3db241031678e7494f259afacdd5286bf706c', disabled: this.disabled }, index.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 }, index.h("slot", { key: '6b6f678fa0420061de5d2f2534c8b81a9461dd6d' })), index.h("b2b-button", { key: 'dc33effb80da2d1e80f3f2c82fec517410403e53', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon-100", { key: '147dd58698d5e51cba2934b454525895e3b5c6d8', 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: 'f1ab4806be7ac4128d95a047421be58502b0cadf' }, index.h("div", { key: 'c478fc67a79c15a6d74af39eb6747d25d3d58922', class: {
+        return (index.h(index.Host, { key: '3d72ec054841ab058eaf6e57f222001690fc253f' }, index.h("div", { key: '4638385437636a79b35a5254dd920d85a2531800', 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: '82fc3e95ff0f946ae6cfd5c59ab1a0e04df62ca5' }, this.loading ? (index.h("div", { class: "b2b-shimmer", style: shimmerStyle })) : (index.h("slot", null))));
+        return (index.h(index.Host, { key: 'fb6af2424eef31132e91f98c08d7fdc445a52aa4' }, 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: '55fbed7dd9fa44a54d25277ca6f1e75429ba1b37', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'dff92b0614f3e59e0c809b975310646814b8145e', class: {
+        return (index.h(index.Host, { key: '58090fac24ced577a62bae4e1fe0101aeaf91b29', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '64c5630d12184b91c1cfba84c93c1e3a5860f9c8', class: {
                 'b2b-snackbar': true,
                 [`b2b-snackbar--${this.type}`]: true,
                 'b2b-snackbar--opened': this.opened,
-            }, 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: {
+            }, style: { width: this.width || 'auto' } }, index.h("div", { key: 'd5094808134bcea3cfc96190fdde31c929d02097', class: "b2b-snackbar__content" }, index.h("span", { key: '78d3c42ed255d7137236485dd4dab3d03e53c16c', class: { [`b2b-snackbar--${this.type}__icon`]: true } }, this.chooseIcon()), index.h("p", { key: '9ec8d4ca79c7c285acac581ecd51eedc46ce0122', 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: 'c8384158b5bdec6af91cae1adc66763cbdf528d1', class: {
+            }, onClick: this.handleActionClick }, index.h("a", null, this.actionLabel))), index.h("div", { key: 'dfd85891f9f75aaa4431a5e739cb800bb2d33d58', class: {
                 'b2b-snackbar__close-icon': true,
                 [`b2b-snackbar__close-icon--${this.type}`]: true,
-            }, onClick: this.close }, index.h("b2b-icon-100", { key: '8315309a832f0767ecbbc40ef147b0005a66ce7a', clickable: true, size: 24, icon: "b2b_icon-close" })))));
+            }, onClick: this.close }, index.h("b2b-icon-100", { key: '68222a852700593f0c135ac855467d517bd6f649', 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: 'a652623572354f06d1b773b9a98760a7c9ec9cf7' }, index.h("slot", { key: 'f80657d44b37339fb026e92873fb177b2393e841', name: "tab" }), index.h("b2b-separator", { key: 'e82a1891e3c509fab6f2b17e74f39796645bbdd2' }), index.h("slot", { key: 'e9ccf361a9bfa3424fc861b6ba8f685510ef39bd', name: "panel" })));
+        return (index.h(index.Host, { key: '52d6f3b4803f41853eedf2b92790ad353548498b' }, index.h("slot", { key: '7a59390254d38c9d40dbc1c882082536921c4c02', name: "tab" }), index.h("b2b-separator", { key: '67d11fcb5798e23b58205672054c40ab7dec12f8' }), index.h("slot", { key: '8e2bc99d1aa2f2e71cdebdc723b61d1b8be23f29', 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: '09b20e44ef0677b3ce5babd5da199ac5803e60c2', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: '72ddbd132da8c1bcb7810397dd50530d722eb5ce', class: "b2b-tab-panel" }, index.h("slot", { key: '6318fea037462b2b43f33bde3bd0e6ee42c1dc18' }))));
+        return (index.h(index.Host, { key: '25b0780d337b5904862224f6194834de6e7af2ee', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: 'd6722fed4150424eef6c2d828efe6728ec406ce5', class: "b2b-tab-panel" }, index.h("slot", { key: 'b37b3b6f6b43ba1ef55574492dd3791ddf478037' }))));
     }
 };
 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: '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: {
+        return (index.h(index.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' }, index.h("span", { key: '544a01d49daaf6542ba7e367d014ded65f813d89', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, index.h("slot", { key: 'cd453ac793439c1572ff80f84a29d5d60b6e0517' }))));
+            } }, index.h("slot", { key: '221f1a424a292b4d4f1e6b02f67f7e4602b9eb3f' }))));
     }
     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: '285cee3af71e3d05dd2916f771fe36e47e001998', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
+        return (index.h(index.Host, { key: '31a2402a856935d1441e5b7225adcb98fa092e02', 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: 'd0812f47d90ee1b225110855df1c8918960505e7' })));
+            }, role: "cell" }, index.h("slot", { key: '82c708c878e124e34ec189df23947634e5172e9b' })));
     }
     get host() { return index.getElement(this); }
 };
@@ -131,7 +131,7 @@ const TableHeaderComponent = class {
         this.setIconPlacement();
     }
     render() {
-        return (index.h(index.Host, { key: '9b0df06a2325c4bac0e64f1a3b1dadec9150b14b', class: {
+        return (index.h(index.Host, { key: '191554770ee6fc218ece0f555dd2aca07637623a', 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: 'b3c742ca195dec5c8037a589122e41d87afcee5d', class: {
+        return (index.h(index.Host, { key: '8464ef3dedf1ef893088ccae661282c3552b52e7', 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: 'ae02badbe6847a68f2e5e1e08e676678f7144c1b' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), index.h("slot", { key: 'f25f2457e0ff940f31b0a03cf528336448f5af5b' })));
     }
     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: '1fa1822d42bf6819b2fd6de382a0075a05715569', class: {
+        return (index.h(index.Host, { key: 'dd7700f3b0b599cb74897935c5b3d1d07db2ca27', 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: '6ffd528b4b6330a5f4c66b50b3c329853fd441a8' })));
+            }, role: "rowgroup" }, index.h("slot", { key: '02bdd6d4032e89019bb04c80a4233cd2f4e2fabf' })));
     }
     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: 'b838cb824f9e59b01eb827642d130b8933bfa331', class: {
+        return (index.h(index.Host, { key: '4e54f9b98d02bed540e4748bbcf20837647ce796', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, index.h("slot", { key: 'a657fe4d62601fff6bf5ee6d640fbb8d8c351055' })));
+            }, role: "table" }, index.h("slot", { key: '7e70f4f9b9ff302e7f3e283753591c5f4dd79312' })));
     }
     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: 'b5ecf98b41d74602941e9b3a5a22962e7c6c94d9', class: {
+        return (index.h(index.Host, { key: 'ded78634398ff5e016645b0eceb54414a0fb1280', 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: '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.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.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.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); }

package/dist/cjs/b2b-time-picker.cjs.entry.js

@@ -0,0 +1,157 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-668808fd.js');
+
+const timePickerCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-time-picker){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);max-width:600px;min-width:130px;display:block}:host(.b2b-time-picker) .b2b-time-picker__options-container{display:none;position:relative;z-index:1001}:host(.b2b-time-picker) .b2b-time-picker__options-container--visible{display:block}:host(.b2b-time-picker) .b2b-time-picker__options{position:absolute;background-color:var(--b2b-color-white-100);box-sizing:border-box;height:272px;width:var(--b2b-size-200);overflow-y:scroll;border:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:none;scrollbar-color:#7f7f7f transparent;scrollbar-gutter:stable}:host(.b2b-time-picker) .b2b-time-picker__option{width:100%;box-sizing:border-box;padding:7px var(--b2b-size-space-75) var(--b2b-size-15);cursor:pointer;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100)}:host(.b2b-time-picker) .b2b-time-picker__option:hover,:host(.b2b-time-picker) .b2b-time-picker__option--selected{background-color:var(--b2b-color-blue-25)}:host(.b2b-time-picker) .b2b-time-picker__wrapper{box-sizing:border-box;height:36px;display:flex;align-items:center;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative;padding:var(--b2b-size-15) var(--b2b-size-25);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius)}:host(.b2b-time-picker) .b2b-time-picker__wrapper--focused{color:var(--b2b-color-black-100);border-radius:var(--b2b-border-radius);border:1px solid var(--b2b-color-black-100);z-index:9999}:host(.b2b-time-picker) .b2b-time-picker__wrapper--filled{color:var(--b2b-color-black-100)}:host(.b2b-time-picker) .b2b-time-picker__wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);color:var(--b2b-color-black-100)}:host(.b2b-time-picker) .b2b-time-picker__wrapper--error .b2b-time-picker__native-input{background-color:var(--b2b-color-error-50)}:host(.b2b-time-picker) .b2b-time-picker__wrapper .b2b-time-picker__native-input{width:100%;border:none;flex:1 1 auto;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}:host(.b2b-time-picker) .b2b-time-picker__wrapper .b2b-time-picker__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-time-picker) .b2b-time-picker-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100);font-size:var(b2b-size-copy-100)}.b2b-time-picker__hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}.b2b-time-picker__hint--error{color:var(--b2b-color-error-100)}.b2b-icons{display:flex;align-items:center}.b2b-close-icon{display:block}.b2b-duration-icon{color:var(--b2b-color-black-100)}";
+const B2bTimePickerStyle0 = timePickerCss;
+
+const TimePickerComponent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.b2bFocus = index.createEvent(this, "b2b-focus", 7);
+        this.b2bBlur = index.createEvent(this, "b2b-blur", 7);
+        this.b2bInput = index.createEvent(this, "b2b-input", 7);
+        this.b2bChange = index.createEvent(this, "b2b-selected", 7);
+        this.b2bClear = index.createEvent(this, "b2b-clear", 7);
+        this.onFocus = (ev) => {
+            this.hasFocus = true;
+            this.isOpen = true;
+            this.b2bFocus.emit(ev);
+        };
+        this.onBlur = (ev) => {
+            this.hasFocus = false;
+            this.isOpen = false;
+            this.b2bBlur.emit(ev);
+        };
+        this.onInput = (ev) => {
+            this.isOpen = false;
+            const input = ev.target;
+            this.value = input.value;
+            this.b2bInput.emit({ value: this.value });
+        };
+        this.validateInput = (value) => {
+            const match = value.match(/^(\d{2}):(\d{2})$/);
+            let isValid = false;
+            if (match) {
+                const hour = parseInt(match[1], 10);
+                const minute = parseInt(match[2], 10);
+                isValid = hour >= 0 && hour <= 23 && minute >= 0 && minute <= 59;
+            }
+            if (!isValid && value.length > 0) {
+                this.internalErrorMessage = 'Invalid format';
+                this.internalInvalid = true;
+            }
+            else {
+                this.internalErrorMessage = '';
+                this.internalInvalid = false;
+            }
+        };
+        this.onSelect = (event) => {
+            var _a;
+            const target = event.target;
+            const selectedValue = target.getAttribute('data-value');
+            if (selectedValue !== null) {
+                this.value = selectedValue;
+                this.b2bChange.emit(selectedValue);
+                this.internalInvalid = false;
+                this.internalErrorMessage = '';
+                this.hasFocus = false;
+                this.isOpen = false;
+                (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        this.onClear = () => {
+            this.value = '';
+            this.internalInvalid = false;
+            this.internalErrorMessage = '';
+            this.hasFocus = false;
+            this.b2bClear.emit();
+        };
+        this.toggleDropdown = () => {
+            var _a;
+            this.isOpen = !this.isOpen;
+            if (this.isOpen) {
+                (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+        };
+        this.label = undefined;
+        this.required = false;
+        this.placeholder = 'hh:mm';
+        this.invalid = false;
+        this.hint = undefined;
+        this.interval = 15;
+        this.error = undefined;
+        this.value = null;
+        this.hasFocus = false;
+        this.isOpen = false;
+        this.availableTimes = [];
+        this.internalErrorMessage = '';
+        this.internalInvalid = false;
+    }
+    componentWillLoad() {
+        this.availableTimes = this.getAvailableTimes();
+        if (this.value) {
+            this.validateInput(this.value);
+        }
+    }
+    handleIntervalChange() {
+        this.availableTimes = this.getAvailableTimes();
+    }
+    validateValue(newValue) {
+        this.value = newValue;
+        this.validateInput(newValue);
+    }
+    get isInvalid() {
+        return this.invalid || this.internalInvalid;
+    }
+    get currentErrorMessage() {
+        return this.error || this.internalErrorMessage;
+    }
+    getAvailableTimes() {
+        const times = [];
+        const step = this.interval || 15;
+        for (let hour = 0; hour < 24; hour++) {
+            for (let minute = 0; minute < 60; minute += step) {
+                const time = `${hour.toString().padStart(2, '0')}:${minute
+                    .toString()
+                    .padStart(2, '0')}`;
+                times.push(time);
+            }
+        }
+        return times;
+    }
+    render() {
+        return (index.h(index.Host, { key: '60186f73f9b29e97a12cae3d21677a93e9d2cc2e', class: {
+                'b2b-time-picker': true,
+                'b2b-time-picker--error': this.isInvalid,
+            } }, this.label && (index.h("b2b-input-label", { id: this.label, required: this.required }, this.label)), index.h("div", { key: 'ba780bb83b8b29fbf954a3fcc9d3d24e1fb00d47', 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,
+            } }, index.h("input", { key: 'b7c954dcc95b39ba1243c0594af865aeb8f5e556', 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 }), index.h("div", { key: '2174ef2f4795544c109934bba08b5bf5589ad970', class: "b2b-icons" }, this.value && (index.h("div", { class: "b2b-close-icon", onClick: this.onClear }, index.h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), index.h("div", { key: '6a0b79eeb95e89fd4e1ae7650fc6894fe9995716', class: "b2b-duration-icon", onMouseDown: e => {
+                e.preventDefault();
+                this.toggleDropdown();
+            } }, index.h("b2b-icon-100", { key: '4d2c4ac3c85e7186f02c1ace46e0f52b32b3867e', icon: "b2b_icon-duration", clickable: true })))), index.h("div", { key: '05643f9d3d325a0d145b5f75a5295e3772b317a2', class: {
+                'b2b-time-picker__options-container': true,
+                'b2b-time-picker__options-container--visible': this.isOpen && this.hasFocus,
+            }, onMouseDown: e => e.preventDefault() }, index.h("div", { key: '2f3d104f3c8b91f828195d17a493ae085098ffb2', class: "b2b-time-picker__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, this.availableTimes.map(time => (index.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))))), index.h("span", { class: {
+                'b2b-time-picker__hint': true,
+                'b2b-time-picker__hint--error': this.isInvalid,
+            } }, this.isInvalid ? this.currentErrorMessage : this.hint)));
+    }
+    static get watchers() { return {
+        "interval": ["handleIntervalChange"],
+        "value": ["validateValue"]
+    }; }
+};
+TimePickerComponent.style = B2bTimePickerStyle0;
+
+exports.b2b_time_picker = TimePickerComponent;

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

@@ -41,13 +41,13 @@ const B2bToggleButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (index.h(index.Host, { key: 'a6f1b65c7fc3b33b46d9f12f03c47d7abb14c345', onClick: this.onClick }, index.h("span", { key: '546d4e19b0f924c7ba6f3d86a917f9a6d56800e8', class: {
+        return (index.h(index.Host, { key: '653a99cf2670e048d4486f4c58a6b362777f1542', onClick: this.onClick }, index.h("span", { key: 'bf6c3226b73ac9d033c6479e5ddf0a2366c51a65', class: {
                 'b2b-toggle-button': true,
                 'b2b-toggle-button--disabled': this.disabled,
-            } }, index.h("input", { key: 'f80c968bb2b970b2fee8f028183786ee62cb46aa', tabindex: 0, class: {
+            } }, index.h("input", { key: '74ac055cf0fc0cb192c38fa288d20892a77eb662', 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 }), index.h("label", { key: 'dcf4bd01503bed93040bb788c5c8f501e900bdcc', 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 }), index.h("label", { key: '56246f69a36f044a58e735a3a2e3bbacc95d285c', 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/cjs/b2b-toggle-chip.cjs.entry.js

@@ -42,11 +42,11 @@ const B2BToggleChipComponent = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '70fad02b2046f9a929159944de8d1bcfb73e695b' }, index.h("span", { key: 'e0999281f64d4dcf7fadd9861e69c2ccd5242381', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (index.h(index.Host, { key: '9ccaee0a0cef686481b529812736efebdda24ccf' }, index.h("span", { key: 'df149ca80ecabd2696d7f794577881128c85cb96', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, index.h("input", { key: '9a5adfa2b4b45fd86511167a879b2324ec1514aa', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, index.h("input", { key: 'b4402e6fce941fef4e60278df3e4997d33e15ac4', "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 }), index.h("label", { key: 'b35900d6765c98d6a403384ae87ce666df7a391e', id: this.name, tabIndex: -1, class: {
+            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: 'a178fcabcba44be3fff977fe9236d6e46783bcb1', 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/cjs/b2b-toggle-group.cjs.entry.js

@@ -55,10 +55,10 @@ const B2BToggleGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7226291d34975d1f924ef09c9b8d4d74bef97733' }, index.h("div", { key: 'e483cc453088f46d77e49c02fcc7ec81947cfbf5', class: {
+        return (index.h(index.Host, { key: 'b6ad87b079d1935b0b033398f89f0a9eeff68ede' }, index.h("div", { key: '600ccfd8b2b9db697b555f326a327b9827970e96', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, index.h("fieldset", { key: '3bf9e738d0629438870a7618087c82b0b4841f4d' }, index.h("slot", { key: '648b2303ec2207e3c1069b313194de5abdef0518' })))));
+            } }, index.h("fieldset", { key: '214687f6e5655437a8dba0d6c29ce8c12b5c9c9f' }, index.h("slot", { key: 'e8076f9a98cef4463a51d9dd58222825a5d7bc47' })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-toggle-switch.cjs.entry.js

@@ -48,17 +48,17 @@ const B2bToggleSwitchComponent = class {
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (index.h(index.Host, { key: 'b391da32ba761f1901c77bd80d55685fdaf683f9' }, index.h("div", { key: '98eee1a17196010cbe0a430d963008e8ef2a2dc7', class: {
+        return (index.h(index.Host, { key: '0fb3a7738b62a225aea9fea30df20fdcdf7c6119' }, index.h("div", { key: 'e60e0c5935631c0a15679aa852bf6942247e579a', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, index.h("div", { key: '8846212651ba0626eb6bc00c8b855a51f2b37fcc', class: {
+            } }, index.h("div", { key: 'c73c7c7cb6adc85a9d8701bc6940b989bb82b69f', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, index.h("span", { key: '9c6e0953a0f809acb692bf21d7c326b18695d98c', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, index.h("svg", { key: '891608602164176e3d76301dbb519a127ed8d7c1', class: {
+            } }, index.h("span", { key: 'e8b511f2df1a46c6a030dd3e40b7a48b5bf255f3', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, index.h("svg", { key: '0bdb4fb71ce5790c5c5200126ff82505d630daee', class: {
                 'b2b-toggle__icon': true,
                 'b2b-toggle__icon--show': this.state,
-            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, index.h("path", { key: '8e7c9be51b1bf4e9545d472aa4b3ebb35a84d5a7', 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 && (index.h("span", { class: {
+            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, index.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 && (index.h("span", { class: {
                 'b2b-toggle__text': true,
                 'b2b-toggle__text--left': isLeft,
             } }, this.label))))));

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

@@ -62,13 +62,13 @@ const B2BTooltipComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '28dc2c4c09c44990df7fb0be9808dc25cc54c768', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, index.h("span", { key: '4e635a06e5edec983a458ed29d5c742434fc2b0e', class: {
+        return (index.h(index.Host, { key: '5ad13130ded48a0b23ff30d04152857f55b7714f', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, index.h("span", { key: '83290fe4eb64980eb748e08615e739a57ca46b73', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, index.h("slot", { key: '4226bd0e1427bf1c2cb43ff766a2474e23860ba6' }), index.h("div", { key: 'f1b3f5f8d8e18da6026103246bcc2af6d3c9224d', class: {
+            } }, index.h("slot", { key: 'a1c8efba4056c1e78abdcacb3071bf699fab24a4' }), index.h("div", { key: '70c0d20ef0ad32c586e6b2f49118fb4744a9c82f', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, index.h("slot", { key: 'f8506cfc288896cd691dde111c7b331ed00739a0', name: "content" }, this.content)))));
+            } }, index.h("slot", { key: '108e7b2e99209bb450da987149dbe835a6183629', name: "content" }, this.content)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -16,7 +16,7 @@ const WizardIconComponent = class {
         this.checkIcon = true;
     }
     render() {
-        return (index.h(index.Host, { key: '7525116ebb5564170b75a07d619777a3a8d5dbac' }, index.h("div", { key: 'af75be9343349999f705cc5d2990b14e90d42c65', class: {
+        return (index.h(index.Host, { key: '2b192e2eccfee0dd27006039ba0f8e3878e296db' }, index.h("div", { key: '79d0eb8d6713117b69643e745e07f2b2feb23b01', class: {
                 'b2b-wizard-icon': true,
             } }, this.state === wizard_types.WizardStatus.COMPLETED && (index.h("b2b-rounded-icon", { color: "var(--b2b-color-success-50)", "content-color": "var(--b2b-color-success-100)" }, this.checkIcon ? (index.h("b2b-icon-100", { slot: "icon", icon: "b2b_icon-check" })) : (index.h("span", { slot: "text" }, this.step)))), this.state === wizard_types.WizardStatus.PENDING && (index.h("b2b-rounded-icon", { color: "var(--b2b-color-icon-default)", "content-color": "var(--b2b-color-icon-inverted)" }, index.h("span", { slot: "text" }, this.step))), this.state === wizard_types.WizardStatus.DISABLED && (index.h("b2b-rounded-icon", { color: "var(--b2b-color-grey-100)", "content-color": "var(--b2b-color-grey-400)" }, index.h("span", { slot: "text" }, this.step))), this.state === wizard_types.WizardStatus.DEFAULT && (index.h("b2b-rounded-icon", { color: "transparent", "border-color": "var(--b2b-color-icon-secondary)", "content-color": "var(--b2b-color-icon-secondary)" }, index.h("span", { slot: "text" }, this.step))))));
     }

package/dist/cjs/b2b-wizard-step.cjs.entry.js

@@ -16,10 +16,10 @@ const WizardStepComponent = class {
         this.checkIcon = true;
     }
     render() {
-        return (index.h(index.Host, { key: '367c15511fb060caf9c100ef1cc3eb500104e19e' }, index.h("div", { key: 'a50230361f5d8a017c4573d25cc8b5cf5880c7c7', class: "b2b_wizard__step" }, index.h("b2b-wizard-icon", { key: 'fe0620d30525c9219ba8e9a6e4d6fbee0327c44d', step: this.step, state: this.state, checkIcon: this.checkIcon }), index.h("div", { key: 'e721cb200a6e09039cfcf291529f0d36b47c10af', class: {
+        return (index.h(index.Host, { key: '4ee464a50a56224fad021de974d85676f85cf67d' }, index.h("div", { key: '41289234f28e97f25408c7fd886bd8c197a17273', class: "b2b_wizard__step" }, index.h("b2b-wizard-icon", { key: '5f0ff339a49b714145ac86fae4991dd3a408b872', step: this.step, state: this.state, checkIcon: this.checkIcon }), index.h("div", { key: '74467018cc4ae1ced3b0b64b14c2634d8ca1b73a', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === wizard_types.WizardStatus.DEFAULT,
-            } }, index.h("slot", { key: '9947aa5306e78326ce754fc777616c3c90fd2d1c' })))));
+            } }, index.h("slot", { key: 'c2df37960e8c4e8591f426d6809094a58cf93a25' })))));
     }
 };
 WizardStepComponent.style = B2bWizardStepStyle0;

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

@@ -53,7 +53,7 @@ const WizardComponent = class {
             this.setStepsState();
     }
     render() {
-        return (index.h(index.Host, { key: 'dd8021387b9e3388daa3b59872855f2c10876443' }, index.h("div", { key: '9732f51d245e4459a47d9c1136d61e3a93e0913f', class: "b2b_wizard" }, index.h("slot", { key: 'bca40318290b823efdc47973f20d9e63d27dc701' }))));
+        return (index.h(index.Host, { key: 'dbfbc0987d3e4bd7b07b47451ea4096e53ea3d16' }, index.h("div", { key: '3481034aa0be88d4bec040dac7ccfbbfe7485264', class: "b2b_wizard" }, index.h("slot", { key: '6c8ebd923230dc7439191de20bd310486575725c' }))));
     }
     get host() { return index.getElement(this); }
 };