@otto-de/b2b-core-components 1.16.0 → 1.17.0

package/dist/collection/components/flyout-menu/flyout-menu-option.js

@@ -16,7 +16,7 @@ export class FlyoutMenuOptionComponent {
         }
     }
     render() {
-        return (h(Host, { key: 'df9feb52a422216e9d4f6c38f8b880dad91d9d21', class: {
+        return (h(Host, { key: '28f1e7f603120f7e2c5d9e15685505796d249d84', class: {
                 'b2b-flyout-menu__option': true,
                 'b2b-flyout-menu__option--disabled': this.disabled,
                 'b2b-flyout-menu__option--separator': this.separator,

package/dist/collection/components/flyout-menu/flyout-menu.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/flyout-menu/flyout-menu.js

@@ -130,12 +130,12 @@ export class FlyoutMenuComponent {
         options[index].focus();
     }
     render() {
-        return (h(Host, { key: 'e36d8a784f82bb6bd40fc5a8a8483c7ad5c25af3' }, h("div", { key: '793eec3a26a6fa3ae0a2d271a1c749f8aafd5c97', class: {
+        return (h(Host, { key: '476aab5302f63eb5b0b53ae8430570c2c3d0d579' }, h("div", { key: '731fa9d43ab22557855da4ff971db304ccdf85dc', class: {
                 'b2b-flyout-menu': true,
-            } }, h("div", { key: '96888cb9a1092ee95a6a51744ee4d2c9abcc5757', class: "b2b-flyout-menu__trigger" }, h("slot", { key: 'bfd8165d47e1537107530cf09b96cd482d7a76d0', name: "trigger" })), h("div", { key: '09ba18f51ce90489e8e97556a1eab48559edb07f', onFocusout: this.blurMenu, class: {
+            } }, h("div", { key: 'fc04fda1292925883ad13635ef30a3419bb25e4d', class: "b2b-flyout-menu__trigger" }, h("slot", { key: '47d5e464c38b7313fdf25682408ea50c5ad71ab4', name: "trigger" })), h("div", { key: 'bf6c7c0c005ba3b0b584d51c0033c7afda09b2fe', onFocusout: this.blurMenu, class: {
                 'b2b-flyout-menu__options__container': true,
                 'b2b-flyout-menu__options__container--on': this.opened,
-            } }, h("div", { key: '51afcd7545a6a988290a9c45057e8491732e9609', class: "b2b-flyout-menu__arrow" }), h("slot", { key: '87569322d879c7a87ae9db02537fd90a7395b3e8', name: "option" })))));
+            } }, h("div", { key: '7fd4e04f573aa7aeea7e5638e2f2ae664e44e947', class: "b2b-flyout-menu__arrow" }), h("slot", { key: '4e80b6752f017385a92f0a5a2fa7beae314c3833', name: "option" })))));
     }
     static get is() { return "b2b-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/grid/column.js

@@ -24,7 +24,7 @@ export class B2bGridColumnComponent {
         this.textAlign = 'left';
     }
     render() {
-        return (h(Host, { key: '961d47cfb1b74852145eebb2679676755899a14a', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: 'ffd12518cb08b04ef6a0db4b915719a848ff0aaf' })));
+        return (h(Host, { key: 'adc6b55dcffee8137649797d90001305e0c09118', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: 'cf855df802ea23e5dc748831706a2ba90d6fd3dc' })));
     }
     static get is() { return "b2b-grid-col"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/grid/grid.js

@@ -4,7 +4,7 @@ export class B2bGridComponent {
         this.margin = 24;
     }
     render() {
-        return (h(Host, { key: '0413fb6677fea801c46f2497cd3d472c9b08e3c6', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: '7787a48252271e16f5e02f73047f31540c1aff02' })));
+        return (h(Host, { key: 'fbfee6601a0768961204e9bcc9d720c902641f55', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: 'ee658a5643b1d5d9a09afefbd110ee8f0bfdc18e' })));
     }
     static get is() { return "b2b-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/grid/row.js

@@ -7,7 +7,7 @@ export class B2bGridRowComponent {
         this.justify = 'start';
     }
     render() {
-        return (h(Host, { key: '5f324fe433848ce5802e861ab4f295575486a4c2', style: {
+        return (h(Host, { key: 'a44034babe40107c9f5f83d19c70736be7c13f4e', style: {
                 ['justify-content']: `${this.justify}`,
                 ['gap']: `${this.columnGap}px`,
                 ['margin']: `${this.rowGap}px 0`,
@@ -15,7 +15,7 @@ export class B2bGridRowComponent {
                 ['display']: 'flex',
                 ['flex-wrap']: 'wrap',
                 ['box-sizing']: 'border-box',
-            } }, h("slot", { key: '685130b0b771fd3e2c846efb0590f39f640ded56' })));
+            } }, h("slot", { key: 'a28703ad381919403ebd72ee0a3be5635bd1068b' })));
     }
     static get is() { return "b2b-grid-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/headline/headline.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input/input.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input/input.js

@@ -76,18 +76,18 @@ export class InputComponent {
         this.getSlottedText();
     }
     render() {
-        return (h(Host, { key: '22f14fab2036dd16b009ae60efe64d437331f5a7', class: {
+        return (h(Host, { key: 'e6c08205adba93f5dacaa3b9ae956b1f726480b0', class: {
                 'b2b-input': true,
                 'b2b-input--error': this.invalid && !this.disabled,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '2279e5df7e36354c70299289c638beb3ca64941a', class: {
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '5461d6f694871240066b50cd026381e74de02dcd', class: {
                 'b2b-input__wrapper': true,
                 'b2b-input__wrapper--focused': this.hasFocus,
                 'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
-            } }, h("slot", { key: '9ad9505c66f7df5ebc47834a1f6e3969c2dc302f', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'e1a5c24b05717a9f21c85811337928e5eb6a6aac', class: {
+            } }, h("slot", { key: '838c766e9b106eaef8bc4773bfb797f41605843e', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'fa104e69604a260e37b87c2c271f67e1049f6d0b', class: {
                 'b2b-input__native-input': true,
                 ['b2b-input__native-input--align-' + this.inputTextAlign]: true,
                 'b2b-input__native-input--disabled': this.disabled,
-            }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '0990ac8caea69496870bb2be9ad13f8c396d80ae', name: "end" })), (this.hint !== undefined && !this.invalid) ||
+            }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '337528c8f1da7648c426886551120c6fcc605fc7', name: "end" })), (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)) : ('')));
     }
     static get is() { return "b2b-input"; }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -56,7 +56,7 @@ export class B2BInputGroup {
         }
     }
     render() {
-        return (h(Host, { key: '697a9aa57b4c84fa5c3a55225b695cf6684c6279' }, h("div", { key: 'decb2d1ccaa48f832c8fd88e3dd65f51d532f1aa', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '1763b9e857b58f8fe163cf7d69229f542a9d17b2', name: "start" }), h("slot", { key: '4bdeec6b19801eb683d43fd586f853a7863f8540' }), h("slot", { key: '43e2bf3b43250f41210eec5b8abe6919e12ac571', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
+        return (h(Host, { key: 'd1a1de32301c87ca992079aa51cd852c495834c7' }, h("div", { key: '153380f6335f6798c0c5b66c7fa3d210f279c608', class: { 'b2b-input-wrapper': true } }, h("slot", { key: 'bc44e2403e9fd7b62b4e5a6a7803525b93d015d4', name: "start" }), h("slot", { key: '4f05ab139f36b432431e606490c765ce3ef219d7' }), h("slot", { key: '152982745b2849e70ce339d85d86485f9cdee48a', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
                 'b2b-input-wrapper__hint': true,
                 'b2b-input-wrapper__hint--error': this.invalid && !this.disabled,
             } }, this.invalid && !this.disabled ? this.error : this.hint))));

package/dist/collection/components/input-label/input-label.js

@@ -5,11 +5,11 @@ export class InputLabelComponent {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'f3ee35931ef52504cad7065e84f5682ea2797104' }, h("label", { key: '560dab843355abd80e26603b098c402ac6bf164d', class: {
+        return (h(Host, { key: '678e58635983721baf51e81727a78c55fd35042a' }, h("label", { key: '2f16c854d4910a071cded385253ad603c474e3ae', class: {
                 'b2b-input-label': true,
                 'b2b-input-label--required': this.required,
                 'b2b-input-label--disabled': this.disabled,
-            } }, h("slot", { key: '3731ae93d587f2cb6b8e12baec2e69ecc12d64f2' }))));
+            } }, h("slot", { key: '80932ca49a275048ce1ff892cd364e61832c8698' }))));
     }
     static get is() { return "b2b-input-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class InputListOptionComponent {
         }
     }
     render() {
-        return (h(Host, { key: '836ae2a7b30d6fca56835bec01b5ca4ba0109793', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
+        return (h(Host, { key: 'a15a0976c03534b47a7350a1d711c041a56be359', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
     }
     static get is() { return "b2b-input-list-option"; }
     static get originalStyleUrls() {

package/dist/collection/components/input-list/input-list.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -137,13 +137,13 @@ export class InputListComponent {
     */
     render() {
         const groupOrderClass = this.getGroupOrderClassName() || '';
-        return (h(Host, { key: '021e88a7b85456c1fdecd2bc26c421031836f335', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: 'd199f7d6da4ce8651a59028cdbd2563900fa07e0', class: {
+        return (h(Host, { key: '2a2b0afc5b73c7211247c523e51e6d637e3e1f10', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: 'f1878924e5ee06707482ebab84ddf236aa62be64', class: {
                 'b2b-input-list': true,
                 'b2b-input-list__options-on': this.hasOptionList &&
                     this.isElementFocused &&
                     Boolean(this.value),
                 [groupOrderClass]: true,
-            } }, h("b2b-input", { key: '28a22585201412e70911183673a71950fb69e404', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
+            } }, h("b2b-input", { key: '38a9b9369756cc2ff9e9d4fe551155af1b9890f9', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
     }
     static get is() { return "b2b-input-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/label/label.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/label/label.js

@@ -4,10 +4,10 @@ export class LabelComponent {
         this.type = 'neutral';
     }
     render() {
-        return (h("span", { key: 'a3c0cc8abed4982328f177460cecc93f4ec8ff71', class: {
+        return (h("span", { key: '016a37426c256881557a80013caf2b131e45805c', class: {
                 'b2b-label': true,
                 [`b2b-label--${this.type}`]: true,
-            } }, h("slot", { key: 'a42ee69ab239b15001e220a334aa693aff0118c7' })));
+            } }, h("slot", { key: '9b0c99450388a0f44e1682e1c959776131bdecfd' })));
     }
     static get is() { return "b2b-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/modal.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/modal/modal.js

@@ -82,10 +82,10 @@ export class ModalComponent {
         this.attemptFocus(this.getFirstFocusableElement());
     }
     render() {
-        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: {
+        return (h(Host, { key: '5bd9bfb06f284ff43ed00f4b8312533d4557034b' }, h("div", { key: 'bd1e213955e5129db787ac5deb798e2520bb2a38', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, h("div", { key: '38460346e59ae1679af9d745eb55e45a2f580bf7', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), h("div", { key: '09ecdbdaed4b6a135810469b55b6a554250492fd', class: {
                 'b2b-modal__dialog': true,
                 [`b2b-modal__dialog--${this.variant}`]: true,
-            } }, 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 }))));
+            } }, h("div", { key: '07f02da5e3d9a692ac13591ef0bd151611658dac', class: "b2b-modal__dialog__header" }, h("div", { key: 'bb416331a33d2fb8bd2699da1ae60f337802ac03', class: "b2b-modal__dialog__header-left" }, h("b2b-headline", { key: '7b6ca2718fee5a5f0e9c68bc4c7d7369aa076798', align: "center", size: "200", noMargin: true }, this.heading), h("slot", { key: 'f49eba5a02901b361a93ba1bf0b86d7fa85cc271', name: "header-icon" })), h("div", { key: 'd188df3c47771ea22f4d86a262c1655617eeef86', class: "b2b-modal__dialog__header-right" }, h("button", { key: '5d3779fc527982e7bd1b72b0aa3591e802483f52', 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: '5b1874355079c976b60e170da079adba5d242092', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), h("div", { key: 'de2c3c1bd2db5a9e6e7c05f412f2e52b01e6da87', class: "b2b-modal__dialog__body" }, h("slot", { key: '2133df17353f1ae1791b875fa1b616c8c2a8be53' })), h("div", { key: 'fc940582a01b28a86b6abdc1554dbfaef056e5ee', class: "b2b-modal__dialog__footer" }, h("div", { key: '842bd4abc05a189348b13d5cad6652dd3eaac048', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: '089aea2e787f66fe5efccad23eb2c63e0ac5d9c8', name: "footer-left" })), h("div", { key: '59a97116777b4d7d1517220c1bd37f9bba7653b4', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: '639ce0efe103ea0c2f7e5d930ab335884e8c7947', name: "footer-right" })))), h("div", { key: 'eb42810a65b73211f2437af9f7137de0bf4a5a0c', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: '9e289cffd2529a53ee390ad815e118b35a32c1e6', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
     }
     static get is() { return "b2b-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -141,13 +141,13 @@ export class B2bMultiSelectDropdown {
         this.updateSelectAll(options);
     }
     render() {
-        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: {
+        return (h(Host, { key: '1a8ca50730e9be35d4e02155a728bde7a950d521', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '2f532ff808f401dbf0e60de63b41b7bc75c786b1' }, this.label), h("div", { key: '9b7d708bd9cfa8365fac138a3a355bd436c62384', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isElementFocused,
-            }, 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: {
+            }, 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: '9fef7ebb99fccb302bb68e602ac3edb2cfd50e6f', icon: "b2b_icon-arrow-down" })), h("div", { key: '724e740fc4f0b7e16095b2fbb5c836aa10cd56f0', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
-            } }, 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 &&
+            } }, h("div", { key: '6e6fbff1c1009d9454c432ba12d0dc7ada0e335b', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: 'b9800273be5e1b2a7270e89d0421bac8619317f2', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: 'cc52025e06277156338a098e8e1939a45367f060', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '6f02ecc6c4787fcf400580d8dc6c2eab6ec5a3c9', 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 })))))));
     }
     static get is() { return "b2b-multiselect-dropdown"; }

package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js

@@ -13,9 +13,9 @@ export class B2bMultiSelectOption {
         this.indeterminate = false;
     }
     render() {
-        return (h(Host, { key: '203177a3042f3914563e5909d13b3a3e84636d44', role: "option", class: {
+        return (h(Host, { key: '19d6b46ff519d49226ba1e113e206180520c5ae5', role: "option", class: {
                 'b2b-multiselect-dropdown__option': true,
-            } }, h("b2b-checkbox", { key: 'e5cf6ff54a4b6748cf387c9e901cc872e7613553', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: this.option, indeterminate: this.indeterminate, value: this.option })));
+            } }, h("b2b-checkbox", { key: '2724bb0ccab25c9d28c2ae59d21c02165f97c446', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: this.option, indeterminate: this.indeterminate, value: this.option })));
     }
     static get is() { return "b2b-multiselect-option"; }
     static get originalStyleUrls() {

package/dist/collection/components/pagination/pagination.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/pagination/pagination.js

@@ -92,7 +92,7 @@ export class PaginationComponent {
         };
     }
     render() {
-        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) => {
+        return (h("nav", { key: 'ef3a8d7c330c746ab003fea70100c0cb68b3f237' }, h("ol", { key: 'a327642f2638275ed7bdf4682b2999d6d014b7e4', 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/collection/components/paragraph/paragraph.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/paragraph/paragraph.js

@@ -10,12 +10,12 @@ export class ParagraphComponent {
         this.align = 'left';
     }
     render() {
-        return (h("p", { key: '116744e495658dd8f36730ae2660e66a65faaabc', class: {
+        return (h("p", { key: '5613c3fb597816ee079655f6c665ece0ca122e45', 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: '276a51b52de920e5a0a2114cd49919c2d78d1dcd' })));
+            } }, h("slot", { key: '8815d57f3260f8138815d51bcc80761516d68b27' })));
     }
     static get is() { return "b2b-paragraph"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-bar/progress-bar.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -17,11 +17,11 @@ export class ProgressBarComponent {
     }
     render() {
         const labelExists = this.label !== undefined && this.label !== '';
-        return (h(Host, { key: '0a39b6b14e428d976a25f93a0e46319428b5d494' }, h("div", { key: '4c7aabd29013863f86e158147098253b135b46b1', class: {
+        return (h(Host, { key: '68e13839be23251999368f88bdf148bb34dc6098' }, h("div", { key: 'd256d3032c4b39741cc93beeefcef1d7d0fd6af2', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, h("div", { key: '19b9840ce6204727dab53ef2d6b73092bfeaef36', class: "b2b-progress-bar__wrapper" }, h("div", { key: 'd60e6051f10c38d6708f0e35c45901cb5a7a30fc', class: "b2b-progress-bar__progress", style: {
+            } }, h("div", { key: 'b79fb8c2d199017a0ac7f4114c6f4d51fb1eaf96', class: "b2b-progress-bar__wrapper" }, h("div", { key: '6cf5c6e2200e31bd136c49a8da4be469d9730ff3', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), h("div", { key: '45ef8e099ae071712e67f7175dc409780621c4cc', class: {
+            } })), h("div", { key: '49971a61427cba628616659c0ef6401229c7800e', class: {
                 'b2b-progress-bar__label': labelExists,
                 'b2b-progress-bar__label-none': !labelExists,
                 [`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]: labelExists,

package/dist/collection/components/radio/radio.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/radio/radio.js

@@ -53,11 +53,11 @@ export class B2bRadioButtonComponent {
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (h(Host, { key: 'e9f470e9014b1cd2e062a56fe3acefbb7fbce41e', onClick: this.onClick }, h("div", { key: 'dfbf91527d2ddcacb765e5642d3b01cdfa90f482', class: {
+        return (h(Host, { key: '1ee38049ef961f4ee1ca547eaa90ec01dd31988d', onClick: this.onClick }, h("div", { key: 'f8cede2b2b17a0f90e4fd74ee495c718bfec6a1b', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, 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) ||
+            } }, h("div", { key: '168ac105466917de0458f43a438b1abc6e5aa506', class: "b2b-radio-items" }, h("input", { key: '3cbc7d5b471ba85dc5b56345161255341888bc49', 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: '098b73df22e9731668accbd8d33b3b187eacb5a5', 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)) : (''))));
     }
     static get is() { return "b2b-radio-button"; }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -66,11 +66,11 @@ export class RadioButtonGroupComponent {
         this.removeChildText();
     }
     render() {
-        return (h(Host, { key: '55d628ab2c309c6001047fc70b21a78be453e7f4' }, h("div", { key: 'af11a6b06351922eecc52799adcea891466b8420', class: {
+        return (h(Host, { key: '0cddf61a7073779da898be2f713fea5badb88df8' }, h("div", { key: 'de8b301447c6d28f60271c50be4423df22bab264', 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: 'fb4c191577566aad73e03effd5112a2356e05195' }, h("div", { key: '647d4df01ec64fc444897c2795073d5e629c2b1b', class: "b2b-radio-group-options" }, h("slot", { key: '3bfe34c9d3d6c1059554789a15a3c65b2d2251df' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("fieldset", { key: '8afdebb0fad7721ae56ed49e1a849479d9cfcefe' }, h("div", { key: '1701e793e7eb05705eaba049600886fc3e7aaa9a', class: "b2b-radio-group-options" }, h("slot", { key: 'bffdecd4848e5ed933098e58e0d15015cb79abb5' }))), (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)) : (''))));
     }
     static get is() { return "b2b-radio-group"; }

package/dist/collection/components/required-separator/required-separator.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:00 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 09 Oct 2024 07:06:26 GMT
+ * Generated on Thu, 24 Oct 2024 12:35:01 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */