@otto-de/b2b-core-components 1.11.0 → 1.12.0

package/dist/collection/components/toggle-chip/toggle-chip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:07 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:08 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -33,11 +33,11 @@ export class B2BToggleChipComponent {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '492dfe33bc4b2c36881ffb0f741b3854a2a62ffd' }, h("span", { key: 'eb6cd8abbefd8b585e96c6fd8e13c2f623a02836', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (h(Host, { key: '8373455857bb583dcc3893c3ac42cda61fe9aaed' }, h("span", { key: '7f193051116571785580b48cc126f2b254d849bf', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, h("input", { key: '4ecc3eb881e0f9099bf98ec97de9b375ed0cc9e7', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, h("input", { key: '795085195e7dad551376e18a5115881f930b7189', "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: 'a745d88d73ca422e2f50a85f8eaafe262bfc06f3', 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: '66d2b68c7947b9de58a7acf917980e5bac6a2f2d', id: this.name, tabIndex: -1, class: {
                 'b2b-toggle-chip__label': true,
                 [`b2b-toggle-chip__label--${this.variant}`]: true,
                 'b2b-toggle-chip__label--active': this.active,

package/dist/collection/components/toggle-group/toggle-group.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:07 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:08 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -45,10 +45,10 @@ export class B2BToggleGroup {
         }
     }
     render() {
-        return (h(Host, { key: '05c8ab9da929d603f2ce68211d279c5a2a197a0e' }, h("div", { key: '3c461e63dff416a9e3b9385529ab8310dce3cb6e', class: {
+        return (h(Host, { key: 'e6a8d71713f388ed7f41ac2b3a887143d1b53b71' }, h("div", { key: '04ac46af3a2226a1432c014fbb32ce860dc1adb0', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, h("fieldset", { key: 'f36f7568b736883cf46606ee9983691f51618e43' }, h("slot", { key: '458e4eef59ff318777162fa69485c24e128e4d06' })))));
+            } }, h("fieldset", { key: '1c50c9ab57986021c1396a19075d2885f8627d2e' }, h("slot", { key: 'a0a58ff3d0ccf598dc52a9e8f1a2f350bf5a3246' })))));
     }
     static get is() { return "b2b-toggle-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle-switch/toggle-switch.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:07 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:08 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -38,17 +38,17 @@ export class B2bToggleSwitchComponent {
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (h(Host, { key: 'f95e5df14bf703ab6397ecbe2495f5f4006a5f91' }, h("div", { key: '0afbb317b062e4a89af215a68906de318a640e36', class: {
+        return (h(Host, { key: 'a4ae1c68c4d86a4fbf8087bb3957cab828302395' }, h("div", { key: '03170b4af83dab44488db452b8f9377439d41a3f', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, h("div", { key: 'e66fabcf76cc170c0ddf284682828bcbd712430c', class: {
+            } }, h("div", { key: '402d63e72ca87265c953922a217245980dd89677', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, h("span", { key: '0a8764c780ca22d51e434d0fa984da93938875c6', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '55edce536bb60d37056444f3715dc53d18466c3d', class: {
+            } }, h("span", { key: 'd433a55594e8912025cd2fd965ebce9b6f3e4527', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '263e8a7aeb92eb55f147a82294bfb8d1ba21a10a', 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: '15ca8b03f31d56dd5399c0c7cef8348a15e9a01c', 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: '96e0d898cba16910264b4639908859b42128c2b0', 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/collection/components/tooltip/tooltip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:07 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:08 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -235,7 +235,7 @@
   box-sizing: border-box;
   text-align: start;
   width: max-content;
-  max-width: 20rem;
+  max-width: 17.5rem;
   visibility: hidden;
   opacity: 0;
   z-index: 1000001;

package/dist/collection/components/tooltip/tooltip.js

@@ -59,13 +59,13 @@ export class B2BTooltipComponent {
         }
     }
     render() {
-        return (h(Host, { key: '3987a2a1e01ad71a5411c45090b52ac8ad0206e8', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: 'd468b38485e230ca966401cabec0f77bda69bd6e', class: {
+        return (h(Host, { key: '3c6ed0fa58a1f770366975eb2ea17ef8bd48a79f', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '3b2d5106d1006a6ddb9cf4b002fcf1e8263f5408', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, h("slot", { key: '8e44ab8ede77f8e564148a3fc0dbfb69e8c920ce' }), h("div", { key: '78e418f298e23ab8c852d8d69fdc7abd866cc76c', class: {
+            } }, h("slot", { key: '737a6330346847e08e06ba1b651a9a2cceb7dd30' }), h("div", { key: '5b93917d1eafbee55adc412856d18d77aee7cb5a', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, h("slot", { key: 'acc1467002af74a11b265062d9bcd617be660221', name: "content" }, this.content)))));
+            } }, h("slot", { key: '77c7cf53353c9d5f689c3d18c4921107d923d811', name: "content" }, this.content)))));
     }
     static get is() { return "b2b-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,10 +7,10 @@ export class WizardStepComponent {
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: 'da999cffd5571ecbbafafa81f12ce2b439466c1b' }, h("div", { key: '4ee271067a9ef5bbcf8326fe2e4739b30633863e', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: 'd7db34a4a510d2e92c4ec6af5db6cf96bcb03860', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '44b07dca7864ac45122cd85625b8bbdb816dafef', class: {
+        return (h(Host, { key: 'c13f6fb782c9d9a61240ba2ab7a5733e7be03507' }, h("div", { key: '5fb11e13cf4e047ee58ab3b820982f674eed94c9', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: '4089f7b7703d27af414482549b125afcbdaf7f5e', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '323510afcecde0105b7eec43f33231c9c8228fa8', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
-            } }, h("slot", { key: 'c5e22aec456a8ca9a55f9ef65294ba8a12b2ac1b' })))));
+            } }, h("slot", { key: '6aa9b3f33f753fdce25d6992efc321f2b3a7985b' })))));
     }
     static get is() { return "b2b-wizard-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wizard/wizard.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:07 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:08 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/wizard/wizard.js

@@ -44,7 +44,7 @@ export class WizardComponent {
             this.setStepsState();
     }
     render() {
-        return (h(Host, { key: '7ef581ef2713b31ce1b16836e5981c6414f5a9ea' }, h("div", { key: 'd54084b28e3429be8f6ef77f04c551d39aa62bd4', class: "b2b_wizard" }, h("slot", { key: '8535e40678334b5851f573f39f96a8790157116f' }))));
+        return (h(Host, { key: '1fb548e71aa9d672a0b922581c19909040781926' }, h("div", { key: '9444aeafb7cd39aa89e5efb4991274c631067f4d', class: "b2b_wizard" }, h("slot", { key: '3c654bbee61932d84cda6de0438bf4550b14be3a' }))));
     }
     static get is() { return "b2b-wizard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wizard-icon/wizard-icon.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:07 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 04 Jun 2024 10:14:08 GMT
+ * Generated on Tue, 16 Jul 2024 05:45:50 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/wizard-icon/wizard-icon.js

@@ -7,7 +7,7 @@ export class WizardIconComponent {
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: '54dde34938479f10c0ffe1fcaf0ecee9a35da253' }, h("div", { key: '2d0b57842993041914064c588f17d3694c91c586', class: {
+        return (h(Host, { key: 'f2504601523ffc9069b0b20082547ef3580f6841' }, h("div", { key: '457ba0f1c0adc0b3b5522ac71e83ca3bbbd82cbd', class: {
                 'b2b-wizard-icon': true,
             } }, this.state === WizardStatus.COMPLETED && (h("b2b-rounded-icon", { color: "var(--b2b-color-success-50)", "content-color": "var(--b2b-color-success-100)" }, this.checkIcon ? (h("b2b-icon", { slot: "icon", icon: "b2b_icon-check" })) : (h("span", { slot: "text" }, this.step)))), this.state === WizardStatus.PENDING && (h("b2b-rounded-icon", { color: "var(--b2b-color-icon-default)", "content-color": "var(--b2b-color-icon-inverted)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DISABLED && (h("b2b-rounded-icon", { color: "var(--b2b-color-grey-100)", "content-color": "var(--b2b-color-grey-400)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DEFAULT && (h("b2b-rounded-icon", { color: "transparent", "border-color": "var(--b2b-color-icon-secondary)", "content-color": "var(--b2b-color-icon-secondary)" }, h("span", { slot: "text" }, this.step))))));
     }

package/dist/collection/utils/resources.js

@@ -1 +1 @@
-export const ICON_PATH = 'https://portal.otto.market/design-system/dist/b2b-core-components';
+export const ICON_PATH = 'https://b2b-design-system.otto.market/dist/b2b-core-components';

package/dist/components/b2b-modal.js

@@ -123,7 +123,7 @@ function isFocusable($elem) {
         $elem instanceof HTMLIFrameElement);
 }
 
-const modalCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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\")}:root,:host{--b2b-component-modal-large-max-width:800px;--b2b-component-modal-default-max-width:600px;--b2b-component-modal-default-min-width:360px}:host .b2b-modal{top:0;left:0;bottom:0;width:100%;z-index:1000;display:none;position:fixed;background-color:var(--b2b-color-background-overlay-transparent-80);box-sizing:border-box;align-items:center;justify-content:center}:host .b2b-modal--open{display:flex}:host .b2b-modal__backdrop{top:0;left:0;z-index:0;width:100%;height:100%;position:absolute}:host .b2b-modal__dialog{z-index:1;position:relative;min-width:var(--b2b-component-modal-default-min-width);max-width:var(--b2b-component-modal-default-max-width);padding:calc(var(--b2b-size-space-75) * 1.5) calc(var(--b2b-size-space-150)) calc(var(--b2b-size-space-150));background-color:var(--b2b-color-background-box);box-shadow:0 3px 8px 0 var(--b2b-color-background-overlay-transparent-40);margin:auto}:host .b2b-modal__dialog__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--b2b-size-space-75)}:host .b2b-modal__dialog__close{cursor:pointer;background:transparent;padding:0;border:none}:host .b2b-modal__dialog__close b2b-icon{transition:all 0.3s ease}:host .b2b-modal__dialog__footer{display:flex;justify-content:space-between;padding-top:calc(var(--b2b-size-space-75) * 2);margin-top:calc(var(--b2b-size-space-75) * 2);border-top:var(--b2b-size-1) solid var(--b2b-color-border-100)}:host .b2b-modal__dialog__footer-left{display:flex;justify-content:flex-start}:host .b2b-modal__dialog__footer-right{display:flex;justify-content:flex-end}:host .b2b-modal__dialog--large{max-width:var(--b2b-component-modal-large-max-width)}@media only screen and (max-width: var(--b2b-component-modal-large-max-width)){:host .b2b-modal__dialog--large{left:0;width:auto;max-width:var(--b2b-component-modal-large-max-width)}}@media only screen and (max-width: var(--b2b-component-modal-default-max-width)){:host .b2b-modal__dialog{left:0;width:auto;max-width:var(--b2b-component-modal-default-max-width)}}::slotted(b2b-button[slot=footer-right]){margin-left:var(--b2b-size-space-75)}";
+const modalCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@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\")}:root,:host{--b2b-component-modal-large-max-width:800px;--b2b-component-modal-default-max-width:600px;--b2b-component-modal-default-min-width:360px}:host .b2b-modal{top:0;left:0;bottom:0;width:100%;z-index:1000;display:none;position:fixed;background-color:var(--b2b-color-background-overlay-transparent-80);box-sizing:border-box;align-items:center;justify-content:center}:host .b2b-modal--open{display:flex}:host .b2b-modal__backdrop{top:0;left:0;z-index:0;width:100%;height:100%;position:absolute}:host .b2b-modal__dialog{z-index:1;position:relative;min-width:var(--b2b-component-modal-default-min-width);max-width:var(--b2b-component-modal-default-max-width);padding:calc(var(--b2b-size-space-75) * 1.5) calc(var(--b2b-size-space-150)) calc(var(--b2b-size-space-150));background-color:var(--b2b-color-background-box);box-shadow:0 3px 8px 0 var(--b2b-color-background-overlay-transparent-40);margin:auto}:host .b2b-modal__dialog__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--b2b-size-space-75)}:host .b2b-modal__dialog__header-left{display:flex;justify-content:flex-start}:host .b2b-modal__dialog__header-left b2b-headline{padding-right:8px}:host .b2b-modal__dialog__header-right{display:flex;justify-content:flex-end}:host .b2b-modal__dialog__close{cursor:pointer;background:transparent;padding:0;border:none}:host .b2b-modal__dialog__close b2b-icon{transition:all 0.3s ease}:host .b2b-modal__dialog__footer{display:flex;justify-content:space-between;padding-top:calc(var(--b2b-size-space-75) * 2);margin-top:calc(var(--b2b-size-space-75) * 2);border-top:var(--b2b-size-1) solid var(--b2b-color-border-100)}:host .b2b-modal__dialog__footer-left{display:flex;justify-content:flex-start}:host .b2b-modal__dialog__footer-right{display:flex;justify-content:flex-end}:host .b2b-modal__dialog--large{max-width:var(--b2b-component-modal-large-max-width)}@media only screen and (max-width: var(--b2b-component-modal-large-max-width)){:host .b2b-modal__dialog--large{left:0;width:auto;max-width:var(--b2b-component-modal-large-max-width)}}@media only screen and (max-width: var(--b2b-component-modal-default-max-width)){:host .b2b-modal__dialog{left:0;width:auto;max-width:var(--b2b-component-modal-default-max-width)}}::slotted(b2b-button[slot=footer-right]){margin-left:var(--b2b-size-space-75)}";
 const B2bModalStyle0 = modalCss;
 
 const ModalComponent = /*@__PURE__*/ proxyCustomElement(class ModalComponent extends HTMLElement {
@@ -213,7 +213,7 @@ const ModalComponent = /*@__PURE__*/ proxyCustomElement(class ModalComponent ext
         return (h(Host, { key: '1e3ae2d0db3df6fd7fb249181560471102f81ad4' }, h("div", { key: 'b6a9ce0bc06ca54cba7885b3094f448df6440194', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, h("div", { key: 'a114fc4834406ac93c554fa5c2058500c229ecfe', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), h("div", { key: '49ce79940badc68db9a6469f96bbe43b5803ced2', class: {
                 'b2b-modal__dialog': true,
                 [`b2b-modal__dialog--${this.variant}`]: true,
-            } }, h("div", { key: 'e1542497ec46e553b5883a8bec9fb97bc8e41bb8', class: "b2b-modal__dialog__header" }, h("b2b-headline", { key: '29fdd8544ab096acac7fb567e12db5209b65fadc', align: "center", size: "200", noMargin: true }, this.heading), h("button", { key: '19d556190a35343e71e041cb7647fc71e43bd110', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, h("b2b-icon", { key: 'ec66472357c70f7591a0851ceae4f1263ba32b31', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' }))), h("div", { key: '4cc41712957fcdbefa2263730422b4dcc59b01e8', class: "b2b-modal__dialog__body" }, h("slot", { key: 'c6810b8c835f0099472fbe29a895945387098319' })), h("div", { key: 'd26b872b6cbef52e0d0088f792616c0f3c2872b0', class: "b2b-modal__dialog__footer" }, h("div", { key: '363ab2250e580cb5ee99c53abaf5acc930a1aec5', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: '95f725635933d5dc8a60de63aed3f7a2d82f2ef5', name: "footer-left" })), h("div", { key: 'e6d1776ad02740eedac8b893bae6f28519c55e49', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: '6b310747f42518cc6a4f7631a1bbb7b59cf3e9cb', name: "footer-right" })))), h("div", { key: '83158d3f234936df43c5d7ad5976215acf374c7b', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: 'e5d6898b325a6560d30c65b62b27b1ad0402dac0', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
+            } }, h("div", { key: 'e1542497ec46e553b5883a8bec9fb97bc8e41bb8', class: "b2b-modal__dialog__header" }, h("div", { key: 'eeb61001cfc5090b6f4bd969fb8b79d24a69bfa5', class: "b2b-modal__dialog__header-left" }, h("b2b-headline", { key: '84172ec8e265fce0aa43bbc23b448338524a5308', align: "center", size: "200", noMargin: true }, this.heading), h("slot", { key: 'd77b0510ea6499190dcb84fdf0568bf350dd335a', name: "header-icon" })), h("div", { key: '9593ad5db17f58b9d6fd78dd2ba2222cf79a898d', class: "b2b-modal__dialog__header-right" }, h("button", { key: '58891bff498f89f768cce4f47e4f645f30e7cdad', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, h("b2b-icon", { key: '13e59be8efad1023f31dfa312587e35ef8d9fe67', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), h("div", { key: '924bef84d6894ce17a3d66a2d9b23f691b9223cd', class: "b2b-modal__dialog__body" }, h("slot", { key: 'b07dc09829fac404e024d088ac2d81077e8324a5' })), h("div", { key: '7433546732ce4e1328cf69f2854f9fa28b0a9fdd', class: "b2b-modal__dialog__footer" }, h("div", { key: 'c27513e66a231d28fe1daa43161314c618ba796b', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: '7a6207d701937ba3862556baf8bd3fc7d0a5723a', name: "footer-left" })), h("div", { key: '987111726c944467252370d3584cfc48abe73fd4', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: '2937656f11a5f6ab715790635d36ece40f87ce98', name: "footer-right" })))), h("div", { key: '4dda8705d09b21f15472bc1b0971d50dd8c3b9bb', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: 'b8097e7b4bcbada1bec1e937296567e01042cf3d', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -28,7 +28,7 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
             return Array.from(this.hostElement.shadowRoot.querySelectorAll('b2b-multiselect-option')).slice(1);
         };
         this.renderChips = () => {
-            return this.selectedValues.map((option, index) => {
+            return this.currentSelectedValues.map((option, index) => {
                 if (index < this.maxOptionsVisible) {
                     return (h("b2b-chip-component", { label: option, value: option, "onB2b-close": this.handleChipClose }));
                 }
@@ -48,14 +48,14 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
         this.handleSelectedChange = event => {
             const newOption = event.detail.selectedOption;
             if (event.detail.selected) {
-                this.selectedValues = [...this.selectedValues, newOption];
+                this.currentSelectedValues = [...this.currentSelectedValues, newOption];
             }
             else {
-                this.selectedValues = this.selectedValues.filter(el => el !== newOption);
+                this.currentSelectedValues = this.currentSelectedValues.filter(el => el !== newOption);
             }
         };
         this.handleChipClose = event => {
-            this.selectedValues = this.selectedValues.filter(el => el !== event.detail.value);
+            this.currentSelectedValues = this.currentSelectedValues.filter(el => el !== event.detail.value);
             this.updateOption(event.detail.value);
             this.resetFocus();
         };
@@ -68,7 +68,7 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
             // Deselect all to avoid caching issues in Vue
             options.forEach(option => (option.selected = false));
             options
-                .filter(option => this.selectedValues.includes(option.option))
+                .filter(option => this.currentSelectedValues.includes(option.option))
                 .forEach(option => (option.selected = true));
         };
         this.setElementOnFocus = () => {
@@ -109,10 +109,10 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
             }
             if (newVal) {
                 // filter out duplicates
-                this.selectedValues = Array.from(new Set([...this.selectedValues, ...newVals]));
+                this.currentSelectedValues = Array.from(new Set([...this.currentSelectedValues, ...newVals]));
             }
             else {
-                this.selectedValues = this.selectedValues.filter(option => !newVals.includes(option));
+                this.currentSelectedValues = this.currentSelectedValues.filter(option => !newVals.includes(option));
             }
         };
         this.updateSelectAll = (options) => {
@@ -124,16 +124,20 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
         };
         this.label = undefined;
         this.placeholder = undefined;
+        this.selectedValues = [];
         this.optionsList = [];
         this.searchPlaceholder = undefined;
         this.selectAllLabel = undefined;
         this.maxOptionsVisible = 8;
-        this.selectedValues = [];
+        this.currentSelectedValues = [];
         this.currentList = this.optionsList;
         this.value = '';
         this.isElementFocused = false;
         this.hasOptionList = this.optionsList.length > 0;
     }
+    componentWillLoad() {
+        this.currentSelectedValues = this.selectedValues.filter(value => this.optionsList.includes(value));
+    }
     /** Needed to trigger a re-render for async data */
     watchPropHandler(newList) {
         this.hasOptionList = newList.length > 0;
@@ -141,8 +145,8 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
             this.currentList = newList;
         }
     }
-    handleSelectedValuesChange() {
-        this.b2bChange.emit(this.selectedValues);
+    handleSelectedValuesChange(newValues) {
+        this.b2bChange.emit(newValues);
     }
     componentDidUpdate() {
         const options = this.getOptions();
@@ -150,36 +154,37 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
         this.updateSelectAll(options);
     }
     render() {
-        return (h(Host, { key: 'cbbdb945dffb739b2c6c8169dc6ae1255c9973ed', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: 'a71be7e938a7521065e1b7b37d49b07b583befb3' }, this.label), h("div", { key: '20c556fa0cdc2865aceba7b2727123dbfdcc9421', class: {
+        return (h(Host, { key: 'daeee1f39392ed4b83f2c51a90a1971dcbbb2843', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '7733bc1155f8eafdd14dc066d545f8aaef609fa7' }, this.label), h("div", { key: 'a68d14971e947a23fd60684eb91919ac71814fe1', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isElementFocused,
-            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.selectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), h("b2b-icon", { key: 'd85fb652335ecf99e8ee48126593ecd99105f29c', icon: "b2b_icon-arrow-down" })), h("div", { key: '0adc8f117cf037d3416b80ba6192afcea055cea4', class: {
+            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), h("b2b-icon", { key: 'd4e290f3b03cb805d525f8896709f1fe48e9b455', icon: "b2b_icon-arrow-down" })), h("div", { key: 'd9578e28d9fe2f33c4010ad664f7d1f0abb62864', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
-            } }, h("div", { key: '7b175e22e92f60656470aaa914b9b0ff5edb9728', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: '232d88bc64fc03ed6484ee6c1af5ea3a79fbf380', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '4440e347e3e53a910d74c38017abaa18cd3e9479', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: 'a5e7f37b2f02023e1191f09a7f7bc3b25ac6e520', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, h("div", { key: '2bcc252dda29ff86e8c3867c78e43b46ef596709', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: '5e3d3cc7aee8f2ba8d654959b901863c9e02b266', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: 'be3b6becbcb710cbab950c55ffc5c11b2ea7319f', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '8ecde85fc975c9abc10ec89e77278547852055ea', 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 })))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {
         "optionsList": ["watchPropHandler"],
-        "selectedValues": ["handleSelectedValuesChange"]
+        "currentSelectedValues": ["handleSelectedValuesChange"]
     }; }
     static get style() { return B2bMultiselectDropdownStyle0; }
 }, [1, "b2b-multiselect-dropdown", {
         "label": [1],
         "placeholder": [513],
+        "selectedValues": [16],
         "optionsList": [16],
         "searchPlaceholder": [1, "search-placeholder"],
         "selectAllLabel": [1, "select-all-label"],
         "maxOptionsVisible": [2, "max-options-visible"],
-        "selectedValues": [32],
+        "currentSelectedValues": [32],
         "currentList": [32],
         "value": [32],
         "isElementFocused": [32],
         "hasOptionList": [32]
     }, undefined, {
         "optionsList": ["watchPropHandler"],
-        "selectedValues": ["handleSelectedValuesChange"]
+        "currentSelectedValues": ["handleSelectedValuesChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/b2b-pagination.js

@@ -108,7 +108,7 @@ const PaginationComponent = /*@__PURE__*/ proxyCustomElement(class PaginationCom
         };
     }
     render() {
-        return (h("nav", { key: '8fddf2f36e6b3bb9067a55abe37896a341d7d04c' }, h("ol", { key: '1d34552bd23a4263d809213f5e6debbd920ce6e3', 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 }, PaginationConstants.BACK))), this.navItems.map((navItem, index) => {
+        return (h("nav", { key: '8fa4e333ccf87ae1533fb06433459926b5e01907' }, h("ol", { key: 'ab31cd8b5a958c174868753b274f5a9633757b54', 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 }, 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 }, PaginationConstants.NEXT))))));

package/dist/components/b2b-paragraph.js

@@ -13,12 +13,12 @@ const ParagraphComponent = /*@__PURE__*/ proxyCustomElement(class ParagraphCompo
         this.align = 'left';
     }
     render() {
-        return (h("p", { key: 'e864682f09f3cabdf50b2201cb7f25c6f00ab499', class: {
+        return (h("p", { key: '116744e495658dd8f36730ae2660e66a65faaabc', class: {
                 'b2b-paragraph': true,
                 ['b2b-paragraph--size-' + this.size]: true,
                 ['b2b-paragraph--weight-' + this.weight]: true,
                 ['b2b-paragraph--align-' + this.align]: true,
-            } }, h("slot", { key: 'e9600fb127829d08c586a1c225b7c9402d2a71d6' })));
+            } }, h("slot", { key: '276a51b52de920e5a0a2114cd49919c2d78d1dcd' })));
     }
     static get style() { return B2bParagraphStyle0; }
 }, [1, "b2b-paragraph", {

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: 'eba41d453db7f7c7e6c4676c9a8accbfc3545024' }, h("div", { key: '788a583e5f03f187d9d7f36eb5b84d76e6a0384c', class: {
+        return (h(Host, { key: '0a39b6b14e428d976a25f93a0e46319428b5d494' }, h("div", { key: '4c7aabd29013863f86e158147098253b135b46b1', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, h("div", { key: '6fe01b899839a19ef6f32f709fffe1837cc311df', class: "b2b-progress-bar__wrapper" }, h("div", { key: '708abc424bd46b4a5ab8b617af254b8f8186cd0b', class: "b2b-progress-bar__progress", style: {
+            } }, h("div", { key: '19b9840ce6204727dab53ef2d6b73092bfeaef36', class: "b2b-progress-bar__wrapper" }, h("div", { key: 'd60e6051f10c38d6708f0e35c45901cb5a7a30fc', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), h("div", { key: '33f3f13217dc6be084438cadd1dd3f6b03eb4d52', class: {
+            } })), h("div", { key: '45ef8e099ae071712e67f7175dc409780621c4cc', 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: '88075326af9c340bef7db152eac07f8e6f9a44a2', onClick: this.onClick }, h("div", { key: '581916ce84cf61518661b0576d3351b962b2d91a', class: {
+        return (h(Host, { key: 'e9f470e9014b1cd2e062a56fe3acefbb7fbce41e', onClick: this.onClick }, h("div", { key: 'dfbf91527d2ddcacb765e5642d3b01cdfa90f482', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, h("div", { key: 'e473bc87194e5023dca904970ad8af3079e8d517', class: "b2b-radio-items" }, h("input", { key: 'b99434879eae76aeb63a0e2085707456f12765bf', 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: 'e1a7eac512b4da7d8a87773cc2c928258f32be8b', id: this.name, required: this.required, disabled: this.disabled }, this.label)), (this.hint !== undefined && !this.invalid) ||
+            } }, h("div", { key: '9f31bd15de285e3f95f7493a2b38b8c30b88eb56', class: "b2b-radio-items" }, h("input", { key: '10224be09adc48cb363a40556248e7bb3fe1a542', 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: '39a120a1a44a1327c2123149ef22bfd356fc79e4', id: this.name, required: this.required, disabled: this.disabled }, 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

@@ -75,11 +75,11 @@ const RadioButtonGroupComponent = /*@__PURE__*/ proxyCustomElement(class RadioBu
         this.removeChildText();
     }
     render() {
-        return (h(Host, { key: '9af9e4cc3f922d51335b08747385d61fe30f6fff' }, h("div", { key: 'a258d462eae3b01193eff095f7ccc817230bae86', class: {
+        return (h(Host, { key: '55d628ab2c309c6001047fc70b21a78be453e7f4' }, h("div", { key: 'af11a6b06351922eecc52799adcea891466b8420', class: {
                 'b2b-radio-group': true,
                 'b2b-radio-group--error': this.invalid && !this.disabled,
                 [`b2b-radio-group--${this.alignment}`]: true,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("fieldset", { key: '96a4840624fe0e1bab24480f13bd12e0c31185c3' }, h("div", { key: '6100d2c539e00138429c96ef0d5f87ecd05993a8', class: "b2b-radio-group-options" }, h("slot", { key: '661621f3383738c465545e249b7bd3bda18f3b86' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("fieldset", { key: 'fb4c191577566aad73e03effd5112a2356e05195' }, h("div", { key: '647d4df01ec64fc444897c2795073d5e629c2b1b', class: "b2b-radio-group-options" }, h("slot", { key: '3bfe34c9d3d6c1059554789a15a3c65b2d2251df' }))), (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: '989e81600d0748d74b57f59df342bdb8ea1646ef' }, h("div", { key: '558b14f88f32f0b21c423554290fbe72c4fa9696', class: "b2b-required-separator__label" }, h("span", { key: '65a8ed5c4af4d0e3aee00785727aad0a74eb0323', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: 'e170084c3b0d4447a9d151b17422479f78a3f6b7' }, this.label)), h("b2b-separator", { key: '42b320e566f4f7594d87f930438b3b0ba8662b7f' })));
+        return (h(Host, { key: '980ff451bc77415b4be2e6483913c25230df71c8' }, h("div", { key: '3372d15f1c22487cf5410ebb7ecd12fa2e040a3e', class: "b2b-required-separator__label" }, h("span", { key: 'fb94d9c46ea930c3d1481bdffe3fa3ff994521fd', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: '4dd2f2f6f2718683a1398f60b5a50a02d103821b' }, this.label)), h("b2b-separator", { key: '093bb2473e62a0b57d535cc9a7652e93e06ec47f' })));
     }
     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: '234c8e341e9dc85b7c8d7fc742445f61045b9cf6' }, h("slot", { key: 'd67a95c9c3a1a9f7ac75924d639c095578fcb2f1' })));
+        return (h(Host, { key: 'cf1acdef7e26ad1d85bde804d4a3d51ceabe38c8' }, h("slot", { key: '5ec43c51cdac7a67ce146859ac0398ecca013852' })));
     }
     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: '08be0d3238571d8a4e268d7a54d382114cd05ab4' }, h("b2b-input-group", { key: 'dbba9867d3b05f80edbf79973ca51cd9d7c9ec73', disabled: this.disabled }, h("b2b-input-list", { key: 'fec8bfb0012836b4ff458569130a016d36bbef2b', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: '04bdd57ddbbde6f5f41f4704a2bbfa048df32aed' })), h("b2b-button", { key: '7e4d662ed1fd9423e77ee8e89beda95367f0a4a2', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '71cdddf774b0e58efc0976e7d3505aad4d8da88b', icon: "b2b_icon-search", clickable: true })))));
+        return (h(Host, { key: '6d7613cdd4db258a966144d82e39d12e03d68e03' }, h("b2b-input-group", { key: '2d2c92286f0ca1de3eedeedfd3450de6df646ff2', disabled: this.disabled }, h("b2b-input-list", { key: '8bd4b9debfed77a5692f35efab78842279f0cb01', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: '70e790224ee58ce4b1fecdeaa97fcb9d83d7bf28' })), h("b2b-button", { key: '18e56ed573a9a5213dbcbc656932921e2b834295', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: 'ea1b114947eb214743793cdffa34ea400b1934b8', icon: "b2b_icon-search", clickable: true })))));
     }
     get hostElement() { return this; }
 }, [1, "b2b-search", {

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

@@ -127,7 +127,7 @@ const B2bTabGroupComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabGroupC
         });
     }
     render() {
-        return (h(Host, { key: '78f75532d4293cde9bb93f4351b3796482b72215' }, h("slot", { key: 'e2ddc95c558c4bd3d6c20b6e486af19c9d329885', name: "tab" }), h("b2b-separator", { key: 'a36eacb8a0261dbf6e246d71fd8466382a9ee05b' }), h("slot", { key: 'e248f04a007332dbb1e85f611bcd99ed27b80005', name: "panel" })));
+        return (h(Host, { key: '33a3227fb2b349613aaeb8ae7eca0bb785182086' }, h("slot", { key: '6538635cfb20b9ed81cd522aecfdfe407bc96268', name: "tab" }), h("b2b-separator", { key: 'b221b6f6581909562c04e46aca9215e8636d7795' }), h("slot", { key: 'e3b6b0493ee708c91eab561a63445bd9475a90c8', 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: '21c1a2f24c9ee1f0babba93fa74c3ab3c5988fed', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '914b83997c2ba52d736c2877d282cb7d5fb1069a', class: "b2b-tab-panel" }, h("slot", { key: '7d1d9a06f59db5155b43ca96bfcfd0b9a69efd31' }))));
+        return (h(Host, { key: 'ad413e9abc62b193c83e31dcc54da1ef3aa2c747', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '8227beb87efef5909ec6a83800f934fa6c601be3', class: "b2b-tab-panel" }, h("slot", { key: '98e8124154d255065c9b5ca6984034f010eafe68' }))));
     }
     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: '6d5be8814e75d606b3f8385de1cea8e6b9d21f63', 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: 'b265042eb5f07e061bf2356d9597a93e8ca06272', class: {
+        return (h(Host, { key: 'd17372258d62a1652fc8b45af56cee6fc7901c37', 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: '3064b699713fe46da63b7b7558911838ffc758db', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, h("slot", { key: '4b152f8b681d68d14be67da8c0f9729d4a3fb161' }))));
+            } }, h("slot", { key: 'e9219b68d0ff9e572a07e800589f623f732a6895' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -105,12 +105,12 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
         }
     }
     render() {
-        return (h(Host, { key: 'd9b494cbf3558330f029597c1d616a0e26d2bb97', class: {
+        return (h(Host, { key: 'a9066c8505c69a1e63136875e28ab9917d9f758f', 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: '5346366cdf15aa6e902dcbc1c21c30c16c6fe4c7' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: '52ac4da879258e21c1543f94cdec62bc94884328' })));
     }
     get hostElement() { return this; }
     static get style() { return B2bTableRowStyle0; }