@otto-de/b2b-core-components 1.10.1 → 1.11.1

package/dist/cjs/b2b-core-components.cjs.js

@@ -19,7 +19,7 @@ const patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["b2b-search.cjs",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-multiselect-dropdown.cjs",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"selectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row.cjs",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step.cjs",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal.cjs",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["b2b-pagination.cjs",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["b2b-alert.cjs",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group.cjs",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["b2b-dropdown.cjs",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button.cjs",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["b2b-radio-group.cjs",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-required-separator.cjs",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group.cjs",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea.cjs",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["b2b-anchor.cjs",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb.cjs",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item.cjs",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card.cjs",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-flyout-menu.cjs",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["b2b-flyout-menu-option.cjs",[[0,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["b2b-grid.cjs",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col.cjs",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row.cjs",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-icon-100.cjs",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-label.cjs",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph.cjs",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar.cjs",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container.cjs",[[1,"b2b-scrollable-container"]]],["b2b-tab.cjs",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel.cjs",[[1,"b2b-tab-panel"]]],["b2b-table.cjs",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup.cjs",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[4],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button.cjs",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip.cjs",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group.cjs",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-toggle-switch.cjs",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["b2b-tooltip.cjs",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard.cjs",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-wizard-icon.cjs",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-headline.cjs",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input-group_2.cjs",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-checkbox.cjs",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["b2b-chip-component_2.cjs",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2.cjs",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["b2b-rounded-icon.cjs",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-separator.cjs",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label.cjs",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-input_2.cjs",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["b2b-button_2.cjs",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["b2b-icon.cjs",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]], options);
+  return index.bootstrapLazy([["b2b-search.cjs",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-calendar.cjs",[[1,"b2b-calendar",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"label":[1],"showCalendar":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32]},[[0,"b2b-calendar-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-calendar-previous-month","getPreviousMonth"],[0,"b2b-calendar-next-month","getNextMonth"]]]]],["b2b-multiselect-dropdown.cjs",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"selectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row.cjs",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step.cjs",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal.cjs",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["b2b-pagination.cjs",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["b2b-alert.cjs",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group.cjs",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["b2b-dropdown.cjs",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button.cjs",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["b2b-radio-group.cjs",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-required-separator.cjs",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group.cjs",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea.cjs",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["b2b-anchor.cjs",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb.cjs",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item.cjs",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card.cjs",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-flyout-menu.cjs",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["b2b-flyout-menu-option.cjs",[[0,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["b2b-grid.cjs",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col.cjs",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row.cjs",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-icon-100.cjs",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-icon-50.cjs",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-label.cjs",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph.cjs",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar.cjs",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container.cjs",[[1,"b2b-scrollable-container"]]],["b2b-tab.cjs",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel.cjs",[[1,"b2b-tab-panel"]]],["b2b-table.cjs",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup.cjs",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[4],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button.cjs",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip.cjs",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group.cjs",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-toggle-switch.cjs",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["b2b-tooltip.cjs",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard.cjs",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-rounded-icon.cjs",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-wizard-icon.cjs",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-separator.cjs",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label.cjs",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-checkbox.cjs",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["b2b-headline.cjs",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input_2.cjs",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["b2b-input-group_2.cjs",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-chip-component_2.cjs",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2.cjs",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["b2b-calendar-days_3.cjs",[[1,"b2b-calendar-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"]}],[1,"b2b-calendar-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-calendar-days-header"]]],["b2b-button_2.cjs",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["b2b-icon.cjs",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -55,11 +55,11 @@ const DropdownComponent = class {
         selectElement.append(...options);
     }
     render() {
-        return (index.h(index.Host, { key: '5397c2e35d08dec639b2763a7e57b5106e706e99', class: {
+        return (index.h(index.Host, { key: 'cb7a0a4bcc708257cada82f8ce45041b63d6baf1', class: {
                 'b2b-dropdown': true,
                 'b2b-dropdown--error': this.invalid && !this.disabled,
                 'b2b-dropdown--disabled': this.disabled,
-            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("select", { key: '7183009ea350d6f78a058f64894d09a2c4251dc7', class: "b2b-dropdown__select", "aria-labelledby": this.name, name: this.name, disabled: this.disabled, onChange: this.onSelect, onFocus: this.onFocus, onBlur: this.onBlur }), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("select", { key: '7b613f352cc3c501dd3ef917bfc25efc3006f69b', class: "b2b-dropdown__select", "aria-labelledby": this.name, name: this.name, disabled: this.disabled, onChange: this.onSelect, onFocus: this.onFocus, onBlur: this.onBlur }), (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-flyout-menu-option.cjs.entry.js

@@ -26,7 +26,7 @@ const FlyoutMenuOptionComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1f5d621a609edaaed502796616e8ef969cc0c3a8', class: {
+        return (index.h(index.Host, { key: '9332072c4536e9dfbb55e451c0886179afb20c45', class: {
                 'b2b-flyout-menu__option': true,
                 'b2b-flyout-menu__option--disabled': this.disabled,
                 'b2b-flyout-menu__option--separator': this.separator,

package/dist/cjs/b2b-flyout-menu.cjs.entry.js

@@ -159,12 +159,12 @@ const FlyoutMenuComponent = class {
         options[index].focus();
     }
     render() {
-        return (index.h(index.Host, { key: '89937140ae7e17b57dca9ab84fee4b41dff52f9f' }, index.h("div", { key: '4423849c7dbfc018494e868baeb0cf0ab8e88861', class: {
+        return (index.h(index.Host, { key: '5f8927a6f6ace022337a745aa0c5c7de8c3b9ca1' }, index.h("div", { key: '339e2e53ef4b050b36e20f73a49a76eeb754d2a3', class: {
                 'b2b-flyout-menu': true,
-            } }, index.h("div", { key: 'a9af5524e21d365906cf78559a116fbab6b77320', class: "b2b-flyout-menu__trigger" }, index.h("slot", { key: '4344734420e284ac8dd2a38b1e4f9cac51228ed1', name: "trigger" })), index.h("div", { key: 'dc3c9970d365dc8c4ed5b588ddf6a3994290e5f6', onFocusout: this.blurMenu, class: {
+            } }, index.h("div", { key: '36815dbbd15e98a617b308491c8ad39e9fd81d0d', class: "b2b-flyout-menu__trigger" }, index.h("slot", { key: '68103d9c6c4d5ec094d2e15469177bbe6c11250f', name: "trigger" })), index.h("div", { key: '58777a87a708ebfa65dff39622cf4715b0a9bdd5', onFocusout: this.blurMenu, class: {
                 'b2b-flyout-menu__options__container': true,
                 'b2b-flyout-menu__options__container--on': this.opened,
-            } }, index.h("div", { key: '0d08b3e259a8da4dabc41d809e0310a3bcf92541', class: "b2b-flyout-menu__arrow" }), index.h("slot", { key: 'bdc2acb63bfb5a779945cd55edfbf133dac79e2f', name: "option" })))));
+            } }, index.h("div", { key: '9b56d64c648a044faab165546c5aec1ea58d5d15', class: "b2b-flyout-menu__arrow" }), index.h("slot", { key: '15d2d1809c563ae2b89b76c3080dbf619e35cefd', name: "option" })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-grid-col.cjs.entry.js

@@ -30,7 +30,7 @@ const B2bGridColumnComponent = class {
         this.textAlign = 'left';
     }
     render() {
-        return (index.h(index.Host, { key: '49c6dc8df6ad0ed3d864d5327de627b309705d00', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, index.h("slot", { key: '3ffa9ba6f9edeb438b433882039070c63adb69b9' })));
+        return (index.h(index.Host, { key: '961d47cfb1b74852145eebb2679676755899a14a', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, index.h("slot", { key: 'ffd12518cb08b04ef6a0db4b915719a848ff0aaf' })));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -13,7 +13,7 @@ const B2bGridRowComponent = class {
         this.justify = 'start';
     }
     render() {
-        return (index.h(index.Host, { key: 'aa7dca43d2b0c2d78dbbcb8a8b8098735637ad23', style: {
+        return (index.h(index.Host, { key: '5f324fe433848ce5802e861ab4f295575486a4c2', style: {
                 ['justify-content']: `${this.justify}`,
                 ['gap']: `${this.columnGap}px`,
                 ['margin']: `${this.rowGap}px 0`,
@@ -21,7 +21,7 @@ const B2bGridRowComponent = class {
                 ['display']: 'flex',
                 ['flex-wrap']: 'wrap',
                 ['box-sizing']: 'border-box',
-            } }, index.h("slot", { key: 'ab7ee57b3ef7652079db6e02234c711f306882b5' })));
+            } }, index.h("slot", { key: '685130b0b771fd3e2c846efb0590f39f640ded56' })));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -13,7 +13,7 @@ const B2bGridComponent = class {
         this.margin = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '48fb847165e96ca1ec16b36cd785872434c778f0', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, index.h("slot", { key: 'a9eec48fe8d12ba894fe38815488f78902e19a8e' })));
+        return (index.h(index.Host, { key: '0413fb6677fea801c46f2497cd3d472c9b08e3c6', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, index.h("slot", { key: '7787a48252271e16f5e02f73047f31540c1aff02' })));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-668808fd.js');
-const request = require('./request-412d37bc.js');
+const request = require('./request-801c6ba1.js');
 
 /* eslint-disable prettier/prettier */
 const iconTypes = [

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

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-668808fd.js');
+const request = require('./request-801c6ba1.js');
+
+/* eslint-disable prettier/prettier */
+const iconTypes = [
+    "b2b_icon-arrow-down",
+    "b2b_icon-arrow-left",
+    "b2b_icon-arrow-right",
+    "b2b_icon-arrow-up",
+    "b2b_icon-basket",
+    "b2b_icon-check",
+    "b2b_icon-close",
+    "b2b_icon-delete",
+    "b2b_icon-error-hint",
+    "b2b_icon-filter",
+    "b2b_icon-info-hint",
+    "b2b_icon-info",
+    "b2b_icon-leaving-page",
+    "b2b_icon-minus",
+    "b2b_icon-pin",
+    "b2b_icon-plus",
+    "b2b_icon-question-hint",
+    "b2b_icon-question",
+    "b2b_icon-rating-empty",
+    "b2b_icon-rating-filled",
+    "b2b_icon-rating-half",
+    "b2b_icon-refresh",
+    "b2b_icon-reply",
+    "b2b_icon-smiley-positive",
+    "b2b_icon-sort-ascending",
+    "b2b_icon-sort-descending",
+    "b2b_icon-sort",
+    "b2b_icon-success-hint",
+    "b2b_icon-trend-down",
+    "b2b_icon-trend-up",
+    "b2b_icon-warning-hint",
+    "b2b_icon-wishlist-active",
+    "b2b_icon-wishlist"
+];
+
+const icon50Css = ":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\")}:host{--b2b-icon-line-height:inherit;--b2b-icon-cursor:default}:host .b2b-icon-50{display:inline-flex;vertical-align:middle;line-height:var(--b2b-icon-line-height);cursor:var(--b2b-icon-cursor);height:var(--b2b-size-30);width:var(--b2b-size-30)}:host .b2b-icon-50--clickable{cursor:pointer}:host .b2b-icon-50.b2b-icon-50--primary{fill:var(--b2b-color-black-100)}:host .b2b-icon-50.b2b-icon-50--secondary{fill:var(--b2b-color-grey-200)}:host .b2b-icon-50.b2b-icon-50--inverse{fill:var(--b2b-color-white-100)}:host .b2b-icon-50.b2b-icon-50--inherit{fill:currentcolor}";
+const B2bIcon50Style0 = icon50Css;
+
+const B2bIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isIconSupported = () => {
+            return iconTypes.includes(this.icon);
+        };
+        this.icon = undefined;
+        this.color = 'inherit';
+        this.clickable = false;
+        this.focusable = false;
+        this.pathData = null;
+    }
+    connectedCallback() {
+        this.loadIconPathData();
+    }
+    render() {
+        if (!this.isIconSupported())
+            return null;
+        return (index.h(index.Host, null, index.h("div", { tabIndex: this.focusable ? 0 : null, class: {
+                'b2b-icon-50': true,
+                [`b2b-icon-50--${this.color}`]: true,
+                'b2b-icon-50--clickable': this.clickable,
+            }, innerHTML: this.pathData })));
+    }
+    loadIconPathData() {
+        if (!this.isIconSupported()) {
+            console.warn('icon name: ' + this.icon + ' is not supported or might have a typo.');
+            return;
+        }
+        const icon = request.buildPath(this.icon, 'icons-50');
+        {
+            if (request.iconContent.has(icon)) {
+                this.pathData = request.iconContent.get(icon);
+            }
+            else {
+                request.fetchIcon(icon).then(() => (this.pathData = request.iconContent.get(icon)));
+            }
+        }
+    }
+    static get assetsDirs() { return ["icons-50"]; }
+    static get watchers() { return {
+        "icon": ["loadIconPathData"]
+    }; }
+};
+B2bIcon.style = B2bIcon50Style0;
+
+exports.b2b_icon_50 = B2bIcon;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-668808fd.js');
-const request = require('./request-412d37bc.js');
+const request = require('./request-801c6ba1.js');
 
 /* eslint-disable prettier/prettier */
 const iconTypes = [

package/dist/cjs/b2b-input-group_2.cjs.entry.js

@@ -65,7 +65,7 @@ const B2BInputGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5fc49430aaa8ad20f225313720fe54d4e5590689' }, index.h("div", { key: '76551514ded578ae3da21af2064904315497a5f7', class: { 'b2b-input-wrapper': true } }, index.h("slot", { key: '588c378dab179694325203c251a84dec3bd5de5a', name: "start" }), index.h("slot", { key: '87cad3be128d14267b5a377dc07c930f289aa737' }), index.h("slot", { key: '4da068a4a0238904a23829294196ac7261f40c6a', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (index.h("span", { class: {
+        return (index.h(index.Host, { key: '697a9aa57b4c84fa5c3a55225b695cf6684c6279' }, index.h("div", { key: 'decb2d1ccaa48f832c8fd88e3dd65f51d532f1aa', class: { 'b2b-input-wrapper': true } }, index.h("slot", { key: '1763b9e857b58f8fe163cf7d69229f542a9d17b2', name: "start" }), index.h("slot", { key: '4bdeec6b19801eb683d43fd586f853a7863f8540' }), index.h("slot", { key: '43e2bf3b43250f41210eec5b8abe6919e12ac571', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (index.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))));
@@ -221,13 +221,13 @@ const InputListComponent = class {
     */
     render() {
         const groupOrderClass = this.getGroupOrderClassName() || '';
-        return (index.h(index.Host, { key: '6be87cb79c01d26042cba1172e8c7408b6266579', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, index.h("div", { key: 'c0f58a46e4f90448e9fa4ff68c7bc56c878bd504', class: {
+        return (index.h(index.Host, { key: '021e88a7b85456c1fdecd2bc26c421031836f335', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, index.h("div", { key: 'd199f7d6da4ce8651a59028cdbd2563900fa07e0', class: {
                 'b2b-input-list': true,
                 'b2b-input-list__options-on': this.hasOptionList &&
                     this.isElementFocused &&
                     Boolean(this.value),
                 [groupOrderClass]: true,
-            } }, index.h("b2b-input", { key: 'a7685cd9f8f563fff8f2d96cc7f93b7cfc1e0d49', 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) && (index.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) ? (index.h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (index.h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (index.h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (index.h("slot", null)))) : null)));
+            } }, index.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) && (index.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) ? (index.h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (index.h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (index.h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (index.h("slot", null)))) : null)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-input-label.cjs.entry.js

@@ -14,11 +14,11 @@ const InputLabelComponent = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'bda25fafd2b8f9cdf129797f77471ce9d49124aa' }, index.h("label", { key: '2abe4668ba503a05ecff82bc3295af437ccbd189', class: {
+        return (index.h(index.Host, { key: 'f3ee35931ef52504cad7065e84f5682ea2797104' }, index.h("label", { key: '560dab843355abd80e26603b098c402ac6bf164d', class: {
                 'b2b-input-label': true,
                 'b2b-input-label--required': this.required,
                 'b2b-input-label--disabled': this.disabled,
-            } }, index.h("slot", { key: '496d2d19140829afb40227ce9a5c3b982661a53f' }))));
+            } }, index.h("slot", { key: '3731ae93d587f2cb6b8e12baec2e69ecc12d64f2' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -84,14 +84,14 @@ const InputComponent = class {
         this.getSlottedText();
     }
     render() {
-        return (index.h(index.Host, { key: '480dbafe0ec4be8743793449fe15654ad604a1ae', class: {
+        return (index.h(index.Host, { key: '3da24a713a463439be3e6a7c543479f655c69288', class: {
                 'b2b-input': true,
                 'b2b-input--error': this.invalid && !this.disabled,
-            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("div", { key: 'baa315e0559007cf11353004bbd9465d9eb0d338', class: {
+            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("div", { key: '2cb4e11ef60b764f778845d782c4e88dbe4023c3', class: {
                 'b2b-input__wrapper': true,
                 'b2b-input__wrapper--focused': this.hasFocus,
                 'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
-            } }, index.h("slot", { key: '8a0c36b3b53ca662c7174d8e16d20cf2d941d428', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: 'e35244cb97903ae6628417a3a2efcde183a5826d', class: "b2b-input__native-input", "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 && index.h("div", { class: "border" }), index.h("slot", { key: 'e6f26fe75624edc95c01aa26e4f3feb0deac5e52', name: "end" })), (this.hint !== undefined && !this.invalid) ||
+            } }, index.h("slot", { key: '5d189e4009c070f8e1ea1c7c3e365204993c8d2f', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: 'a5192ded7aa52491e3b370e53c051a54d09492b3', class: "b2b-input__native-input", "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 && index.h("div", { class: "border" }), index.h("slot", { key: 'cb469dc3a49c8b645630ae996d4e105899b61134', name: "end" })), (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); }
@@ -116,7 +116,7 @@ const InputListOptionComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ebaafcf5c88237e91177594f4a82224d4b4cf535', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
+        return (index.h(index.Host, { key: '836ae2a7b30d6fca56835bec01b5ca4ba0109793', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
     }
 };
 InputListOptionComponent.style = B2bInputListOptionStyle0;

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

@@ -13,10 +13,10 @@ const LabelComponent = class {
         this.type = 'neutral';
     }
     render() {
-        return (index.h("span", { key: '39cc0904be1a2ef596fd9689a4766910a9fc34e8', class: {
+        return (index.h("span", { key: 'a3c0cc8abed4982328f177460cecc93f4ec8ff71', class: {
                 'b2b-label': true,
                 [`b2b-label--${this.type}`]: true,
-            } }, index.h("slot", { key: '51d1169295837004718e68dae480df4a5415ed6f' })));
+            } }, index.h("slot", { key: 'a42ee69ab239b15001e220a334aa693aff0118c7' })));
     }
 };
 LabelComponent.style = B2bLabelStyle0;

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

@@ -210,10 +210,10 @@ const ModalComponent = class {
         this.attemptFocus(this.getFirstFocusableElement());
     }
     render() {
-        return (index.h(index.Host, { key: 'cf595eff0dbf9c8dc64b3ea59162bdb22e360c05' }, index.h("div", { key: 'a37aed1991400c2edddfba890ccaa9f911f2bc23', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, index.h("div", { key: 'e7dd0c793f0f96b7d3d7800f413ff905906aa901', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), index.h("div", { key: '124a652a8595965664fdb9e9553f38624f7b41da', class: {
+        return (index.h(index.Host, { key: '1e3ae2d0db3df6fd7fb249181560471102f81ad4' }, index.h("div", { key: 'b6a9ce0bc06ca54cba7885b3094f448df6440194', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, index.h("div", { key: 'a114fc4834406ac93c554fa5c2058500c229ecfe', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), index.h("div", { key: '49ce79940badc68db9a6469f96bbe43b5803ced2', class: {
                 'b2b-modal__dialog': true,
                 [`b2b-modal__dialog--${this.variant}`]: true,
-            } }, index.h("div", { key: '5ffa9b863cae63bb15676f436eef48d87612950f', class: "b2b-modal__dialog__header" }, index.h("b2b-headline", { key: 'd61c84b09cc56a07952bbe7ac5268bb401410cf8', align: "center", size: "200", noMargin: true }, this.heading), index.h("button", { key: 'f192f9bb57f9c76ff0db171a0fda3bab6cbe1d99', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, index.h("b2b-icon", { key: 'eb5104084731932b280a723d13fd66e829cf87ee', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' }))), index.h("div", { key: '40cf975800b48f87835247c4822d2231e1f904e1', class: "b2b-modal__dialog__body" }, index.h("slot", { key: '1be31545480d4835d88bb2c87dd8f37930a1410c' })), index.h("div", { key: '923f36a1de98c30c0493375e976b928e70a7670b', class: "b2b-modal__dialog__footer" }, index.h("div", { key: '892537a57cb64977dbfe420593d3396ef693e6bb', class: "b2b-modal__dialog__footer-left" }, index.h("slot", { key: '53973995e6e8e94d7abd409fa1bb3d9c9f27e04b', name: "footer-left" })), index.h("div", { key: '02799b049346f9957d267d2a541ed7d4df6cd197', class: "b2b-modal__dialog__footer-right" }, index.h("slot", { key: '67a84d094edfdb6c635dc3cce49ba053832fa715', name: "footer-right" })))), index.h("div", { key: 'a17b435389631b97b868ce310c3f29384b02894e', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), index.h("div", { key: '0b6f907c3f0d9997411b2b77226b4a324a72bda3', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
+            } }, index.h("div", { key: 'e1542497ec46e553b5883a8bec9fb97bc8e41bb8', class: "b2b-modal__dialog__header" }, index.h("b2b-headline", { key: '29fdd8544ab096acac7fb567e12db5209b65fadc', align: "center", size: "200", noMargin: true }, this.heading), index.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) }, index.h("b2b-icon", { key: 'ec66472357c70f7591a0851ceae4f1263ba32b31', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' }))), index.h("div", { key: '4cc41712957fcdbefa2263730422b4dcc59b01e8', class: "b2b-modal__dialog__body" }, index.h("slot", { key: 'c6810b8c835f0099472fbe29a895945387098319' })), index.h("div", { key: 'd26b872b6cbef52e0d0088f792616c0f3c2872b0', class: "b2b-modal__dialog__footer" }, index.h("div", { key: '363ab2250e580cb5ee99c53abaf5acc930a1aec5', class: "b2b-modal__dialog__footer-left" }, index.h("slot", { key: '95f725635933d5dc8a60de63aed3f7a2d82f2ef5', name: "footer-left" })), index.h("div", { key: 'e6d1776ad02740eedac8b893bae6f28519c55e49', class: "b2b-modal__dialog__footer-right" }, index.h("slot", { key: '6b310747f42518cc6a4f7631a1bbb7b59cf3e9cb', name: "footer-right" })))), index.h("div", { key: '83158d3f234936df43c5d7ad5976215acf374c7b', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), index.h("div", { key: 'e5d6898b325a6560d30c65b62b27b1ad0402dac0', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js

@@ -147,13 +147,13 @@ const B2bMultiSelectDropdown = class {
         this.updateSelectAll(options);
     }
     render() {
-        return (index.h(index.Host, { key: 'a01e7a1db6fe845102241a1a14f8b7b42daa1126', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '0f66b87fb86ba9f8ce7beb7815b7f833a1d8b47a' }, this.label), index.h("div", { key: '73afbf22d4144a84d2240b4669ecf88535909a2e', class: {
+        return (index.h(index.Host, { key: 'cbbdb945dffb739b2c6c8169dc6ae1255c9973ed', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: 'a71be7e938a7521065e1b7b37d49b07b583befb3' }, this.label), index.h("div", { key: '20c556fa0cdc2865aceba7b2727123dbfdcc9421', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isElementFocused,
-            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.selectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (index.h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), index.h("b2b-icon", { key: '973d9487ef8f3a746f657c08ff602e1dd733bf08', icon: "b2b_icon-arrow-down" })), index.h("div", { key: 'f2f8a4a5daf4695d31b7939c645fe86bda08a3fb', class: {
+            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.selectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (index.h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), index.h("b2b-icon", { key: 'd85fb652335ecf99e8ee48126593ecd99105f29c', icon: "b2b_icon-arrow-down" })), index.h("div", { key: '0adc8f117cf037d3416b80ba6192afcea055cea4', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
-            } }, index.h("div", { key: 'c3bbbb71e2ee3d300ed73d952c648efffa85464c', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: '2f7ce035dff0657e306ac34f4bc6b81df7c05493', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: '8b9e9427f8304545645d5b39ba0c8bde8afb8422', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '2a1a39302b3a7e1576d19fcffd47d7a3fffb6031', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, index.h("div", { key: '7b175e22e92f60656470aaa914b9b0ff5edb9728', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: '232d88bc64fc03ed6484ee6c1af5ea3a79fbf380', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: '4440e347e3e53a910d74c38017abaa18cd3e9479', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.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 &&
             this.currentList.map(option => (index.h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option })))))));
     }
     get hostElement() { return index.getElement(this); }

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

@@ -108,7 +108,7 @@ const PaginationComponent = class {
         };
     }
     render() {
-        return (index.h("nav", { key: 'de40499e150172d754eb174c6d4327f7ce1485ca' }, index.h("ol", { key: 'e02d17e5c9815360517ba5889c311227d5214eb3', class: "b2b-pagination" }, this.activePage !== 1 && (index.h("li", { class: "b2b-pagination--previous" }, index.h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, PaginationConstants.BACK))), this.navItems.map((navItem, index$1) => {
+        return (index.h("nav", { key: '8fddf2f36e6b3bb9067a55abe37896a341d7d04c' }, index.h("ol", { key: '1d34552bd23a4263d809213f5e6debbd920ce6e3', class: "b2b-pagination" }, this.activePage !== 1 && (index.h("li", { class: "b2b-pagination--previous" }, index.h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, PaginationConstants.BACK))), this.navItems.map((navItem, index$1) => {
             const isItemActive = this.activePage === navItem;
             return (index.h("li", { class: this.getItemClass(navItem) }, index.h("b2b-button", { onClick: () => this.setSelectedPage(navItem, index$1), active: isItemActive, disabled: isItemActive, size: "50", variant: "secondary" }, navItem)));
         }), this.activePage !== this.totalPages && (index.h("li", { class: "b2b-pagination--next" }, index.h("b2b-button", { onClick: this.selectNextPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelNextPage }, PaginationConstants.NEXT))))));

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

@@ -15,12 +15,12 @@ const ParagraphComponent = class {
         this.align = 'left';
     }
     render() {
-        return (index.h("p", { key: '8186c1f1f1c07b6d2b25723b946a37fce4ad53c8', class: {
+        return (index.h("p", { key: 'e864682f09f3cabdf50b2201cb7f25c6f00ab499', class: {
                 'b2b-paragraph': true,
                 ['b2b-paragraph--size-' + this.size]: true,
                 ['b2b-paragraph--weight-' + this.weight]: true,
                 ['b2b-paragraph--align-' + this.align]: true,
-            } }, index.h("slot", { key: '79419ce24e7420fdceaa62b900376050f396752e' })));
+            } }, index.h("slot", { key: 'e9600fb127829d08c586a1c225b7c9402d2a71d6' })));
     }
 };
 ParagraphComponent.style = B2bParagraphStyle0;

package/dist/cjs/b2b-progress-bar.cjs.entry.js

@@ -26,11 +26,11 @@ const ProgressBarComponent = class {
     }
     render() {
         const labelExists = this.label !== undefined && this.label !== '';
-        return (index.h(index.Host, { key: 'c851e1cd31926e7aa47cbb0dd70d130940a57ff3' }, index.h("div", { key: 'fbb70ba96750f3a4f44de5d552c5be475d58c67e', class: {
+        return (index.h(index.Host, { key: 'eba41d453db7f7c7e6c4676c9a8accbfc3545024' }, index.h("div", { key: '788a583e5f03f187d9d7f36eb5b84d76e6a0384c', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, index.h("div", { key: 'bce6a3e48043543922ab6716ba7aa232c794be24', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: 'd2d81c1f92563369b13ef5b7e4284666a3258885', class: "b2b-progress-bar__progress", style: {
+            } }, index.h("div", { key: '6fe01b899839a19ef6f32f709fffe1837cc311df', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: '708abc424bd46b4a5ab8b617af254b8f8186cd0b', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), index.h("div", { key: 'c8c12cb24172509f9afbd4a7c8a1848f9d8eaaa5', class: {
+            } })), index.h("div", { key: '33f3f13217dc6be084438cadd1dd3f6b03eb4d52', class: {
                 'b2b-progress-bar__label': labelExists,
                 'b2b-progress-bar__label-none': !labelExists,
                 [`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]: labelExists,

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

@@ -65,11 +65,11 @@ const B2bRadioButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (index.h(index.Host, { key: '6540e086fcfc834e9309034f4e4e50197e874982', onClick: this.onClick }, index.h("div", { key: '033905a09aa1e85af39bc91299c70175cf22160f', class: {
+        return (index.h(index.Host, { key: '88075326af9c340bef7db152eac07f8e6f9a44a2', onClick: this.onClick }, index.h("div", { key: '581916ce84cf61518661b0576d3351b962b2d91a', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, index.h("div", { key: '80f09dbd1c4e0a62d4946fe35d9b5410d1e6839f', class: "b2b-radio-items" }, index.h("input", { key: 'effc47fb60f42abd4f9bbf025c2447b28db96291', 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: '16d52e59a1638e9ed027ed7804ed7a3f4b638914', id: this.name, required: this.required, disabled: this.disabled }, this.label)), (this.hint !== undefined && !this.invalid) ||
+            } }, index.h("div", { key: 'e473bc87194e5023dca904970ad8af3079e8d517', class: "b2b-radio-items" }, index.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 }), index.h("b2b-input-label", { key: 'e1a7eac512b4da7d8a87773cc2c928258f32be8b', id: this.name, required: this.required, disabled: this.disabled }, 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

@@ -76,11 +76,11 @@ const RadioButtonGroupComponent = class {
         this.removeChildText();
     }
     render() {
-        return (index.h(index.Host, { key: '1227202b9b4dbea6eccdcd30a1bd6e77957ebe92' }, index.h("div", { key: '477cfebb0c8f7dd3facd378280edf1bcf5db836f', class: {
+        return (index.h(index.Host, { key: '9af9e4cc3f922d51335b08747385d61fe30f6fff' }, index.h("div", { key: 'a258d462eae3b01193eff095f7ccc817230bae86', 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: 'fb374a0464cee1d190d1f5aa9b22d46daaa83738' }, index.h("div", { key: 'b134cf5438850cd805511ab6cddfb392182b860e', class: "b2b-radio-group-options" }, index.h("slot", { key: 'bdd987dca5a28e2c28a2715fcc2b5128e77a7b9d' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("fieldset", { key: '96a4840624fe0e1bab24480f13bd12e0c31185c3' }, index.h("div", { key: '6100d2c539e00138429c96ef0d5f87ecd05993a8', class: "b2b-radio-group-options" }, index.h("slot", { key: '661621f3383738c465545e249b7bd3bda18f3b86' }))), (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: '806ea7a07d11e3b791702d187bb3bbb66738f6f6' }, index.h("div", { key: 'e1654b40f5f247bc1a24b38ffae2c61394ec6bfe', class: "b2b-required-separator__label" }, index.h("span", { key: '6109f94d7fea7bcbb9cebd1b0ebb8e193205d5bd', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: '7831bd53da18b99d45ff0fff3ede279ef09c8774' }, this.label)), index.h("b2b-separator", { key: '71458008aa52bfbfa533fc773b492f2f49883899' })));
+        return (index.h(index.Host, { key: '989e81600d0748d74b57f59df342bdb8ea1646ef' }, index.h("div", { key: '558b14f88f32f0b21c423554290fbe72c4fa9696', class: "b2b-required-separator__label" }, index.h("span", { key: '65a8ed5c4af4d0e3aee00785727aad0a74eb0323', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: 'e170084c3b0d4447a9d151b17422479f78a3f6b7' }, this.label)), index.h("b2b-separator", { key: '42b320e566f4f7594d87f930438b3b0ba8662b7f' })));
     }
 };
 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: '098173a09b64d33ef1adfcc177835b650cc158c6' }, index.h("div", { key: '4a71b1363c40921393757884ef4377fdda8472c6', style: {
+        return (index.h(index.Host, { key: 'cd603c194ebc3a9d6aad8e16b126ac40e47e4715' }, index.h("div", { key: '102c49254d5e135173553379ce5ced7022dddaa7', style: {
                 ['background-color']: this.color,
                 ['border']: `1px solid ${this.borderColor || this.color}`,
             }, class: {
                 'b2b-rounded-icon': true,
-            } }, index.h("div", { key: '6569353a28df4b0a1cd79734e485de84d2d4b7ab', style: {
+            } }, index.h("div", { key: '447ece59e96780c6c6e0ddccc878354756e46ff7', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: '3a7c74b4af0bda33bff31d7ef801de0f6be6a671', name: "icon" })), index.h("div", { key: '30d9aa31e7cb86ab2417a3e21cb5fbed60f8eac3', style: {
+            } }, index.h("slot", { key: 'a25891a5262400e671243fd8716f72d3b0035520', name: "icon" })), index.h("div", { key: 'b08770631a2ca349d90e0a9e7dd445aecf9135d9', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: '0b48e371e11032f485cb65a2f55fb98e79d3dfa9', name: "text" })))));
+            } }, index.h("slot", { key: '64619abcebfc3d8e80e9edc26c9808876860de8d', 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: '9bccd81de179f10ca6968a147a941955a253b472' }, index.h("slot", { key: 'dca1166a0e7dcca148aaa8094ba38ddaefeacef4' })));
+        return (index.h(index.Host, { key: '234c8e341e9dc85b7c8d7fc742445f61045b9cf6' }, index.h("slot", { key: 'd67a95c9c3a1a9f7ac75924d639c095578fcb2f1' })));
     }
     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: '7e99171d47bd69694223275a0e54d61d2b44516e' }, index.h("b2b-input-group", { key: '60fd2a81394d6e7408d1ee2972d33557b2cc9feb', disabled: this.disabled }, index.h("b2b-input-list", { key: '33386a3ac5d58513741f4a466e9691d508c83957', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, index.h("slot", { key: '3db98cdec46ad947049b737f5660123785da9338' })), index.h("b2b-button", { key: 'dd0e508bb3ad5afbc406b8ea028b8b455a0ba314', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon", { key: '3df6281860cf677bad22bd3fc6b2299cc67cee37', icon: "b2b_icon-search", clickable: true })))));
+        return (index.h(index.Host, { key: '08be0d3238571d8a4e268d7a54d382114cd05ab4' }, index.h("b2b-input-group", { key: 'dbba9867d3b05f80edbf79973ca51cd9d7c9ec73', disabled: this.disabled }, index.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 }, index.h("slot", { key: '04bdd57ddbbde6f5f41f4704a2bbfa048df32aed' })), index.h("b2b-button", { key: '7e4d662ed1fd9423e77ee8e89beda95367f0a4a2', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon", { key: '71cdddf774b0e58efc0976e7d3505aad4d8da88b', 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: 'a1bd4a84b28f5cdb7b6b48bc0379563a5f4d43c0' }, index.h("div", { key: 'c13b79167aa8aca1d58ab726d3a7608aecd3b28e', class: {
+        return (index.h(index.Host, { key: '06f767c6c587079b6ed216081a4df3c9e599d28f' }, index.h("div", { key: 'c4439cc5b13f6b2932e982c03a3c2518341ef8f2', 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: '933bcea64a5507f37cfbd8cbdb5c47500159c70a' }, index.h("slot", { key: '04b8ee288e4e054a33a7679da0842b95479f167a', name: "tab" }), index.h("b2b-separator", { key: 'e1acc79d62692b0750a1b99d85bfe65826ec0f43' }), index.h("slot", { key: '1a96d84a0f0c75ae0ae8a6bb3fab45a3945f5854', name: "panel" })));
+        return (index.h(index.Host, { key: '78f75532d4293cde9bb93f4351b3796482b72215' }, index.h("slot", { key: 'e2ddc95c558c4bd3d6c20b6e486af19c9d329885', name: "tab" }), index.h("b2b-separator", { key: 'a36eacb8a0261dbf6e246d71fd8466382a9ee05b' }), index.h("slot", { key: 'e248f04a007332dbb1e85f611bcd99ed27b80005', name: "panel" })));
     }
     get hostElement() { return index.getElement(this); }
 };