@otto-de/b2b-core-components 1.20.0 → 1.22.0

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

@@ -65,11 +65,11 @@ const B2bRadioButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (index.h(index.Host, { key: 'e18102a2fb0a1386273ade95e4a7bffa17466755', onClick: this.onClick }, index.h("div", { key: '3ab98b94c94b3e027e673247245c7012d3f9bc86', class: {
+        return (index.h(index.Host, { key: 'c6a48de040535714aa894821869b17a09bd7c0bc', onClick: this.onClick }, index.h("div", { key: 'c7330bbaad0413b440b630607a7f036ae4ede8bd', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, index.h("div", { key: 'd81ed252709872fb297fba2a497fb045f35285ac', class: "b2b-radio-items" }, index.h("input", { key: '7a914994f7ac1ae1e61e1d7f22f950fb6b1aff8c', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), index.h("b2b-input-label", { key: '9509f79a63adce1a01a549bd41656df1b81ead7a', id: this.name, required: this.required, disabled: this.disabled }, this.label)), (this.hint !== undefined && !this.invalid) ||
+            } }, index.h("div", { key: 'fa4653ef9abfffb7bccc3450d5fd024a3167297c', class: "b2b-radio-items" }, index.h("input", { key: '0ada5794f7abd8f5a10078e06a6d0ad8a2d2053e', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), index.h("b2b-input-label", { key: '1486659420211964f3a59c4465717170eaffb7ec', id: this.name, required: this.required, disabled: this.disabled }, index.h("slot", { key: 'deac0ee6f41f57b312837c8e24534f0e9416144b', name: "label" }, this.label))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
     }
     get host() { return index.getElement(this); }

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

@@ -70,17 +70,20 @@ const RadioButtonGroupComponent = class {
     disabledChanged() {
         this.toggleAllDisabled();
     }
+    componentWillLoad() {
+        this.labelSlot = this.host.querySelector('[slot="label"]');
+    }
     componentDidLoad() {
         this.toggleAllError();
         this.toggleAllDisabled();
         this.removeChildText();
     }
     render() {
-        return (index.h(index.Host, { key: 'ce3087acd7805720be6f5b2524dad8c9b6757e92' }, index.h("div", { key: '262e2d35c6091a5bb12f9f339b5177393a07591f', class: {
+        return (index.h(index.Host, { key: '7d9c1d82a8e36e51555112beb36140829d971c22' }, index.h("div", { key: 'c3a003fe8e873cdcf0f998087fb9ca88cd8cf829', class: {
                 'b2b-radio-group': true,
                 'b2b-radio-group--error': this.invalid && !this.disabled,
                 [`b2b-radio-group--${this.alignment}`]: true,
-            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("fieldset", { key: '1e90558b69774874b0d19703f9002a8e0311bcf2' }, index.h("div", { key: '2b26f7b29e176c2831c7f5da22ed59b8352b5155', class: "b2b-radio-group-options" }, index.h("slot", { key: '9dc75a44a47e555e5de84001a29ee378b4521a60' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, (this.label || this.labelSlot) && (index.h("b2b-input-label", { id: this.name, required: this.required }, index.h("slot", { name: "label" }, this.label))), index.h("fieldset", { key: '4d513eb53eb50d556d3e9b3635b0560dd337dd46' }, index.h("div", { key: '18268876504e9af54aa1815c76365ad41ff5b0ee', class: "b2b-radio-group-options" }, index.h("slot", { key: '78b7c3a6a05ace18d201b6fc600969df040ad531' }))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
     }
     get host() { return index.getElement(this); }

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

@@ -13,7 +13,7 @@ const B2BRequiredSeparator = class {
         this.label = 'Pflichtfeld';
     }
     render() {
-        return (index.h(index.Host, { key: 'ed46c96fc3dbc1a22589a0991e498723941f75eb' }, index.h("div", { key: '41eeac6e3147768d2492b509fde113532e3811ea', class: "b2b-required-separator__label" }, index.h("span", { key: '6de6fa330bc47474e0b06a0665c8003a0f889c94', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: 'e88bd1742e3e9b134b0b9d3c4e6fce07b27167ff' }, this.label)), index.h("b2b-separator", { key: 'd5ecda6575a64bbbfc7529698966233883e7e232' })));
+        return (index.h(index.Host, { key: 'cab5659fd608d598bfdea6c24da780f5b1c8f0a4' }, index.h("div", { key: '107780204e6bc22b6d87014639307a1ddf0a3077', class: "b2b-required-separator__label" }, index.h("span", { key: '1997e65a06747f06779950ad793ddd221dcd9974', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: '44b6faacf88b76a13dcc2fcf2529354279103d83' }, this.label)), index.h("b2b-separator", { key: 'cf1747b9ec17ea9eb352f777f0ad25c8d6b2a927' })));
     }
 };
 B2BRequiredSeparator.style = B2bRequiredSeparatorStyle0;

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

@@ -15,16 +15,16 @@ const RoundedIconComponent = class {
         this.contentColor = 'var(--b2b-color-copy-default)';
     }
     render() {
-        return (index.h(index.Host, { key: '3f7d19c1639c9e124ff5343a17fdad7aa322953f' }, index.h("div", { key: '0f86ef2292c301dd63cc8b975ce7d80c305813ec', style: {
+        return (index.h(index.Host, { key: 'aeaecbab894eae02bf8cc6c441175ec07b5540e2' }, index.h("div", { key: '1b25b7d2d917c742361c8126b11d5254a9fac9c1', style: {
                 ['background-color']: this.color,
                 ['border']: `1px solid ${this.borderColor || this.color}`,
             }, class: {
                 'b2b-rounded-icon': true,
-            } }, index.h("div", { key: 'fa9aad421fd737beb33c8338eb41f24f92972a58', style: {
+            } }, index.h("div", { key: '0c5f34202db459eb45f37d1fb16bede9dd50a2e7', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: '9ebcf447273cf65e2cd4bdfb9b08b26b33de2bcc', name: "icon" })), index.h("div", { key: '3dedbe36dcb2534925f965581ca25ddb5c07ad4a', style: {
+            } }, index.h("slot", { key: 'f87224fdf932a13ed106c10a2ff9b173fc833bee', name: "icon" })), index.h("div", { key: 'a0cbad312cc610ee4f18a76b32c3d690dcd6a7b2', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: 'b24493622004d54f5fe867239afc45b50126c365', name: "text" })))));
+            } }, index.h("slot", { key: '518902a11b10391fdb5d654baaf84ba6f7c0c65e', name: "text" })))));
     }
 };
 RoundedIconComponent.style = B2bRoundedIconStyle0;

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

@@ -12,7 +12,7 @@ const ScrollableContainerComponent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd1e1251eef88da3e47e83a0e323a919ad6d4be59' }, index.h("slot", { key: '3f027e979011a8084cfe7d5c5169b1266d3cbc6f' })));
+        return (index.h(index.Host, { key: '2fd5cba6708e2ec70567ea9b582ad5c2cbc9531f' }, index.h("slot", { key: '9998b1dcb05a6396e288317365d56e983baeb002' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -29,7 +29,7 @@ const SearchComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fee0b031e27eb9041d033797a86d22bc33f51689' }, index.h("b2b-input-group", { key: 'c3cd0ccfe8c5815081fc3aad550170b07680738f', disabled: this.disabled }, index.h("b2b-input-list", { key: '7430c61b8e80efa345c85d4f9521f7bc84501e36', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, index.h("slot", { key: 'c5ca9008625cc583670b0ec9aad59dc09656552f' })), index.h("b2b-button", { key: 'c8adaaa19fc1883543f01126c7dfeadd1b4bfe9e', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon", { key: '16997d3fa6851042efc7cb5c4ca4eb423a2db4ba', icon: "b2b_icon-search", clickable: true })))));
+        return (index.h(index.Host, { key: 'b24052966f06f771d924c1fc7a2257155aa1fafe' }, index.h("b2b-input-group", { key: '35c7d7926e6d014a87d39174ba83e3eb7a323e32', disabled: this.disabled }, index.h("b2b-input-list", { key: 'ccf3037cf0f7d64ae7e5f37c1789a082886db2f2', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, index.h("slot", { key: '59a0f64d0f39498ddf04b3cdced2c8111de1ada9' })), index.h("b2b-button", { key: '7a09cbe052e0c17e9c76a53fc3c7e4694ff71461', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon", { key: '65d2f0468e9c8a8300ae4905e5644841dc80072c', icon: "b2b_icon-search", clickable: true })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -13,7 +13,7 @@ const B2bSeparatorComponent = class {
         this.alignment = 'horizontal';
     }
     render() {
-        return (index.h(index.Host, { key: 'a3db3037faa86621b40d27f9d98916af1c4e49d0' }, index.h("div", { key: '4ed637bd7e4667f7e723ea2454a2515d8f2eae27', class: {
+        return (index.h(index.Host, { key: '2a85d5e6381c1c666d57d9439ee6df185b7e41d3' }, index.h("div", { key: '6939b9e06e5c27d2ea0299a1165accaeeb33bc3e', class: {
                 [`b2b-separator--${this.alignment}`]: true,
             } })));
     }

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

@@ -128,7 +128,7 @@ const B2bTabGroupComponent = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'cd061de38a6aad756935534a04d1ad1ac8118614' }, index.h("slot", { key: '63d99808894d9c0dbdfa8e996ac3738a6bbc4d5d', name: "tab" }), index.h("b2b-separator", { key: '09a138fb668af087ab84d00f2ae1ab7ca7611b20' }), index.h("slot", { key: 'c32e77e3a0fc8b86fd5107262b648822bb693a50', name: "panel" })));
+        return (index.h(index.Host, { key: '9909139cbb9146d9f0362472c86d1f386b579ba6' }, index.h("slot", { key: 'ab007fd2e3db59a53a1a11e716fc20993390272d', name: "tab" }), index.h("b2b-separator", { key: '75c80e51f6b78a6bc19c7ab20507e6f47a66a6d6' }), index.h("slot", { key: 'c996bbfd3439a1db26b70e066766a9af99d825b4', name: "panel" })));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const B2bTabPanelComponent = class {
         this.generatedId = i++;
     }
     render() {
-        return (index.h(index.Host, { key: 'bfa264194c0f6a5f017c3b0d3029d9b4927c30d8', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: '398fdf7fb1513840ec8c1ed32c434d5849f215f7', class: "b2b-tab-panel" }, index.h("slot", { key: 'e3aedfa7249956b2ccba84d53bb66dce8b74d806' }))));
+        return (index.h(index.Host, { key: '7ef09ad5f34e94032ee3f48352980080998fe35c', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: '68e0f565985114d15d1be05d3fed2a2fa25687d7', class: "b2b-tab-panel" }, index.h("slot", { key: '8ca942618a4efd0d7866c56080a50f49550799b4' }))));
     }
 };
 B2bTabPanelComponent.style = B2bTabPanelStyle0;

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

@@ -27,12 +27,12 @@ const B2bTabComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8b8e01ac6e4fe260d21f02b542defba7e3f72616', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, index.h("span", { key: 'a1c5d46765b36d1b58dcd5f068bae9d052b50eab', class: {
+        return (index.h(index.Host, { key: 'b0ce35de40859cbe4ac92fb7590dbcdf7ba2a856', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, index.h("span", { key: 'b40f64090aa72ad05ca09c7346adc0fd454e78fd', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, index.h("slot", { key: 'e4b68bd954c2c69def327ed277d1b57795b1fba8' }))));
+            } }, index.h("slot", { key: '973bf596f14c101d95811440e0a610d96858f1ad' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -44,14 +44,14 @@ const TableCellComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd706833182b183034b19d1be797aaccba82fe3de', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
+        return (index.h(index.Host, { key: 'b03771e3e73de98b729b18d86fdc9ae083db2c8a', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
                 'b2b-table-cell': true,
                 ['b2b-table-cell--colspan']: this.size === utils.TableSizes.COLSPAN,
                 ['b2b-table-cell--ellipsis']: this.useTextEllipsis,
                 ['b2b-table-cell--' + this.align]: true,
                 ['b2b-table-cell--divider']: this.divider,
                 [`b2b-table-cell-color-${this.color}`]: true,
-            }, role: "cell" }, index.h("slot", { key: '7bb8d232cc4416c78a197f4a76e2e8efd0f83f65' })));
+            }, role: "cell" }, index.h("slot", { key: '122acda5bae14213fd2e702b65edbcc0bfe9f672' })));
     }
     get host() { return index.getElement(this); }
 };
@@ -131,7 +131,7 @@ const TableHeaderComponent = class {
         this.setIconPlacement();
     }
     render() {
-        return (index.h(index.Host, { key: 'f8076f812d54e86da50f61c844c5af41e9321dd9', class: {
+        return (index.h(index.Host, { key: 'd96004629017b2e728289da6bf899886d3598548', class: {
                 [`b2b-table-header--${this.sortDirection && this.iconAlign}`]: true,
                 'b2b-table-header--divider': this.divider,
                 [`b2b-table-header--${this.size}`]: true,

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

@@ -13,6 +13,8 @@ const TableRowComponent = class {
         index.registerInstance(this, hostRef);
         this.b2bOpen = index.createEvent(this, "b2b-open", 7);
         this.b2bSelected = index.createEvent(this, "b2b-row-selected", 7);
+        this.parentRowGroup = null;
+        this.observer = null;
         this.toggleOpen = () => {
             this.isOpen = !this.isOpen;
             this.b2bOpen.emit(this.isOpen);
@@ -28,7 +30,7 @@ const TableRowComponent = class {
             });
         };
         this.getRowColor = () => {
-            if (this.isAccordion() &&
+            if (this.isAccordionValue &&
                 utils.isFirstRow(this.hostElement) &&
                 !this.isHeader()) {
                 return utils.TableColourOptions.GROUP;
@@ -43,9 +45,6 @@ const TableRowComponent = class {
         this.getParentRowGroup = () => {
             return this.hostElement.closest('b2b-table-rowgroup');
         };
-        this.isAccordion = () => {
-            return this.getParentRowGroup().hasAttribute('accordion');
-        };
         this.isHeader = () => {
             return this.getParentRowGroup().type === 'header';
         };
@@ -61,7 +60,7 @@ const TableRowComponent = class {
             }
         };
         this.getAccordionColumns = () => {
-            if (this.isAccordion() && !this.isHeader()) {
+            if (this.isAccordionValue && !this.isHeader()) {
                 if (utils.isFirstRow(this.hostElement)) {
                     return (index.h("b2b-table-cell", null, index.h("button", { onClick: this.toggleOpen, class: {
                             'b2b-table-row__accordion-icon': true,
@@ -70,7 +69,7 @@ const TableRowComponent = class {
                 }
                 return (index.h("b2b-table-cell", { class: "b2b-table-row__control-cell--accordion" }));
             }
-            else if (this.isAccordion() && this.isHeader()) {
+            else if (this.isAccordionValue && this.isHeader()) {
                 return (index.h("b2b-table-header", { class: "b2b-table-row__control-cell--accordion" }));
             }
         };
@@ -81,6 +80,7 @@ const TableRowComponent = class {
         this.value = undefined;
         this.indeterminate = false;
         this.checked = false;
+        this.isAccordionValue = false;
         this.isOpen = false;
     }
     toggleSelected(event) {
@@ -107,14 +107,35 @@ const TableRowComponent = class {
             this.getParentRowGroup().type !== 'header') {
             console.warn('You need to associate a value with the row as a unique identifier.');
         }
+        this.findParentAndObserve();
+    }
+    disconnectedCallback() {
+        if (this.observer !== undefined && this.observer !== null) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
+    }
+    findParentAndObserve() {
+        this.parentRowGroup = this.hostElement.closest('b2b-table-rowgroup');
+        if (this.parentRowGroup !== undefined && this.parentRowGroup !== null) {
+            this.observer = new MutationObserver(() => {
+                var _a;
+                this.isAccordionValue =
+                    ((_a = this.parentRowGroup) === null || _a === void 0 ? void 0 : _a.hasAttribute('accordion')) || false;
+            });
+            this.observer.observe(this.parentRowGroup, { attributes: true });
+        }
+        else {
+            console.warn('Parent b2b-table-rowgroup not found!');
+        }
     }
     render() {
-        return (index.h(index.Host, { key: '158ea38cbc14a9fd14a87beaa20cc6610d348eef', class: {
+        return (index.h(index.Host, { key: 'c39eb58624347736a167fef2e4aa9fc9ca7c7e48', class: {
                 'b2b-table-row': true,
                 ['b2b-table-row--colspan']: this.size === utils.TableSizes.COLSPAN,
                 ['b2b-table-row--highlight']: this.highlight,
                 [`b2b-table-row--color-${this.getRowColor()}`]: true,
-            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), index.h("slot", { key: '0f4afc0529929c2d308f76ce91a0353af7532607' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), index.h("slot", { key: 'e224986cde05a3e6fc60c087953512bca87999ef' })));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -122,11 +122,11 @@ const TableRowgroupComponent = class {
         this.makeHeaderRowNotSelectable();
     }
     render() {
-        return (index.h(index.Host, { key: 'b32971c633a27af352651656743e5788f08dbc70', class: {
+        return (index.h(index.Host, { key: 'faa8967bf314a57aaa29bf32e4a8dd9fb1d31229', class: {
                 ['b2b-table-rowgroup__' + this.type]: true,
                 'b2b-table-rowgroup--fixed': this.fixed,
                 'b2b-table-rowgroup--colspan': this.size === utils.TableSizes.COLSPAN,
-            }, role: "rowgroup" }, index.h("slot", { key: '53e1830d7834f3330a2a74f94d0ebea102fc5d5d' })));
+            }, role: "rowgroup" }, index.h("slot", { key: 'bf00c613d18b138e715d9840141e06399e4f5309' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -69,9 +69,9 @@ const TableComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f059683c7d7248d2a71f6b87d2a2c824bb4cedd9', class: {
+        return (index.h(index.Host, { key: 'd69ea87cde7434a9555464edaf081268ee850bdb', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, index.h("slot", { key: 'ac05cc8efb3b4aaef44c2f9e05721363b630cd5e' })));
+            }, role: "table" }, index.h("slot", { key: '196c2f61af014d04a842543ea66ff806edbb8e5f' })));
     }
     get host() { return index.getElement(this); }
 };

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

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

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

@@ -41,13 +41,13 @@ const B2bToggleButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (index.h(index.Host, { key: '1b4455bc08da5cd59668542b9448991950082a5d', onClick: this.onClick }, index.h("span", { key: '3dfc32795f51493f156715c762eb07911cd8cefa', class: {
+        return (index.h(index.Host, { key: '757afe3ee305d4bba0c4092c98c277661d13213d', onClick: this.onClick }, index.h("span", { key: 'ad8f66caccea7374aa6bc6faf8a837efca0d5f69', class: {
                 'b2b-toggle-button': true,
                 'b2b-toggle-button--disabled': this.disabled,
-            } }, index.h("input", { key: '5909a9f50d6a5bd7debb6d94e42c32eb34494d7d', tabindex: 0, class: {
+            } }, index.h("input", { key: 'e7b4b5267dbf8f5e6c212bfe5b3a7cda870c53ec', tabindex: 0, class: {
                 'b2b-toggle-button__input': true,
                 'b2b-toggle-button__input--disabled': this.disabled,
-            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: 'a3ba75134e2b082fb6daf4a4305e909abd3ce2d3', id: this.name, tabindex: -1, class: {
+            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: '5a6ccbcf1cc18884080359453b2abb5cc38acd6f', id: this.name, tabindex: -1, class: {
                 'b2b-toggle-button__label': true,
                 'b2b-toggle-button__label--disabled': this.disabled,
                 'b2b-toggle-button__label--checked': this.checked && !this.disabled,

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

@@ -43,11 +43,11 @@ const B2BToggleChipComponent = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '0edab0e264bffc60e1e9b0479a8923fe046cb655' }, index.h("span", { key: 'cba90b7b8adb0e6d183b10800da01fd0cee84ddc', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (index.h(index.Host, { key: 'e9f095939f1efc375328ffa58edd66f880d3c8c3' }, index.h("span", { key: 'a708176728cdf47e6308df8fafc9bb70b4bf8472', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, index.h("input", { key: 'a83be039e526e5c81d9c9a06d78ffbe084003656', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, index.h("input", { key: 'cc88a7fb483e9400eae10322e77d71811b7ea269', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
                 'b2b-toggle-chip__input': true,
-            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: '239667dab17575f444304d1a6ed080969263a529', id: this.name, tabIndex: -1, class: {
+            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: 'f4385d049c26d7d391de6cef4946a086cf6375d0', 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/cjs/b2b-toggle-group.cjs.entry.js

@@ -55,10 +55,10 @@ const B2BToggleGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '61ccd7ac4efe264edc353ee2c77085b928dca8f0' }, index.h("div", { key: 'ca4d71b1c622d8ae3220bd3a5d871454e8614d96', class: {
+        return (index.h(index.Host, { key: 'fe75399c8e92ccb8a057ae685151b2434e2c260c' }, index.h("div", { key: '0a7b4ef54a74776c624399f9d851c16ff21eadd2', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, index.h("fieldset", { key: '05e1fd468b4cd2ecff5e813db6389f43d065176f' }, index.h("slot", { key: '14e60ca50e82c8e4ae7147ac7e585a13b6c50358' })))));
+            } }, index.h("fieldset", { key: '936d54912451d8f47449c5f3600bf21d6143bd4d' }, index.h("slot", { key: 'e6313236733da0801b1c8c618ce9e625f00fa015' })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -48,17 +48,17 @@ const B2bToggleSwitchComponent = class {
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (index.h(index.Host, { key: 'f40fa08edbf399fa627a81140477f2512a5884b3' }, index.h("div", { key: 'f806f79cf76f965383d8538a7c393b4e562fdb32', class: {
+        return (index.h(index.Host, { key: 'ee7f31fda73708f9c0f239b7e812001e061b4df7' }, index.h("div", { key: 'e0cb8c2a712c6925da760d49228fdf0eec33eed4', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, index.h("div", { key: '0664c184383f64864b25978d9d980266cf72668d', class: {
+            } }, index.h("div", { key: 'fd213e47ef55cceb7e7089b393a06637ca381394', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, index.h("span", { key: '98b08ab1b541fed7ee54730380c331aa55206868', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, index.h("svg", { key: 'e84003457f75842186d30b582ab3896aea5257b6', class: {
+            } }, index.h("span", { key: '7fa4a2e0324f8519001df63fb5bf6fbed66f8327', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, index.h("svg", { key: '956ca1d77e4a13a32e3da78c87432d92a3012dc2', class: {
                 'b2b-toggle__icon': true,
                 'b2b-toggle__icon--show': this.state,
-            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, index.h("path", { key: '087e56df9cd4e1712024944dd470baf445338077', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (index.h("span", { class: {
+            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, index.h("path", { key: 'a4af80db0755275499e6c93feded619ce273edfa', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (index.h("span", { class: {
                 'b2b-toggle__text': true,
                 'b2b-toggle__text--left': isLeft,
             } }, this.label))))));

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

@@ -62,13 +62,13 @@ const B2BTooltipComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '206be7996ce610ef649791c8fbdb33cb43c0c4e3', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, index.h("span", { key: '2db6908f7af38c30676f4ee4e2ec0fb395b496d3', class: {
+        return (index.h(index.Host, { key: '85bcf6cfa9dc9330a62fe8f426bb5cd94d3d944d', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, index.h("span", { key: '4a2a30daf9999b103f852ff30d527c82d890bf52', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, index.h("slot", { key: '701b2c95321148dc456698c6354e57f57c2aa705' }), index.h("div", { key: '9a73bbaffe6aeb94df712dcfb07607038827b329', class: {
+            } }, index.h("slot", { key: 'a01eb4473cc7a18ba62fa68efcdf1a41840bb758' }), index.h("div", { key: '371f2f93de8607c874be40ffcf033d5a31dd3e5a', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, index.h("slot", { key: 'a2a30959e9f5757b5bd1df92f19f97a5a87b1960', name: "content" }, this.content)))));
+            } }, index.h("slot", { key: '0cf561f9c961fa5d2a38f28fe27288ce62313fd6', name: "content" }, this.content)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -16,10 +16,10 @@ const WizardStepComponent = class {
         this.checkIcon = true;
     }
     render() {
-        return (index.h(index.Host, { key: '11892ec96d8a26f9a1665908c4f247a9944ecd27' }, index.h("div", { key: '1d5e0fadf98c8d54ffb21638df91a4c56bcb33a3', class: "b2b_wizard__step" }, index.h("b2b-wizard-icon", { key: '02674a17c0ee84de5c14b6422afb25df7dbca947', step: this.step, state: this.state, checkIcon: this.checkIcon }), index.h("div", { key: 'a059e53252f36ce98fb15298b575689c18004182', class: {
+        return (index.h(index.Host, { key: '3e75f42f395d080bd662b45da27a39a3d46a0695' }, index.h("div", { key: '7f97f665b4bf5d893cfaafc31ab5e9c1d3c1686b', class: "b2b_wizard__step" }, index.h("b2b-wizard-icon", { key: 'c13bff249dcada2231f027f710b169e878eaf622', step: this.step, state: this.state, checkIcon: this.checkIcon }), index.h("div", { key: '580f9caf705a7e7e00d4d1ba8c3143c0c9927285', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === wizard_types.WizardStatus.DEFAULT,
-            } }, index.h("slot", { key: '68154418c6b0e5029e4b0aea64ef03f1923b1c74' })))));
+            } }, index.h("slot", { key: '542832da55ea31b393b4a50cad6cc54f02d7223f' })))));
     }
 };
 WizardStepComponent.style = B2bWizardStepStyle0;

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

@@ -53,7 +53,7 @@ const WizardComponent = class {
             this.setStepsState();
     }
     render() {
-        return (index.h(index.Host, { key: '4395808877c2f78bb53e4ced7cc4c89d875a0b5c' }, index.h("div", { key: '8fe7bc19cf6e356aaafad10f0461db6d29781fcf', class: "b2b_wizard" }, index.h("slot", { key: '30e3bd793259494df8355d2417067861d49a70e8' }))));
+        return (index.h(index.Host, { key: 'b138e231ec78b9550d5d40431f6645a2cff00182' }, index.h("div", { key: 'b14e8010d0753fa917e68a6269559b28b2b7e8e5', class: "b2b_wizard" }, index.h("slot", { key: '88eb49e82b1276b35b50d3a438fe71a5ce4476ee' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/date-picker-util-8596688b.js

@@ -0,0 +1,109 @@
+'use strict';
+
+const MonthsGerman = [
+    'Jan',
+    'Feb',
+    'Mär',
+    'Apr',
+    'Mai',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Okt',
+    'Nov',
+    'Dez',
+];
+const WeekdaysGerman = [
+    'Mo',
+    'Di',
+    'Mi',
+    'Do',
+    'Fr',
+    'Sa',
+    'So',
+];
+const WeekdaysEnglish = [
+    'Mo',
+    'Tu',
+    'We',
+    'Th',
+    'Fr',
+    'Sa',
+    'Su',
+];
+const MonthsEnglish = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+];
+exports.DatePickerView = void 0;
+(function (DatePickerView) {
+    DatePickerView["Days"] = "Days";
+    DatePickerView["Months"] = "Months";
+    DatePickerView["Years"] = "Years";
+})(exports.DatePickerView || (exports.DatePickerView = {}));
+
+class DateUtils {
+    static isSameDate(date1, date2) {
+        return (date1.getFullYear() === date2.getFullYear() &&
+            date1.getMonth() === date2.getMonth() &&
+            date1.getDate() === date2.getDate());
+    }
+    static isDisabledDate(givenDate, options) {
+        const { disableDates = [], disablePastDates = false, disableFutureDates = false, disableWeekends = false, todayWithoutTime = new Date(), disableEvery = [], disableDatesUntil, disableDatesFrom, } = options;
+        const dayNameToIndex = {
+            So: 0,
+            Su: 0,
+            Mo: 1,
+            Di: 2,
+            Tu: 2,
+            Mi: 3,
+            We: 3,
+            Do: 4,
+            Th: 4,
+            Fr: 5,
+            Sa: 6,
+        };
+        const isExplicitlyDisabled = disableDates.length > 0 &&
+            disableDates.some(disabledDate => this.isSameDate(disabledDate, givenDate));
+        const isPastDate = disablePastDates && givenDate < todayWithoutTime;
+        const isFutureDate = disableFutureDates && givenDate > todayWithoutTime;
+        const isWeekend = disableWeekends && (givenDate.getDay() === 0 || givenDate.getDay() === 6);
+        const isDayToDisable = disableEvery.length > 0 &&
+            disableEvery.some(day => dayNameToIndex[day] === givenDate.getDay());
+        const isBeforeDisableUntil = givenDate <= disableDatesUntil;
+        const isAfterDisableFrom = givenDate >= disableDatesFrom;
+        return (isExplicitlyDisabled ||
+            isPastDate ||
+            isFutureDate ||
+            isWeekend ||
+            isDayToDisable ||
+            isBeforeDisableUntil ||
+            isAfterDisableFrom);
+    }
+    static parseStringToDateArray(value) {
+        return value
+            .split(',')
+            .map(date => date.trim())
+            .map(dateStr => {
+            const [day, month, year] = dateStr.split('.').map(Number);
+            return new Date(year, month - 1, day);
+        });
+    }
+}
+
+exports.DateUtils = DateUtils;
+exports.MonthsEnglish = MonthsEnglish;
+exports.MonthsGerman = MonthsGerman;
+exports.WeekdaysEnglish = WeekdaysEnglish;
+exports.WeekdaysGerman = WeekdaysGerman;