@otto-de/b2b-core-components 1.32.0 → 1.32.1

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

@@ -1 +1 @@
-import{p as e,b as a}from"./p-b6a753e8.js";export{s as setNonce}from"./p-b6a753e8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a(JSON.parse('[["p-cfc55372",[[1,"b2b-date-picker",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[1,"disable-dates"],"label":[1],"required":[516],"preSelectedDate":[1,"pre-selected-date"],"showHint":[4,"show-hint"],"width":[2],"disableDays":[1,"disable-days"],"disableDatesUntil":[1,"disable-dates-until"],"disableDatesFrom":[1,"disable-dates-from"],"hint":[1],"placeholder":[513],"language":[1],"showDatePicker":[32],"focused":[32],"datePickerView":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32],"userInputDate":[32],"invalid":[32],"errorMessage":[32],"datesToBeDisabled":[32],"normalizedDisableEvery":[32],"normalizedDisableDatesUntil":[32],"normalizedDisableDatesFrom":[32]},[[0,"b2b-date-picker-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-date-picker-previous-month","getPreviousMonth"],[0,"b2b-date-picker-next-month","getNextMonth"],[0,"b2b-date-picker-view-changed","handleDatePickerViewChanged"],[0,"b2b-date-picker-month-selected","handleMonthSelected"],[0,"b2b-date-picker-year-selected","handleYearSelected"]],{"disableDates":["handleDisableDatesChanged"],"disableDays":["handleDisableDaysChanged"],"disableDatesUntil":["handleDisableDatesUntilChanged"],"disableDatesFrom":["handleDisableDatesFromChanged"],"disablePastDates":["handleDisablePastDatesChanged"],"disableFutureDates":["handleDisableFutureDatesChanged"],"disableWeekends":["handleDisableWeekendsChanged"]}]]],["p-28a06853",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-2a2653c2",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[1,"selected-values"],"optionsList":[1,"options-list"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"required":[516],"invalid":[516],"errorMessage":[1,"error-message"],"hint":[1],"disabled":[516],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"isOpen":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChangeFromOutside"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["p-848e4af7",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isAccordionValue":[32],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["p-3f8dc6e5",[[1,"b2b-custom-dropdown",{"placeholder":[513],"disabled":[516],"dropshadow":[516],"border":[516],"autoDisableSearch":[4,"auto-disable-search"],"opened":[1028],"selectedOption":[32],"value":[32],"allOptions":[32]},[[0,"b2b-custom-dropdown-option-selected","handleOptionSelected"],[4,"click","handleClickOutside"]]]]],["p-0322b052",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["p-bade1cab",[[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"]}]]],["p-58e9953b",[[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"]}]]],["p-e6d187e3",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["p-54eee61c",[[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"]}]]],["p-9fb493de",[[1,"b2b-custom-dropdown-option",{"option":[1],"disabled":[516],"separator":[4],"selected":[516],"hoverIcon":[520,"hover-icon"],"hoverIconColor":[513,"hover-icon-color"],"selectedIcon":[520,"selected-icon"],"selectedIconColor":[513,"selected-icon-color"],"isHovered":[32]},[[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"]]]]],["p-0bf2c192",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"placeholder":[1],"placeholderValue":[1,"placeholder-value"],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"isOpen":[32],"focused":[32],"selectedValue":[32],"selectedText":[32],"options":[32],"clearSelection":[64]},null,{"isOpen":["watchDropdownState"]}]]],["p-fc431bbe",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["p-dcef84a5",[[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"]}]]],["p-521303c4",[[1,"b2b-required-separator",{"label":[1]}]]],["p-1d6f73dd",[[1,"b2b-snackbar",{"description":[1],"type":[1],"opened":[1540],"timed":[4],"duration":[2],"hasAction":[4,"has-action"],"actionLabel":[1,"action-label"],"width":[1]},null,{"opened":["onVisibleChange"]}]]],["p-40371f89",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["p-ef598009",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"focusOnLoad":[516,"focus-on-load"],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["p-4c2af381",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1],"hoverColor":[1,"hover-color"],"underlineText":[4,"underline-text"]}]]],["p-03cd0a54",[[1,"b2b-breadcrumb",{"paddingTop":[2,"padding-top"],"paddingBottom":[2,"padding-bottom"]},[[0,"b2b-change","onSelectedChange"]]]]],["p-f90cf3fd",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["p-a97cabf0",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["p-ed5c6006",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["p-db92de92",[[1,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["p-6d64a994",[[1,"b2b-grid",{"margin":[2]}]]],["p-d88113f5",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["p-82a2809e",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["p-4dad7870",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-f83dd748",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-fb0338a8",[[1,"b2b-label",{"type":[1]}]]],["p-15df2a47",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1],"margin":[4],"variant":[1],"display":[1]}]]],["p-2d625559",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["p-16872771",[[1,"b2b-scrollable-container"]]],["p-0bd177d4",[[1,"b2b-shimmer",{"loading":[4],"width":[2],"height":[2]}]]],["p-bf9c8817",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["p-b1191aa7",[[1,"b2b-tab-panel"]]],["p-1abe3f2f",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["p-3a088f2b",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[516],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["p-797c85c2",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["p-e2518c43",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"active":[1028],"disabled":[516]}]]],["p-092855b3",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["p-ff6a0874",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["p-6749d668",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["p-26755654",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["p-e7590b6e",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["p-540a8b9c",[[1,"b2b-background-box",{"maxWidth":[4,"max-width"],"noPadding":[4,"no-padding"],"borderTop":[1,"border-top"],"borderRight":[1,"border-right"],"borderBottom":[1,"border-bottom"],"borderLeft":[1,"border-left"]}]]],["p-6c60d337",[[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"]}]]],["p-660c758b",[[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],"customMargin":[1,"custom-margin"]}]]],["p-190a7350",[[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]}]]],["p-01f46118",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["p-fedefca2",[[1,"b2b-separator",{"alignment":[1]}]]],["p-a614bd46",[[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"]}]]],["p-67744f5b",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["p-b4d46a07",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-f661154c",[[1,"b2b-date-picker-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"language":[1]}],[1,"b2b-date-picker-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"],"disableDates":[16],"disableEvery":[16],"disableDatesUntil":[16],"disableDatesFrom":[16],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-days-header",{"language":[1]}],[1,"b2b-date-picker-months",{"selectedMonth":[2,"selected-month"],"language":[1]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-years",{"selectedYear":[2,"selected-year"],"yearsRange":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-7df12ddf",[[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]}]]],["p-67484ecc",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["p-639d68a2",[[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"focusOnLoad":[4,"focus-on-load"],"groupDisabled":[4,"group-disabled"],"inputTextAlign":[1,"input-text-align"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}]]]]'),e))));
+import{p as e,b as a}from"./p-b6a753e8.js";export{s as setNonce}from"./p-b6a753e8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a(JSON.parse('[["p-6b291a01",[[1,"b2b-date-picker",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[1,"disable-dates"],"label":[1],"required":[516],"preSelectedDate":[1,"pre-selected-date"],"showHint":[4,"show-hint"],"width":[2],"disableDays":[1,"disable-days"],"disableDatesUntil":[1,"disable-dates-until"],"disableDatesFrom":[1,"disable-dates-from"],"hint":[1],"placeholder":[513],"language":[1],"showDatePicker":[32],"focused":[32],"datePickerView":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32],"userInputDate":[32],"invalid":[32],"errorMessage":[32],"datesToBeDisabled":[32],"normalizedDisableEvery":[32],"normalizedDisableDatesUntil":[32],"normalizedDisableDatesFrom":[32]},[[0,"b2b-date-picker-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-date-picker-previous-month","getPreviousMonth"],[0,"b2b-date-picker-next-month","getNextMonth"],[0,"b2b-date-picker-view-changed","handleDatePickerViewChanged"],[0,"b2b-date-picker-month-selected","handleMonthSelected"],[0,"b2b-date-picker-year-selected","handleYearSelected"]],{"disableDates":["handleDisableDatesChanged"],"disableDays":["handleDisableDaysChanged"],"disableDatesUntil":["handleDisableDatesUntilChanged"],"disableDatesFrom":["handleDisableDatesFromChanged"],"disablePastDates":["handleDisablePastDatesChanged"],"disableFutureDates":["handleDisableFutureDatesChanged"],"disableWeekends":["handleDisableWeekendsChanged"]}]]],["p-28a06853",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-ae7ec34a",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[1,"selected-values"],"optionsList":[1,"options-list"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"required":[516],"invalid":[516],"errorMessage":[1,"error-message"],"hint":[1],"disabled":[516],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"isOpen":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChangeFromOutside"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["p-848e4af7",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isAccordionValue":[32],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["p-3f8dc6e5",[[1,"b2b-custom-dropdown",{"placeholder":[513],"disabled":[516],"dropshadow":[516],"border":[516],"autoDisableSearch":[4,"auto-disable-search"],"opened":[1028],"selectedOption":[32],"value":[32],"allOptions":[32]},[[0,"b2b-custom-dropdown-option-selected","handleOptionSelected"],[4,"click","handleClickOutside"]]]]],["p-0322b052",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["p-bade1cab",[[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"]}]]],["p-58e9953b",[[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"]}]]],["p-e6d187e3",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["p-54eee61c",[[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"]}]]],["p-9fb493de",[[1,"b2b-custom-dropdown-option",{"option":[1],"disabled":[516],"separator":[4],"selected":[516],"hoverIcon":[520,"hover-icon"],"hoverIconColor":[513,"hover-icon-color"],"selectedIcon":[520,"selected-icon"],"selectedIconColor":[513,"selected-icon-color"],"isHovered":[32]},[[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"]]]]],["p-0bf2c192",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"placeholder":[1],"placeholderValue":[1,"placeholder-value"],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"isOpen":[32],"focused":[32],"selectedValue":[32],"selectedText":[32],"options":[32],"clearSelection":[64]},null,{"isOpen":["watchDropdownState"]}]]],["p-fc431bbe",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["p-dcef84a5",[[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"]}]]],["p-521303c4",[[1,"b2b-required-separator",{"label":[1]}]]],["p-1d6f73dd",[[1,"b2b-snackbar",{"description":[1],"type":[1],"opened":[1540],"timed":[4],"duration":[2],"hasAction":[4,"has-action"],"actionLabel":[1,"action-label"],"width":[1]},null,{"opened":["onVisibleChange"]}]]],["p-40371f89",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["p-ef598009",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"focusOnLoad":[516,"focus-on-load"],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["p-4c2af381",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1],"hoverColor":[1,"hover-color"],"underlineText":[4,"underline-text"]}]]],["p-03cd0a54",[[1,"b2b-breadcrumb",{"paddingTop":[2,"padding-top"],"paddingBottom":[2,"padding-bottom"]},[[0,"b2b-change","onSelectedChange"]]]]],["p-f90cf3fd",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["p-a97cabf0",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["p-ed5c6006",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["p-db92de92",[[1,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["p-6d64a994",[[1,"b2b-grid",{"margin":[2]}]]],["p-d88113f5",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["p-82a2809e",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["p-4dad7870",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-f83dd748",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-fb0338a8",[[1,"b2b-label",{"type":[1]}]]],["p-15df2a47",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1],"margin":[4],"variant":[1],"display":[1]}]]],["p-2d625559",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["p-16872771",[[1,"b2b-scrollable-container"]]],["p-0bd177d4",[[1,"b2b-shimmer",{"loading":[4],"width":[2],"height":[2]}]]],["p-bf9c8817",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["p-b1191aa7",[[1,"b2b-tab-panel"]]],["p-1abe3f2f",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["p-3a088f2b",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[516],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["p-797c85c2",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["p-e2518c43",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"active":[1028],"disabled":[516]}]]],["p-092855b3",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["p-ff6a0874",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["p-6749d668",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["p-26755654",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["p-e7590b6e",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["p-540a8b9c",[[1,"b2b-background-box",{"maxWidth":[4,"max-width"],"noPadding":[4,"no-padding"],"borderTop":[1,"border-top"],"borderRight":[1,"border-right"],"borderBottom":[1,"border-bottom"],"borderLeft":[1,"border-left"]}]]],["p-6c60d337",[[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"]}]]],["p-660c758b",[[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],"customMargin":[1,"custom-margin"]}]]],["p-190a7350",[[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]}]]],["p-01f46118",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["p-fedefca2",[[1,"b2b-separator",{"alignment":[1]}]]],["p-a614bd46",[[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"]}]]],["p-67744f5b",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["p-b4d46a07",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-f661154c",[[1,"b2b-date-picker-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"language":[1]}],[1,"b2b-date-picker-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"],"disableDates":[16],"disableEvery":[16],"disableDatesUntil":[16],"disableDatesFrom":[16],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-days-header",{"language":[1]}],[1,"b2b-date-picker-months",{"selectedMonth":[2,"selected-month"],"language":[1]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-years",{"selectedYear":[2,"selected-year"],"yearsRange":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-7df12ddf",[[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]}]]],["p-67484ecc",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["p-639d68a2",[[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"focusOnLoad":[4,"focus-on-load"],"groupDisabled":[4,"group-disabled"],"inputTextAlign":[1,"input-text-align"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}]]]]'),e))));

package/dist/b2b-core-components/p-6b291a01.entry.js

@@ -0,0 +1 @@
+import{r as e,c as b,h as i,H as t,g as s}from"./p-b6a753e8.js";import{D as r}from"./p-48608c23.js";import{p as o}from"./p-dbf44caf.js";const a=class{constructor(i){e(this,i),this.b2bSelected=b(this,"b2b-selected",7),this.b2bClear=b(this,"b2b-clear",7),this.DISABLED_DATE_ERROR_MESSAGE="Auswahl nicht möglich, bitte gültiges Datum auswählen.",this.FORMATTING_ERROR_MESSAGE="Format beachten: TT.MM.JJJJ.",this.today=new Date,this.todayWithoutTime=new Date(this.today.getFullYear(),this.today.getMonth(),this.today.getDate()),this.handleInputChange=e=>{this.focused=!0,this.invalid=!1;let b=e.target.value;b=b.replace(/[^0-9.]/g,""),b.length>10&&(b=b.slice(0,10)),this.userInputDate=b,e.target.value=b,10===b.length&&(this.parseDateInput(b),this.invalid&&(this.showDatePicker=!1))},this.handleKeyDown=e=>{if("Enter"===e.key){this.showHideDatePicker(),this.invalid&&(this.invalid=!1,this.showDatePicker=!1);let b=e.target.value;0===b.length&&(this.invalid=!1),10===b.length?(this.parseDateInput(b),this.emitSelectedDate(),this.showDatePicker=!1,this.focused=!1):(this.invalid=!0,this.focused=!1,this.showDatePicker=!1)}"Backspace"===e.key&&0===e.target.value.length&&(this.clearDateInput(),this.invalid=!1)},this.handleInputFocus=()=>{this.parseDateInput(this.userInputDate),this.invalid&&(this.invalid=!1),this.focused=!0},this.setCurrentMonth=e=>{this.selectedMonth=e,this.selectedDay=void 0},this.setCurrentYear=e=>{this.selectedYear=e,this.selectedDay=void 0},this.showHideDatePicker=()=>{this.showDatePicker=!this.showDatePicker,this.datePickerView="Days"},this.clearDateInput=()=>{this.selectedDay=void 0,this.userInputDate=void 0,this.b2bClear.emit()},this.handleBackdropDismiss=()=>{this.showDatePicker=!1},this.disablePastDates=void 0,this.disableFutureDates=void 0,this.disableWeekends=void 0,this.disableDates=[],this.label="Zeitpunkt auswählen",this.required=!1,this.preSelectedDate=void 0,this.showHint=!0,this.width=300,this.disableDays=[],this.disableDatesUntil=void 0,this.disableDatesFrom=void 0,this.hint="Format: TT.MM.JJJJ",this.placeholder=null,this.language="de",this.showDatePicker=!1,this.focused=!1,this.datePickerView="Days",this.selectedMonth=(new Date).getMonth(),this.selectedYear=(new Date).getFullYear(),this.selectedDay=void 0,this.selectedDate=void 0,this.userInputDate="",this.invalid=!1,this.errorMessage=this.FORMATTING_ERROR_MESSAGE,this.datesToBeDisabled=[],this.normalizedDisableEvery=[],this.normalizedDisableDatesUntil=void 0,this.normalizedDisableDatesFrom=void 0}isWithWithinLimit(){return this.width>=300&&this.width<=600}normalizeDisableDatesUntilAndFrom(e){const[b,i,t]=e.split(".").map(Number);return new Date(t,i-1,b)}componentWillLoad(){const e=o(this.disableDates);e.length>0&&(this.datesToBeDisabled=e.map((e=>{const[b,i,t]=e.split(".").map(Number);return new Date(t,i-1,b)})));const b=o(this.disableDays);if(b.length>0&&(this.normalizedDisableEvery=b),this.disableDatesUntil&&""!==this.disableDatesUntil&&(this.normalizedDisableDatesUntil=this.normalizeDisableDatesUntilAndFrom(this.disableDatesUntil)),this.disableDatesFrom&&""!==this.disableDatesFrom&&(this.normalizedDisableDatesFrom=this.normalizeDisableDatesUntilAndFrom(this.disableDatesFrom)),this.preSelectedDate){const[e,b,i]=this.preSelectedDate.split(".").map(Number);this.selectedDay=e,this.selectedMonth=b-1,this.selectedYear=i,this.setSelectedDateForDisplay(),this.showDatePicker=!1}else{const e=new Date;this.selectedDay=void 0,this.selectedMonth=e.getMonth(),this.selectedYear=e.getFullYear(),this.userInputDate=""}}handleEscapePress(){this.showDatePicker=!1}handleDateSelection(e){this.selectedDay=e.detail.selectedDate.getDate(),this.setSelectedDate(),this.showDatePicker=!1,this.focused=!1}getPreviousMonth(){this.invalid=!1,0===this.selectedMonth?(this.setCurrentMonth(11),this.setCurrentYear(this.selectedYear-1)):this.setCurrentMonth(this.selectedMonth-1)}handleDisableDatesChanged(e){const b=o(e);this.datesToBeDisabled=b.map((e=>{const[b,i,t]=e.split(".").map(Number);return new Date(t,i-1,b)}))}handleDisableDaysChanged(e){this.normalizedDisableEvery=o(e)}handleDisableDatesUntilChanged(e){this.normalizedDisableDatesUntil=this.normalizeDisableDatesUntilAndFrom(e)}handleDisableDatesFromChanged(e){this.normalizedDisableDatesFrom=this.normalizeDisableDatesUntilAndFrom(e)}handleDisablePastDatesChanged(e){this.disablePastDates=e}handleDisableFutureDatesChanged(e){this.disableFutureDates=e}handleDisableWeekendsChanged(e){this.disableWeekends=e}parseDateInput(e){if(""==e||void 0===e)return void(this.invalid=!1);if(!/^(0[1-9]|[12][0-9]|3[01])\.(0[1-9]|1[0-2])\.\d{4}$/.test(e))return this.invalid=!0,void(this.errorMessage=this.FORMATTING_ERROR_MESSAGE);const[b,i,t]=e.split(".").map((e=>Number(e)));this.isValidDate(b,i,t)?(this.invalid=!1,this.selectedDay=b,this.selectedMonth=i-1,this.selectedYear=t,this.setSelectedDateForDisplay()):(this.invalid=!0,this.focused=!1,this.selectedDay=this.todayWithoutTime.getDate(),this.selectedMonth=this.todayWithoutTime.getMonth(),this.selectedYear=this.todayWithoutTime.getFullYear())}isValidDate(e,b,i){const t=new Date(i,b-1,e),s=new Date(this.today.getFullYear(),this.today.getMonth(),this.today.getDate()),o=t.getDate()===e,a=t.getMonth()+1===b,l=t.getFullYear()===i&&i>=1900&&i<=2100;if(!o||!a||!l)return this.errorMessage=this.DISABLED_DATE_ERROR_MESSAGE,!1;let h=!0;return r.isDisabledDate(t,{disableDates:this.datesToBeDisabled,disablePastDates:this.disablePastDates,disableFutureDates:this.disableFutureDates,disableWeekends:this.disableWeekends,todayWithoutTime:s,disableEvery:this.normalizedDisableEvery,disableDatesUntil:this.normalizedDisableDatesUntil,disableDatesFrom:this.normalizedDisableDatesFrom})&&(this.errorMessage=this.DISABLED_DATE_ERROR_MESSAGE,h=!1),h}emitSelectedDate(){this.b2bSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,this.selectedDay)})}setSelectedDateForDisplay(){void 0!==this.selectedDay&&this.updateInputWithSelectedDate()}updateInputWithSelectedDate(){const e=this.selectedDay.toString().padStart(2,"0"),b=(this.selectedMonth+1).toString().padStart(2,"0");this.userInputDate=`${e}.${b}.${this.selectedYear}`,this.invalid=!1}getNextMonth(){this.invalid=!1,11===this.selectedMonth?(this.setCurrentMonth(0),this.setCurrentYear(this.selectedYear+1)):this.setCurrentMonth(this.selectedMonth+1)}handleDatePickerViewChanged(e){this.datePickerView=e.detail.value}handleMonthSelected(e){this.setCurrentMonth(e.detail.value),this.datePickerView="Days",this.invalid=!1,setTimeout((()=>{this.setFocusOnCalendarIcon()}),100)}handleYearSelected(e){this.setCurrentYear(e.detail.value),this.datePickerView="Days",this.invalid=!1,setTimeout((()=>{this.setFocusOnCalendarIcon()}),100)}setFocusOnCalendarIcon(){let e=this.host.shadowRoot.querySelector(".b2b-event-icon");null!==e&&e.focus()}setSelectedDate(){this.setSelectedDateForDisplay(),this.b2bSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,this.selectedDay)}),this.invalid=!1,setTimeout((()=>{this.setFocusOnCloseIcon()}),100)}setFocusOnCloseIcon(){let e=this.host.shadowRoot.querySelector(".b2b-close-icon");null!==e&&e.focus()}handleFocusOut(){""===this.userInputDate||this.invalid||this.parseDateInput(this.userInputDate)}moveFocusToInputComponent(){const e=this.host.shadowRoot.querySelector("input.b2b-date-picker-input");return void 0===e||this.invalid?this.showDatePicker||this.invalid?(e.blur(),this.invalid=!1,this.focused=!1,void this.showHideDatePicker()):void 0:(e.focus(),this.focused=!0,void this.showHideDatePicker())}render(){return this.isWithWithinLimit()?i(t,null,i("div",{class:"b2b-date-picker"},i("b2b-input-label",{id:this.label,required:this.required},this.label),i("div",{style:{width:`${this.width}px`},class:{"b2b-date-picker-input-wrapper":!0,"b2b-date-picker-input-wrapper--focused":this.focused||this.showDatePicker,"b2b-date-picker-input-wrapper--error":this.invalid}},i("div",{class:"b2b-date-picker-input-focus-wrapper",onClick:()=>{this.moveFocusToInputComponent()}},i("input",{type:"text",tabindex:0,class:{"b2b-date-picker-input":!0,"b2b-date-picker-input--error":this.invalid},value:this.userInputDate,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus,onBlur:()=>{this.focused=!1,this.handleFocusOut()},placeholder:this.placeholder})),i("div",{class:"b2b-icons"},this.userInputDate&&i("div",{tabIndex:0,onClick:()=>{this.invalid=!1,this.clearDateInput()},class:"b2b-close-icon",onKeyDown:e=>{"Enter"===e.key&&(this.invalid=!1,this.clearDateInput())}},i("b2b-icon-100",{icon:"b2b_icon-close","aria-label":"clear input",clickable:!0})),i("div",{tabindex:0,onClick:()=>{this.invalid&&(this.invalid=!1),this.showHideDatePicker()},onKeyDown:e=>{"Enter"===e.key&&(this.invalid&&(this.invalid=!1),this.showHideDatePicker())},class:"b2b-event-icon"},i("b2b-icon-100",{"aria-label":this.showDatePicker?"close date picker":"open date picker",icon:"b2b_icon-event",clickable:!0}))))),i("div",{class:{"b2b-date-picker-body":!0,"b2b-date-picker-body--hidden":!this.showDatePicker}},"Days"===this.datePickerView&&i("div",null,i("b2b-date-picker-header",{language:this.language,selectedMonth:this.selectedMonth,selectedYear:this.selectedYear}),i("b2b-date-picker-days-header",{language:this.language}),i("b2b-date-picker-days",{selectedMonth:this.selectedMonth,selectedYear:this.selectedYear,selectedDay:this.selectedDay,disableWeekends:this.disableWeekends,disableFutureDates:this.disableFutureDates,disablePastDates:this.disablePastDates,disableDates:this.datesToBeDisabled,disableDatesUntil:this.normalizedDisableDatesUntil,disableEvery:this.normalizedDisableEvery,disableDatesFrom:this.normalizedDisableDatesFrom})),"Months"===this.datePickerView&&i("b2b-date-picker-months",{language:this.language,selectedMonth:this.selectedMonth}),"Years"===this.datePickerView&&i("b2b-date-picker-years",{selectedYear:this.selectedYear})),this.showDatePicker&&i("div",{class:"b2b-date-picker__backdrop",onClick:this.handleBackdropDismiss}),!this.showDatePicker&&i("span",{class:{"b2b-date-picker-hint":!0,"b2b-date-picker-hint--error":this.invalid}},this.invalid?this.errorMessage:this.showHint&&this.hint)):null}get host(){return s(this)}static get watchers(){return{disableDates:["handleDisableDatesChanged"],disableDays:["handleDisableDaysChanged"],disableDatesUntil:["handleDisableDatesUntilChanged"],disableDatesFrom:["handleDisableDatesFromChanged"],disablePastDates:["handleDisablePastDatesChanged"],disableFutureDates:["handleDisableFutureDatesChanged"],disableWeekends:["handleDisableWeekendsChanged"]}}};a.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{position:relative}.b2b-date-picker{position:relative;z-index:300}.b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.b2b-date-picker-input-focus-wrapper{width:100%;height:100%}.b2b-date-picker-input-focus-wrapper:hover{cursor:text}.b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-13) var(--b2b-size-25) var(--b2b-size-13);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}.b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}.b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}.b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}.b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}.b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}.b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}.b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}.b2b-date-picker-body{position:absolute;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);outline-offset:-1px;width:300px;box-sizing:border-box;margin-top:1px;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:1001}.b2b-date-picker-body--hidden{display:none}.b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}.b2b-close-icon{display:block}.b2b-event-icon{display:block}';export{a as b2b_date_picker}

package/dist/b2b-core-components/p-ae7ec34a.entry.js

@@ -0,0 +1 @@
+import{r as b,c as o,h as e,H as r,g as i}from"./p-b6a753e8.js";import{p as t}from"./p-dbf44caf.js";const s=class{constructor(r){b(this,r),this.b2bChange=o(this,"b2b-selected",7),this.handleInput=b=>{if(!this.disabled)if(this.value=b.target.value.toLowerCase(),""!==this.value){const b=this.optionsList.filter((b=>b.toLowerCase().indexOf(this.value)>-1));this.currentList=b}else""===this.value&&(this.currentList=this.optionsList)},this.getOptions=()=>Array.from(this.hostElement.shadowRoot.querySelectorAll("b2b-multiselect-option")).slice(1),this.renderChips=()=>this.currentSelectedValues.map(((b,o)=>o<this.maxOptionsVisible?e("b2b-chip-component",{label:b,value:b,"onB2b-close":this.handleChipClose}):o===this.maxOptionsVisible?e("b2b-chip-component",{label:"...",class:"b2b-multiselect-dropdown__option--show-more-button",hasCloseButton:!0,onClick:this.handleOverflowOptionsClick}):void 0)),this.handleOverflowOptionsClick=()=>{this.isElementFocused||this.setElementOnFocus()},this.handleSelectedChange=b=>{const o=b.detail.selectedOption;this.currentSelectedValues=b.detail.selected?[...this.currentSelectedValues,o]:this.currentSelectedValues.filter((b=>b!==o))},this.handleChipClose=b=>{this.currentSelectedValues=this.currentSelectedValues.filter((o=>o!==b.detail.value)),this.updateOption(b.detail.value),this.isOpen=!0,this.resetFocus()},this.updateOption=b=>{this.getOptions().find((o=>o.option===b)).selected=!1},this.updateAllOptions=b=>{b.forEach((b=>b.selected=!1)),b.filter((b=>this.currentSelectedValues.includes(b.option))).forEach((b=>b.selected=!0))},this.setElementOnFocus=()=>{this.disabled||(this.isElementFocused=!0)},this.setElementOnBlur=b=>{const o=null==b?void 0:b.relatedTarget;this.isOpen=!(!o||!this.hostElement.contains(o)),this.isElementFocused=!1},this.resetFocus=()=>{this.disabled||this.hostElement.shadowRoot.querySelector(".b2b-multiselect-dropdown").focus()},this.handleMouseDown=b=>{this.disabled||this.isElementFocused?b.preventDefault():this.resetFocus()},this.handleKeyDown=b=>{this.disabled||("Enter"===b.key&&(b.preventDefault(),this.resetFocus()),"Escape"===b.key&&(b.preventDefault(),this.setElementOnBlur()))},this.handleSelectAll=b=>{const o=b.detail.selected,e=this.getOptions(),r=e.map((b=>b.option));for(let b=0,r=e.length;b<r;b++)e[b].selected=o;this.currentSelectedValues=o?Array.from(new Set([...this.currentSelectedValues,...r])):this.currentSelectedValues.filter((b=>!r.includes(b)))},this.updateSelectAll=b=>{let o=b.some((b=>!0===b.selected)),e=b.every((b=>!0===b.selected));const r=this.hostElement.shadowRoot.querySelector("b2b-multiselect-option");r.selected=e,r.indeterminate=o&&!e},this.label=void 0,this.placeholder=void 0,this.selectedValues=[],this.optionsList=[],this.searchPlaceholder=void 0,this.selectAllLabel=void 0,this.maxOptionsVisible=8,this.required=!1,this.invalid=!1,this.errorMessage=void 0,this.hint=void 0,this.disabled=!1,this.currentSelectedValues=[],this.currentList=this.optionsList,this.value="",this.isElementFocused=!1,this.isOpen=!1,this.hasOptionList=this.optionsList.length>0}componentWillLoad(){this.selectedValues=t(this.selectedValues),this.optionsList=t(this.optionsList),this.currentList=this.optionsList,this.currentSelectedValues=this.selectedValues.filter((b=>this.optionsList.includes(b)))}watchPropHandler(b){this.optionsList=t(b),this.hasOptionList=this.optionsList.length>0,this.hasOptionList&&(this.currentList=this.optionsList,this.currentSelectedValues=this.selectedValues.filter((b=>this.optionsList.includes(b))))}handleSelectedValuesChangeFromOutside(b){this.selectedValues=t(b),this.currentSelectedValues=this.selectedValues.filter((b=>this.optionsList.includes(b)))}handleSelectedValuesChange(b){this.b2bChange.emit(b)}componentDidUpdate(){const b=this.getOptions();this.updateAllOptions(b),this.updateSelectAll(b)}render(){return e(r,{key:"964bdaefbeef0b8f9f29be1f2e76b795b95ba17e",onFocus:this.setElementOnFocus,onBlur:this.setElementOnBlur,onClick:this.handleMouseDown,onKeyDown:this.handleKeyDown},e("b2b-input-label",{key:"88ab1efa48ac4ecb42c88ac35e6edbb2ad08ece2",required:this.required},this.label),e("div",{key:"5befcc8a885278bac7f00a7407d25ff738b52366",class:{"b2b-multiselect-dropdown":!0,"b2b-multiselect-dropdown--open":this.isOpen,"b2b-multiselect-dropdown--error":this.invalid&&!this.disabled,"b2b-multiselect-dropdown--disabled":this.disabled,"b2b-multiselect-dropdown--focused":this.invalid&&this.isElementFocused},tabindex:0,role:"combobox",onClick:()=>this.isOpen=!this.isOpen,"aria-expanded":this.isElementFocused},e("div",{key:"a0e37fe748d07f62fe0e2c1976369eb7ddcecbe9",class:"b2b-multiselect-dropdown__chip-container"},0===this.currentSelectedValues.length?e("span",{class:"b2b-multiselect-dropdown__placeholder"},this.placeholder):this.renderChips()),e("b2b-icon-100",{key:"c6ffcd302b797626eca29c0ae2876d5bedc1b41f",icon:"b2b_icon-arrow-down"})),e("div",{key:"7ceeb281cf01a1bc526c9d0b6d6c1c0d3c1bca9a",class:{"b2b-multiselect-dropdown__options-container":!0,"b2b-multiselect-dropdown__options-container--visible":this.isOpen}},e("div",{key:"6c44f49ba781b31ed5bdcfad9e4c571e5bbdc871",class:"b2b-multiselect-dropdown__options",role:"listbox","aria-label":this.label,tabIndex:-1},e("div",{key:"07c1bc3b8acb485632e76ae2f688ea9b6647d94b",class:"b2b-multiselect-dropdown__option__search"},e("input",{key:"9264228fda064567ee88f3b26e953ef4bc4071b8",type:"text",onInput:this.handleInput,class:"b2b-multiselect-dropdown__option__search__input",placeholder:this.searchPlaceholder})),e("b2b-multiselect-option",{key:"461fc919fecefa0bcbf7ef3adc54ed78e827f8fb",class:"b2b-multiselect-dropdown__option__select-all",option:this.selectAllLabel,id:"select-all","onB2b-option-selected":this.handleSelectAll}),this.hasOptionList&&this.currentList.map((b=>e("b2b-multiselect-option",{"onB2b-option-selected":this.handleSelectedChange,option:b}))))),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?e("span",{class:"b2b-multiselect-dropdown__hint"},this.hint):"",void 0!==this.errorMessage&&this.invalid&&!this.disabled?e("span",{class:"b2b-multiselect-dropdown__error-message"},this.errorMessage):"")}get hostElement(){return i(this)}static get watchers(){return{optionsList:["watchPropHandler"],selectedValues:["handleSelectedValuesChangeFromOutside"],currentSelectedValues:["handleSelectedValuesChange"]}}};s.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{width:100%}:host b2b-input-label{margin-bottom:var(--b2b-size-5);display:block}:host span{display:block;color:var(--b2b-color-grey-300);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);white-space:normal;overflow-wrap:break-word;max-width:100%}:host .b2b-multiselect-dropdown{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:20rem;overflow:hidden;border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-size-border-radius-100);padding:5px var(--b2b-size-20);max-height:104px;background-color:var(--b2b-color-white-100)}:host .b2b-multiselect-dropdown--open{z-index:1001;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}:host .b2b-multiselect-dropdown--error{border:1px solid var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}:host .b2b-multiselect-dropdown--focused{z-index:1001;outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host .b2b-multiselect-dropdown__chip-container{display:flex;flex-flow:row wrap;align-items:center;gap:4px 0;width:calc(100% - 24px);padding:var(--b2b-size-1) 0}:host .b2b-multiselect-dropdown__placeholder{display:inline-flex;align-items:center;height:auto;line-height:normal;font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);color:var(--b2b-color-black-100);user-select:none;cursor:default;padding:0;border-radius:var(--b2b-size-border-radius-100)}:host .b2b-multiselect-dropdown__options-container{position:relative;display:none}:host .b2b-multiselect-dropdown__options-container--visible{display:block}:host .b2b-multiselect-dropdown__options{position:absolute;width:100%;max-height:312px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:2px none -webkit-focus-ring-color;box-sizing:border-box;z-index:1001}:host .b2b-multiselect-dropdown__option__search{width:100%}:host .b2b-multiselect-dropdown__option__search__input{width:calc(100% - 16px);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);font-family:var(--b2b-font-family-default);outline:none;border-bottom:1px solid var(--b2b-color-grey-200);border-top:0;border-left:0;border-right:0;padding:8px 8px 10px}:host .b2b-multiselect-dropdown__option__select-all{border-bottom:1px solid var(--b2b-color-grey-200)}:host .b2b-multiselect-dropdown__option__show-more-button{cursor:pointer}:host .b2b-multiselect-dropdown--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25);border:1px solid var(--b2b-color-grey-200);cursor:not-allowed;pointer-events:none}:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__chip-container{opacity:0.5}:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__placeholder{color:var(--b2b-color-grey-300)}:host .b2b-multiselect-dropdown__error-message{margin-top:var(--b2b-size-7);color:var(--b2b-color-error-100);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);display:block}:host .b2b-multiselect-dropdown__hint{margin-top:var(--b2b-size-7);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);display:block}';export{s as b2b_multiselect_dropdown}

package/dist/b2b-core-components/p-dbf44caf.js

@@ -0,0 +1 @@
+function r(r){if(Array.isArray(r))return r;if("string"==typeof r)try{return JSON.parse(r)}catch(t){return r.split(",").map((r=>r.trim())).filter(Boolean)}return[]}export{r as p}

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-668808fd.js');
 const datePickerUtil = require('./date-picker-util-51276571.js');
+const jsonPropertyBindingUtil = require('./json-property-binding-util-f532af53.js');
 
 const datePickerCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{position:relative}.b2b-date-picker{position:relative;z-index:300}.b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.b2b-date-picker-input-focus-wrapper{width:100%;height:100%}.b2b-date-picker-input-focus-wrapper:hover{cursor:text}.b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-13) var(--b2b-size-25) var(--b2b-size-13);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}.b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}.b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}.b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}.b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}.b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}.b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}.b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}.b2b-date-picker-body{position:absolute;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);outline-offset:-1px;width:300px;box-sizing:border-box;margin-top:1px;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:1001}.b2b-date-picker-body--hidden{display:none}.b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}.b2b-close-icon{display:block}.b2b-event-icon{display:block}";
 const B2bDatePickerStyle0 = datePickerCss;
@@ -125,36 +126,19 @@ const B2bDatePicker = class {
     isWithWithinLimit() {
         return this.width >= 300 && this.width <= 600;
     }
-    normalizeArrayInput(value) {
-        if (Array.isArray(value)) {
-            return value;
-        }
-        if (typeof value === 'string') {
-            try {
-                return JSON.parse(value);
-            }
-            catch (_a) {
-                return value
-                    .split(',')
-                    .map(v => v.trim())
-                    .filter(Boolean);
-            }
-        }
-        return [];
-    }
     normalizeDisableDatesUntilAndFrom(givenDate) {
         const [day, month, year] = givenDate.split('.').map(Number);
         return new Date(year, month - 1, day);
     }
     componentWillLoad() {
-        const disableDatesArray = this.normalizeArrayInput(this.disableDates);
+        const disableDatesArray = jsonPropertyBindingUtil.parsePropToArray(this.disableDates);
         if (disableDatesArray.length > 0) {
             this.datesToBeDisabled = disableDatesArray.map(date => {
                 const [day, month, year] = date.split('.').map(Number);
                 return new Date(year, month - 1, day);
             });
         }
-        const disableDaysArray = this.normalizeArrayInput(this.disableDays);
+        const disableDaysArray = jsonPropertyBindingUtil.parsePropToArray(this.disableDays);
         if (disableDaysArray.length > 0) {
             this.normalizedDisableEvery = disableDaysArray;
         }
@@ -200,14 +184,14 @@ const B2bDatePicker = class {
         }
     }
     handleDisableDatesChanged(newVal) {
-        const parsed = this.normalizeArrayInput(newVal);
+        const parsed = jsonPropertyBindingUtil.parsePropToArray(newVal);
         this.datesToBeDisabled = parsed.map(date => {
             const [day, month, year] = date.split('.').map(Number);
             return new Date(year, month - 1, day);
         });
     }
     handleDisableDaysChanged(newVal) {
-        this.normalizedDisableEvery = this.normalizeArrayInput(newVal);
+        this.normalizedDisableEvery = jsonPropertyBindingUtil.parsePropToArray(newVal);
     }
     handleDisableDatesUntilChanged(newVal) {
         this.normalizedDisableDatesUntil =

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-668808fd.js');
+const jsonPropertyBindingUtil = require('./json-property-binding-util-f532af53.js');
 
 const multiselectDropdownCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{width:100%}:host b2b-input-label{margin-bottom:var(--b2b-size-5);display:block}:host span{display:block;color:var(--b2b-color-grey-300);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);white-space:normal;overflow-wrap:break-word;max-width:100%}:host .b2b-multiselect-dropdown{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:20rem;overflow:hidden;border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-size-border-radius-100);padding:5px var(--b2b-size-20);max-height:104px;background-color:var(--b2b-color-white-100)}:host .b2b-multiselect-dropdown--open{z-index:1001;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}:host .b2b-multiselect-dropdown--error{border:1px solid var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}:host .b2b-multiselect-dropdown--focused{z-index:1001;outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host .b2b-multiselect-dropdown__chip-container{display:flex;flex-flow:row wrap;align-items:center;gap:4px 0;width:calc(100% - 24px);padding:var(--b2b-size-1) 0}:host .b2b-multiselect-dropdown__placeholder{display:inline-flex;align-items:center;height:auto;line-height:normal;font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);color:var(--b2b-color-black-100);user-select:none;cursor:default;padding:0;border-radius:var(--b2b-size-border-radius-100)}:host .b2b-multiselect-dropdown__options-container{position:relative;display:none}:host .b2b-multiselect-dropdown__options-container--visible{display:block}:host .b2b-multiselect-dropdown__options{position:absolute;width:100%;max-height:312px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:2px none -webkit-focus-ring-color;box-sizing:border-box;z-index:1001}:host .b2b-multiselect-dropdown__option__search{width:100%}:host .b2b-multiselect-dropdown__option__search__input{width:calc(100% - 16px);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);font-family:var(--b2b-font-family-default);outline:none;border-bottom:1px solid var(--b2b-color-grey-200);border-top:0;border-left:0;border-right:0;padding:8px 8px 10px}:host .b2b-multiselect-dropdown__option__select-all{border-bottom:1px solid var(--b2b-color-grey-200)}:host .b2b-multiselect-dropdown__option__show-more-button{cursor:pointer}:host .b2b-multiselect-dropdown--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25);border:1px solid var(--b2b-color-grey-200);cursor:not-allowed;pointer-events:none}:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__chip-container{opacity:0.5}:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__placeholder{color:var(--b2b-color-grey-300)}:host .b2b-multiselect-dropdown__error-message{margin-top:var(--b2b-size-7);color:var(--b2b-color-error-100);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);display:block}:host .b2b-multiselect-dropdown__hint{margin-top:var(--b2b-size-7);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);display:block}";
 const B2bMultiselectDropdownStyle0 = multiselectDropdownCss;
@@ -159,28 +160,15 @@ const B2bMultiSelectDropdown = class {
         this.isOpen = false;
         this.hasOptionList = this.optionsList.length > 0;
     }
-    parsePropToArray(value) {
-        if (Array.isArray(value))
-            return value;
-        try {
-            return JSON.parse(value);
-        }
-        catch (_a) {
-            return value
-                .split(',')
-                .map(v => v.trim())
-                .filter(Boolean);
-        }
-    }
     componentWillLoad() {
-        this.selectedValues = this.parsePropToArray(this.selectedValues);
-        this.optionsList = this.parsePropToArray(this.optionsList);
+        this.selectedValues = jsonPropertyBindingUtil.parsePropToArray(this.selectedValues);
+        this.optionsList = jsonPropertyBindingUtil.parsePropToArray(this.optionsList);
         this.currentList = this.optionsList;
         this.currentSelectedValues = this.selectedValues.filter(value => this.optionsList.includes(value));
     }
     /** Needed to trigger a re-render for async data */
     watchPropHandler(newList) {
-        this.optionsList = this.parsePropToArray(newList);
+        this.optionsList = jsonPropertyBindingUtil.parsePropToArray(newList);
         this.hasOptionList = this.optionsList.length > 0;
         if (this.hasOptionList) {
             this.currentList = this.optionsList;
@@ -189,7 +177,7 @@ const B2bMultiSelectDropdown = class {
     }
     /** Needed to trigger a re-render for async data */
     handleSelectedValuesChangeFromOutside(newVal) {
-        this.selectedValues = this.parsePropToArray(newVal);
+        this.selectedValues = jsonPropertyBindingUtil.parsePropToArray(newVal);
         this.currentSelectedValues = this.selectedValues.filter(val => this.optionsList.includes(val));
     }
     handleSelectedValuesChange(newValues) {
@@ -201,16 +189,16 @@ const B2bMultiSelectDropdown = class {
         this.updateSelectAll(options);
     }
     render() {
-        return (index.h(index.Host, { key: 'e60f59edf1496cb0e087cde11fc96867e4ebba25', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '4d6014efc8cbb1ca0b20b0d581eb5657088ab72d', required: this.required }, this.label), index.h("div", { key: 'b2b63ef89008b8d7ffdfc29c18d2bf0ef5ddc008', class: {
+        return (index.h(index.Host, { key: '964bdaefbeef0b8f9f29be1f2e76b795b95ba17e', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '88ab1efa48ac4ecb42c88ac35e6edbb2ad08ece2', required: this.required }, this.label), index.h("div", { key: '5befcc8a885278bac7f00a7407d25ff738b52366', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isOpen,
                 'b2b-multiselect-dropdown--error': this.invalid && !this.disabled,
                 'b2b-multiselect-dropdown--disabled': this.disabled,
                 'b2b-multiselect-dropdown--focused': this.invalid && this.isElementFocused,
-            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen), "aria-expanded": this.isElementFocused }, index.h("div", { key: '2b2fea8d4021d3f0f4706087fcb7b3e67197f09a', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), index.h("b2b-icon-100", { key: 'a06b5afbf2992887348a5ca01b323e0660534a44', icon: "b2b_icon-arrow-down" })), index.h("div", { key: '73d7087e7dfc30deb9946d3ed6302dbab1d37c0c', class: {
+            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen), "aria-expanded": this.isElementFocused }, index.h("div", { key: 'a0e37fe748d07f62fe0e2c1976369eb7ddcecbe9', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), index.h("b2b-icon-100", { key: 'c6ffcd302b797626eca29c0ae2876d5bedc1b41f', icon: "b2b_icon-arrow-down" })), index.h("div", { key: '7ceeb281cf01a1bc526c9d0b6d6c1c0d3c1bca9a', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isOpen,
-            } }, index.h("div", { key: '7f6cd0531d71da7506d5fb5d907e110f737c2ba8', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: 'f3577ca1b970398b4c16a9aad51ffcd47be1c1ba', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: '63a01d6971aa4b37cc23b025fd8d07b0e6774b9e', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '568d6ffac5173addc461ff5e4d5add25183e66b1', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, index.h("div", { key: '6c44f49ba781b31ed5bdcfad9e4c571e5bbdc871', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: '07c1bc3b8acb485632e76ae2f688ea9b6647d94b', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: '9264228fda064567ee88f3b26e953ef4bc4071b8', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '461fc919fecefa0bcbf7ef3adc54ed78e827f8fb', 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 }))))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", { class: "b2b-multiselect-dropdown__hint" }, this.hint)) : (''), this.errorMessage !== undefined && this.invalid && !this.disabled ? (index.h("span", { class: "b2b-multiselect-dropdown__error-message" }, this.errorMessage)) : ('')));
     }

package/dist/cjs/json-property-binding-util-f532af53.js

@@ -0,0 +1,20 @@
+'use strict';
+
+function parsePropToArray(value) {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string') {
+        try {
+            return JSON.parse(value);
+        }
+        catch (_a) {
+            return value
+                .split(',')
+                .map(v => v.trim())
+                .filter(Boolean);
+        }
+    }
+    return [];
+}
+
+exports.parsePropToArray = parsePropToArray;

package/dist/collection/components/date-picker/date-picker.js

@@ -1,5 +1,6 @@
 import { h, Host, } from "@stencil/core";
 import { DateUtils } from "../../utils/datepicker/date-picker-util";
+import { parsePropToArray } from "../../utils/json-property-binding-util";
 export class B2bDatePicker {
     constructor() {
         this.DISABLED_DATE_ERROR_MESSAGE = 'Auswahl nicht möglich, bitte gültiges Datum auswählen.';
@@ -114,36 +115,19 @@ export class B2bDatePicker {
     isWithWithinLimit() {
         return this.width >= 300 && this.width <= 600;
     }
-    normalizeArrayInput(value) {
-        if (Array.isArray(value)) {
-            return value;
-        }
-        if (typeof value === 'string') {
-            try {
-                return JSON.parse(value);
-            }
-            catch (_a) {
-                return value
-                    .split(',')
-                    .map(v => v.trim())
-                    .filter(Boolean);
-            }
-        }
-        return [];
-    }
     normalizeDisableDatesUntilAndFrom(givenDate) {
         const [day, month, year] = givenDate.split('.').map(Number);
         return new Date(year, month - 1, day);
     }
     componentWillLoad() {
-        const disableDatesArray = this.normalizeArrayInput(this.disableDates);
+        const disableDatesArray = parsePropToArray(this.disableDates);
         if (disableDatesArray.length > 0) {
             this.datesToBeDisabled = disableDatesArray.map(date => {
                 const [day, month, year] = date.split('.').map(Number);
                 return new Date(year, month - 1, day);
             });
         }
-        const disableDaysArray = this.normalizeArrayInput(this.disableDays);
+        const disableDaysArray = parsePropToArray(this.disableDays);
         if (disableDaysArray.length > 0) {
             this.normalizedDisableEvery = disableDaysArray;
         }
@@ -189,14 +173,14 @@ export class B2bDatePicker {
         }
     }
     handleDisableDatesChanged(newVal) {
-        const parsed = this.normalizeArrayInput(newVal);
+        const parsed = parsePropToArray(newVal);
         this.datesToBeDisabled = parsed.map(date => {
             const [day, month, year] = date.split('.').map(Number);
             return new Date(year, month - 1, day);
         });
     }
     handleDisableDaysChanged(newVal) {
-        this.normalizedDisableEvery = this.normalizeArrayInput(newVal);
+        this.normalizedDisableEvery = parsePropToArray(newVal);
     }
     handleDisableDatesUntilChanged(newVal) {
         this.normalizedDisableDatesUntil =

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

@@ -1,4 +1,5 @@
 import { h, Host, } from "@stencil/core";
+import { parsePropToArray } from "../../utils/json-property-binding-util";
 export class B2bMultiSelectDropdown {
     constructor() {
         this.handleInput = event => {
@@ -149,28 +150,15 @@ export class B2bMultiSelectDropdown {
         this.isOpen = false;
         this.hasOptionList = this.optionsList.length > 0;
     }
-    parsePropToArray(value) {
-        if (Array.isArray(value))
-            return value;
-        try {
-            return JSON.parse(value);
-        }
-        catch (_a) {
-            return value
-                .split(',')
-                .map(v => v.trim())
-                .filter(Boolean);
-        }
-    }
     componentWillLoad() {
-        this.selectedValues = this.parsePropToArray(this.selectedValues);
-        this.optionsList = this.parsePropToArray(this.optionsList);
+        this.selectedValues = parsePropToArray(this.selectedValues);
+        this.optionsList = parsePropToArray(this.optionsList);
         this.currentList = this.optionsList;
         this.currentSelectedValues = this.selectedValues.filter(value => this.optionsList.includes(value));
     }
     /** Needed to trigger a re-render for async data */
     watchPropHandler(newList) {
-        this.optionsList = this.parsePropToArray(newList);
+        this.optionsList = parsePropToArray(newList);
         this.hasOptionList = this.optionsList.length > 0;
         if (this.hasOptionList) {
             this.currentList = this.optionsList;
@@ -179,7 +167,7 @@ export class B2bMultiSelectDropdown {
     }
     /** Needed to trigger a re-render for async data */
     handleSelectedValuesChangeFromOutside(newVal) {
-        this.selectedValues = this.parsePropToArray(newVal);
+        this.selectedValues = parsePropToArray(newVal);
         this.currentSelectedValues = this.selectedValues.filter(val => this.optionsList.includes(val));
     }
     handleSelectedValuesChange(newValues) {
@@ -191,16 +179,16 @@ export class B2bMultiSelectDropdown {
         this.updateSelectAll(options);
     }
     render() {
-        return (h(Host, { key: 'e60f59edf1496cb0e087cde11fc96867e4ebba25', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '4d6014efc8cbb1ca0b20b0d581eb5657088ab72d', required: this.required }, this.label), h("div", { key: 'b2b63ef89008b8d7ffdfc29c18d2bf0ef5ddc008', class: {
+        return (h(Host, { key: '964bdaefbeef0b8f9f29be1f2e76b795b95ba17e', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '88ab1efa48ac4ecb42c88ac35e6edbb2ad08ece2', required: this.required }, this.label), h("div", { key: '5befcc8a885278bac7f00a7407d25ff738b52366', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isOpen,
                 'b2b-multiselect-dropdown--error': this.invalid && !this.disabled,
                 'b2b-multiselect-dropdown--disabled': this.disabled,
                 'b2b-multiselect-dropdown--focused': this.invalid && this.isElementFocused,
-            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen), "aria-expanded": this.isElementFocused }, h("div", { key: '2b2fea8d4021d3f0f4706087fcb7b3e67197f09a', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), h("b2b-icon-100", { key: 'a06b5afbf2992887348a5ca01b323e0660534a44', icon: "b2b_icon-arrow-down" })), h("div", { key: '73d7087e7dfc30deb9946d3ed6302dbab1d37c0c', class: {
+            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen), "aria-expanded": this.isElementFocused }, h("div", { key: 'a0e37fe748d07f62fe0e2c1976369eb7ddcecbe9', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), h("b2b-icon-100", { key: 'c6ffcd302b797626eca29c0ae2876d5bedc1b41f', icon: "b2b_icon-arrow-down" })), h("div", { key: '7ceeb281cf01a1bc526c9d0b6d6c1c0d3c1bca9a', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isOpen,
-            } }, h("div", { key: '7f6cd0531d71da7506d5fb5d907e110f737c2ba8', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: 'f3577ca1b970398b4c16a9aad51ffcd47be1c1ba', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '63a01d6971aa4b37cc23b025fd8d07b0e6774b9e', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '568d6ffac5173addc461ff5e4d5add25183e66b1', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, h("div", { key: '6c44f49ba781b31ed5bdcfad9e4c571e5bbdc871', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: '07c1bc3b8acb485632e76ae2f688ea9b6647d94b', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '9264228fda064567ee88f3b26e953ef4bc4071b8', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '461fc919fecefa0bcbf7ef3adc54ed78e827f8fb', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option }))))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", { class: "b2b-multiselect-dropdown__hint" }, this.hint)) : (''), this.errorMessage !== undefined && this.invalid && !this.disabled ? (h("span", { class: "b2b-multiselect-dropdown__error-message" }, this.errorMessage)) : ('')));
     }

package/dist/collection/utils/json-property-binding-util.js

@@ -0,0 +1,16 @@
+export function parsePropToArray(value) {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string') {
+        try {
+            return JSON.parse(value);
+        }
+        catch (_a) {
+            return value
+                .split(',')
+                .map(v => v.trim())
+                .filter(Boolean);
+        }
+    }
+    return [];
+}

package/dist/components/b2b-date-picker.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { D as DateUtils, d as defineCustomElement$9 } from './date-picker-days.js';
+import { p as parsePropToArray } from './json-property-binding-util.js';
 import { d as defineCustomElement$8 } from './date-picker-days-header.js';
 import { d as defineCustomElement$7 } from './date-picker-header.js';
 import { d as defineCustomElement$6 } from './date-picker-months.js';
@@ -130,36 +131,19 @@ const B2bDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker ext
     isWithWithinLimit() {
         return this.width >= 300 && this.width <= 600;
     }
-    normalizeArrayInput(value) {
-        if (Array.isArray(value)) {
-            return value;
-        }
-        if (typeof value === 'string') {
-            try {
-                return JSON.parse(value);
-            }
-            catch (_a) {
-                return value
-                    .split(',')
-                    .map(v => v.trim())
-                    .filter(Boolean);
-            }
-        }
-        return [];
-    }
     normalizeDisableDatesUntilAndFrom(givenDate) {
         const [day, month, year] = givenDate.split('.').map(Number);
         return new Date(year, month - 1, day);
     }
     componentWillLoad() {
-        const disableDatesArray = this.normalizeArrayInput(this.disableDates);
+        const disableDatesArray = parsePropToArray(this.disableDates);
         if (disableDatesArray.length > 0) {
             this.datesToBeDisabled = disableDatesArray.map(date => {
                 const [day, month, year] = date.split('.').map(Number);
                 return new Date(year, month - 1, day);
             });
         }
-        const disableDaysArray = this.normalizeArrayInput(this.disableDays);
+        const disableDaysArray = parsePropToArray(this.disableDays);
         if (disableDaysArray.length > 0) {
             this.normalizedDisableEvery = disableDaysArray;
         }
@@ -205,14 +189,14 @@ const B2bDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker ext
         }
     }
     handleDisableDatesChanged(newVal) {
-        const parsed = this.normalizeArrayInput(newVal);
+        const parsed = parsePropToArray(newVal);
         this.datesToBeDisabled = parsed.map(date => {
             const [day, month, year] = date.split('.').map(Number);
             return new Date(year, month - 1, day);
         });
     }
     handleDisableDaysChanged(newVal) {
-        this.normalizedDisableEvery = this.normalizeArrayInput(newVal);
+        this.normalizedDisableEvery = parsePropToArray(newVal);
     }
     handleDisableDatesUntilChanged(newVal) {
         this.normalizedDisableDatesUntil =

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

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { p as parsePropToArray } from './json-property-binding-util.js';
 import { d as defineCustomElement$6 } from './checkbox.js';
 import { d as defineCustomElement$5 } from './chip.js';
 import { d as defineCustomElement$4 } from './icon-100.js';
@@ -162,28 +163,15 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
         this.isOpen = false;
         this.hasOptionList = this.optionsList.length > 0;
     }
-    parsePropToArray(value) {
-        if (Array.isArray(value))
-            return value;
-        try {
-            return JSON.parse(value);
-        }
-        catch (_a) {
-            return value
-                .split(',')
-                .map(v => v.trim())
-                .filter(Boolean);
-        }
-    }
     componentWillLoad() {
-        this.selectedValues = this.parsePropToArray(this.selectedValues);
-        this.optionsList = this.parsePropToArray(this.optionsList);
+        this.selectedValues = parsePropToArray(this.selectedValues);
+        this.optionsList = parsePropToArray(this.optionsList);
         this.currentList = this.optionsList;
         this.currentSelectedValues = this.selectedValues.filter(value => this.optionsList.includes(value));
     }
     /** Needed to trigger a re-render for async data */
     watchPropHandler(newList) {
-        this.optionsList = this.parsePropToArray(newList);
+        this.optionsList = parsePropToArray(newList);
         this.hasOptionList = this.optionsList.length > 0;
         if (this.hasOptionList) {
             this.currentList = this.optionsList;
@@ -192,7 +180,7 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
     }
     /** Needed to trigger a re-render for async data */
     handleSelectedValuesChangeFromOutside(newVal) {
-        this.selectedValues = this.parsePropToArray(newVal);
+        this.selectedValues = parsePropToArray(newVal);
         this.currentSelectedValues = this.selectedValues.filter(val => this.optionsList.includes(val));
     }
     handleSelectedValuesChange(newValues) {
@@ -204,16 +192,16 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
         this.updateSelectAll(options);
     }
     render() {
-        return (h(Host, { key: 'e60f59edf1496cb0e087cde11fc96867e4ebba25', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '4d6014efc8cbb1ca0b20b0d581eb5657088ab72d', required: this.required }, this.label), h("div", { key: 'b2b63ef89008b8d7ffdfc29c18d2bf0ef5ddc008', class: {
+        return (h(Host, { key: '964bdaefbeef0b8f9f29be1f2e76b795b95ba17e', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '88ab1efa48ac4ecb42c88ac35e6edbb2ad08ece2', required: this.required }, this.label), h("div", { key: '5befcc8a885278bac7f00a7407d25ff738b52366', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isOpen,
                 'b2b-multiselect-dropdown--error': this.invalid && !this.disabled,
                 'b2b-multiselect-dropdown--disabled': this.disabled,
                 'b2b-multiselect-dropdown--focused': this.invalid && this.isElementFocused,
-            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen), "aria-expanded": this.isElementFocused }, h("div", { key: '2b2fea8d4021d3f0f4706087fcb7b3e67197f09a', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), h("b2b-icon-100", { key: 'a06b5afbf2992887348a5ca01b323e0660534a44', icon: "b2b_icon-arrow-down" })), h("div", { key: '73d7087e7dfc30deb9946d3ed6302dbab1d37c0c', class: {
+            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen), "aria-expanded": this.isElementFocused }, h("div", { key: 'a0e37fe748d07f62fe0e2c1976369eb7ddcecbe9', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), h("b2b-icon-100", { key: 'c6ffcd302b797626eca29c0ae2876d5bedc1b41f', icon: "b2b_icon-arrow-down" })), h("div", { key: '7ceeb281cf01a1bc526c9d0b6d6c1c0d3c1bca9a', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isOpen,
-            } }, h("div", { key: '7f6cd0531d71da7506d5fb5d907e110f737c2ba8', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: 'f3577ca1b970398b4c16a9aad51ffcd47be1c1ba', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '63a01d6971aa4b37cc23b025fd8d07b0e6774b9e', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '568d6ffac5173addc461ff5e4d5add25183e66b1', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, h("div", { key: '6c44f49ba781b31ed5bdcfad9e4c571e5bbdc871', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: '07c1bc3b8acb485632e76ae2f688ea9b6647d94b', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '9264228fda064567ee88f3b26e953ef4bc4071b8', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '461fc919fecefa0bcbf7ef3adc54ed78e827f8fb', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option }))))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", { class: "b2b-multiselect-dropdown__hint" }, this.hint)) : (''), this.errorMessage !== undefined && this.invalid && !this.disabled ? (h("span", { class: "b2b-multiselect-dropdown__error-message" }, this.errorMessage)) : ('')));
     }

package/dist/components/json-property-binding-util.js

@@ -0,0 +1,18 @@
+function parsePropToArray(value) {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string') {
+        try {
+            return JSON.parse(value);
+        }
+        catch (_a) {
+            return value
+                .split(',')
+                .map(v => v.trim())
+                .filter(Boolean);
+        }
+    }
+    return [];
+}
+
+export { parsePropToArray as p };

package/dist/esm/b2b-date-picker.entry.js

@@ -1,5 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab9eb36d.js';
 import { D as DateUtils } from './date-picker-util-44201ca6.js';
+import { p as parsePropToArray } from './json-property-binding-util-5513739e.js';
 
 const datePickerCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{position:relative}.b2b-date-picker{position:relative;z-index:300}.b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.b2b-date-picker-input-focus-wrapper{width:100%;height:100%}.b2b-date-picker-input-focus-wrapper:hover{cursor:text}.b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-13) var(--b2b-size-25) var(--b2b-size-13);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}.b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}.b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}.b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}.b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}.b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}.b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}.b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}.b2b-date-picker-body{position:absolute;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);outline-offset:-1px;width:300px;box-sizing:border-box;margin-top:1px;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:1001}.b2b-date-picker-body--hidden{display:none}.b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}.b2b-close-icon{display:block}.b2b-event-icon{display:block}";
 const B2bDatePickerStyle0 = datePickerCss;
@@ -121,36 +122,19 @@ const B2bDatePicker = class {
     isWithWithinLimit() {
         return this.width >= 300 && this.width <= 600;
     }
-    normalizeArrayInput(value) {
-        if (Array.isArray(value)) {
-            return value;
-        }
-        if (typeof value === 'string') {
-            try {
-                return JSON.parse(value);
-            }
-            catch (_a) {
-                return value
-                    .split(',')
-                    .map(v => v.trim())
-                    .filter(Boolean);
-            }
-        }
-        return [];
-    }
     normalizeDisableDatesUntilAndFrom(givenDate) {
         const [day, month, year] = givenDate.split('.').map(Number);
         return new Date(year, month - 1, day);
     }
     componentWillLoad() {
-        const disableDatesArray = this.normalizeArrayInput(this.disableDates);
+        const disableDatesArray = parsePropToArray(this.disableDates);
         if (disableDatesArray.length > 0) {
             this.datesToBeDisabled = disableDatesArray.map(date => {
                 const [day, month, year] = date.split('.').map(Number);
                 return new Date(year, month - 1, day);
             });
         }
-        const disableDaysArray = this.normalizeArrayInput(this.disableDays);
+        const disableDaysArray = parsePropToArray(this.disableDays);
         if (disableDaysArray.length > 0) {
             this.normalizedDisableEvery = disableDaysArray;
         }
@@ -196,14 +180,14 @@ const B2bDatePicker = class {
         }
     }
     handleDisableDatesChanged(newVal) {
-        const parsed = this.normalizeArrayInput(newVal);
+        const parsed = parsePropToArray(newVal);
         this.datesToBeDisabled = parsed.map(date => {
             const [day, month, year] = date.split('.').map(Number);
             return new Date(year, month - 1, day);
         });
     }
     handleDisableDaysChanged(newVal) {
-        this.normalizedDisableEvery = this.normalizeArrayInput(newVal);
+        this.normalizedDisableEvery = parsePropToArray(newVal);
     }
     handleDisableDatesUntilChanged(newVal) {
         this.normalizedDisableDatesUntil =

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

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab9eb36d.js';
+import { p as parsePropToArray } from './json-property-binding-util-5513739e.js';
 
 const multiselectDropdownCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{width:100%}:host b2b-input-label{margin-bottom:var(--b2b-size-5);display:block}:host span{display:block;color:var(--b2b-color-grey-300);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);white-space:normal;overflow-wrap:break-word;max-width:100%}:host .b2b-multiselect-dropdown{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:20rem;overflow:hidden;border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-size-border-radius-100);padding:5px var(--b2b-size-20);max-height:104px;background-color:var(--b2b-color-white-100)}:host .b2b-multiselect-dropdown--open{z-index:1001;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}:host .b2b-multiselect-dropdown--error{border:1px solid var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}:host .b2b-multiselect-dropdown--focused{z-index:1001;outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host .b2b-multiselect-dropdown__chip-container{display:flex;flex-flow:row wrap;align-items:center;gap:4px 0;width:calc(100% - 24px);padding:var(--b2b-size-1) 0}:host .b2b-multiselect-dropdown__placeholder{display:inline-flex;align-items:center;height:auto;line-height:normal;font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);color:var(--b2b-color-black-100);user-select:none;cursor:default;padding:0;border-radius:var(--b2b-size-border-radius-100)}:host .b2b-multiselect-dropdown__options-container{position:relative;display:none}:host .b2b-multiselect-dropdown__options-container--visible{display:block}:host .b2b-multiselect-dropdown__options{position:absolute;width:100%;max-height:312px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:2px none -webkit-focus-ring-color;box-sizing:border-box;z-index:1001}:host .b2b-multiselect-dropdown__option__search{width:100%}:host .b2b-multiselect-dropdown__option__search__input{width:calc(100% - 16px);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);font-family:var(--b2b-font-family-default);outline:none;border-bottom:1px solid var(--b2b-color-grey-200);border-top:0;border-left:0;border-right:0;padding:8px 8px 10px}:host .b2b-multiselect-dropdown__option__select-all{border-bottom:1px solid var(--b2b-color-grey-200)}:host .b2b-multiselect-dropdown__option__show-more-button{cursor:pointer}:host .b2b-multiselect-dropdown--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25);border:1px solid var(--b2b-color-grey-200);cursor:not-allowed;pointer-events:none}:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__chip-container{opacity:0.5}:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__placeholder{color:var(--b2b-color-grey-300)}:host .b2b-multiselect-dropdown__error-message{margin-top:var(--b2b-size-7);color:var(--b2b-color-error-100);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);display:block}:host .b2b-multiselect-dropdown__hint{margin-top:var(--b2b-size-7);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);display:block}";
 const B2bMultiselectDropdownStyle0 = multiselectDropdownCss;
@@ -155,28 +156,15 @@ const B2bMultiSelectDropdown = class {
         this.isOpen = false;
         this.hasOptionList = this.optionsList.length > 0;
     }
-    parsePropToArray(value) {
-        if (Array.isArray(value))
-            return value;
-        try {
-            return JSON.parse(value);
-        }
-        catch (_a) {
-            return value
-                .split(',')
-                .map(v => v.trim())
-                .filter(Boolean);
-        }
-    }
     componentWillLoad() {
-        this.selectedValues = this.parsePropToArray(this.selectedValues);
-        this.optionsList = this.parsePropToArray(this.optionsList);
+        this.selectedValues = parsePropToArray(this.selectedValues);
+        this.optionsList = parsePropToArray(this.optionsList);
         this.currentList = this.optionsList;
         this.currentSelectedValues = this.selectedValues.filter(value => this.optionsList.includes(value));
     }
     /** Needed to trigger a re-render for async data */
     watchPropHandler(newList) {
-        this.optionsList = this.parsePropToArray(newList);
+        this.optionsList = parsePropToArray(newList);
         this.hasOptionList = this.optionsList.length > 0;
         if (this.hasOptionList) {
             this.currentList = this.optionsList;
@@ -185,7 +173,7 @@ const B2bMultiSelectDropdown = class {
     }
     /** Needed to trigger a re-render for async data */
     handleSelectedValuesChangeFromOutside(newVal) {
-        this.selectedValues = this.parsePropToArray(newVal);
+        this.selectedValues = parsePropToArray(newVal);
         this.currentSelectedValues = this.selectedValues.filter(val => this.optionsList.includes(val));
     }
     handleSelectedValuesChange(newValues) {
@@ -197,16 +185,16 @@ const B2bMultiSelectDropdown = class {
         this.updateSelectAll(options);
     }
     render() {
-        return (h(Host, { key: 'e60f59edf1496cb0e087cde11fc96867e4ebba25', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '4d6014efc8cbb1ca0b20b0d581eb5657088ab72d', required: this.required }, this.label), h("div", { key: 'b2b63ef89008b8d7ffdfc29c18d2bf0ef5ddc008', class: {
+        return (h(Host, { key: '964bdaefbeef0b8f9f29be1f2e76b795b95ba17e', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '88ab1efa48ac4ecb42c88ac35e6edbb2ad08ece2', required: this.required }, this.label), h("div", { key: '5befcc8a885278bac7f00a7407d25ff738b52366', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isOpen,
                 'b2b-multiselect-dropdown--error': this.invalid && !this.disabled,
                 'b2b-multiselect-dropdown--disabled': this.disabled,
                 'b2b-multiselect-dropdown--focused': this.invalid && this.isElementFocused,
-            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen), "aria-expanded": this.isElementFocused }, h("div", { key: '2b2fea8d4021d3f0f4706087fcb7b3e67197f09a', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), h("b2b-icon-100", { key: 'a06b5afbf2992887348a5ca01b323e0660534a44', icon: "b2b_icon-arrow-down" })), h("div", { key: '73d7087e7dfc30deb9946d3ed6302dbab1d37c0c', class: {
+            }, tabindex: 0, role: "combobox", onClick: () => (this.isOpen = !this.isOpen), "aria-expanded": this.isElementFocused }, h("div", { key: 'a0e37fe748d07f62fe0e2c1976369eb7ddcecbe9', class: "b2b-multiselect-dropdown__chip-container" }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (this.renderChips())), h("b2b-icon-100", { key: 'c6ffcd302b797626eca29c0ae2876d5bedc1b41f', icon: "b2b_icon-arrow-down" })), h("div", { key: '7ceeb281cf01a1bc526c9d0b6d6c1c0d3c1bca9a', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isOpen,
-            } }, h("div", { key: '7f6cd0531d71da7506d5fb5d907e110f737c2ba8', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: 'f3577ca1b970398b4c16a9aad51ffcd47be1c1ba', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '63a01d6971aa4b37cc23b025fd8d07b0e6774b9e', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '568d6ffac5173addc461ff5e4d5add25183e66b1', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, h("div", { key: '6c44f49ba781b31ed5bdcfad9e4c571e5bbdc871', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: '07c1bc3b8acb485632e76ae2f688ea9b6647d94b', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '9264228fda064567ee88f3b26e953ef4bc4071b8', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), h("b2b-multiselect-option", { key: '461fc919fecefa0bcbf7ef3adc54ed78e827f8fb', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option }))))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", { class: "b2b-multiselect-dropdown__hint" }, this.hint)) : (''), this.errorMessage !== undefined && this.invalid && !this.disabled ? (h("span", { class: "b2b-multiselect-dropdown__error-message" }, this.errorMessage)) : ('')));
     }

package/dist/esm/json-property-binding-util-5513739e.js

@@ -0,0 +1,18 @@
+function parsePropToArray(value) {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string') {
+        try {
+            return JSON.parse(value);
+        }
+        catch (_a) {
+            return value
+                .split(',')
+                .map(v => v.trim())
+                .filter(Boolean);
+        }
+    }
+    return [];
+}
+
+export { parsePropToArray as p };

package/dist/types/components/date-picker/date-picker.d.ts

@@ -55,7 +55,6 @@ export declare class B2bDatePicker {
     private today;
     private todayWithoutTime;
     private isWithWithinLimit;
-    private normalizeArrayInput;
     private normalizeDisableDatesUntilAndFrom;
     componentWillLoad(): void;
     handleEscapePress(): void;

package/dist/types/components/multiselect-dropdown/multiselect-dropdown.d.ts

@@ -33,7 +33,6 @@ export declare class B2bMultiSelectDropdown {
     isElementFocused: boolean;
     isOpen: boolean;
     hasOptionList: boolean;
-    private parsePropToArray;
     componentWillLoad(): void;
     /** Needed to trigger a re-render for async data */
     watchPropHandler(newList: string[] | string): void;

package/dist/types/utils/json-property-binding-util.d.ts

@@ -0,0 +1 @@
+export declare function parsePropToArray(value: string | string[]): string[];

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@otto-de/b2b-core-components",
-  "version": "1.31.4",
+  "version": "1.32.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@otto-de/b2b-core-components",
-  "version": "1.32.0",
+  "version": "1.32.1",
   "description": "Core components defined with Stencil",
   "author": "Otto GmbH",
   "license": "Apache-2.0",
@@ -43,7 +43,7 @@
   "dependencies": {
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.22.0",
-    "@otto-de/b2b-tokens": "1.32.0",
+    "@otto-de/b2b-tokens": "1.32.1",
     "@stencil/core": "4.13.0",
     "globals": "^16.0.0"
   },

package/dist/b2b-core-components/p-2a2653c2.entry.js

@@ -1 +0,0 @@
-import{r as b,c as o,h as e,H as r,g as i}from"./p-b6a753e8.js";const t=class{constructor(r){b(this,r),this.b2bChange=o(this,"b2b-selected",7),this.handleInput=b=>{if(!this.disabled)if(this.value=b.target.value.toLowerCase(),""!==this.value){const b=this.optionsList.filter((b=>b.toLowerCase().indexOf(this.value)>-1));this.currentList=b}else""===this.value&&(this.currentList=this.optionsList)},this.getOptions=()=>Array.from(this.hostElement.shadowRoot.querySelectorAll("b2b-multiselect-option")).slice(1),this.renderChips=()=>this.currentSelectedValues.map(((b,o)=>o<this.maxOptionsVisible?e("b2b-chip-component",{label:b,value:b,"onB2b-close":this.handleChipClose}):o===this.maxOptionsVisible?e("b2b-chip-component",{label:"...",class:"b2b-multiselect-dropdown__option--show-more-button",hasCloseButton:!0,onClick:this.handleOverflowOptionsClick}):void 0)),this.handleOverflowOptionsClick=()=>{this.isElementFocused||this.setElementOnFocus()},this.handleSelectedChange=b=>{const o=b.detail.selectedOption;this.currentSelectedValues=b.detail.selected?[...this.currentSelectedValues,o]:this.currentSelectedValues.filter((b=>b!==o))},this.handleChipClose=b=>{this.currentSelectedValues=this.currentSelectedValues.filter((o=>o!==b.detail.value)),this.updateOption(b.detail.value),this.isOpen=!0,this.resetFocus()},this.updateOption=b=>{this.getOptions().find((o=>o.option===b)).selected=!1},this.updateAllOptions=b=>{b.forEach((b=>b.selected=!1)),b.filter((b=>this.currentSelectedValues.includes(b.option))).forEach((b=>b.selected=!0))},this.setElementOnFocus=()=>{this.disabled||(this.isElementFocused=!0)},this.setElementOnBlur=b=>{const o=null==b?void 0:b.relatedTarget;this.isOpen=!(!o||!this.hostElement.contains(o)),this.isElementFocused=!1},this.resetFocus=()=>{this.disabled||this.hostElement.shadowRoot.querySelector(".b2b-multiselect-dropdown").focus()},this.handleMouseDown=b=>{this.disabled||this.isElementFocused?b.preventDefault():this.resetFocus()},this.handleKeyDown=b=>{this.disabled||("Enter"===b.key&&(b.preventDefault(),this.resetFocus()),"Escape"===b.key&&(b.preventDefault(),this.setElementOnBlur()))},this.handleSelectAll=b=>{const o=b.detail.selected,e=this.getOptions(),r=e.map((b=>b.option));for(let b=0,r=e.length;b<r;b++)e[b].selected=o;this.currentSelectedValues=o?Array.from(new Set([...this.currentSelectedValues,...r])):this.currentSelectedValues.filter((b=>!r.includes(b)))},this.updateSelectAll=b=>{let o=b.some((b=>!0===b.selected)),e=b.every((b=>!0===b.selected));const r=this.hostElement.shadowRoot.querySelector("b2b-multiselect-option");r.selected=e,r.indeterminate=o&&!e},this.label=void 0,this.placeholder=void 0,this.selectedValues=[],this.optionsList=[],this.searchPlaceholder=void 0,this.selectAllLabel=void 0,this.maxOptionsVisible=8,this.required=!1,this.invalid=!1,this.errorMessage=void 0,this.hint=void 0,this.disabled=!1,this.currentSelectedValues=[],this.currentList=this.optionsList,this.value="",this.isElementFocused=!1,this.isOpen=!1,this.hasOptionList=this.optionsList.length>0}parsePropToArray(b){if(Array.isArray(b))return b;try{return JSON.parse(b)}catch(o){return b.split(",").map((b=>b.trim())).filter(Boolean)}}componentWillLoad(){this.selectedValues=this.parsePropToArray(this.selectedValues),this.optionsList=this.parsePropToArray(this.optionsList),this.currentList=this.optionsList,this.currentSelectedValues=this.selectedValues.filter((b=>this.optionsList.includes(b)))}watchPropHandler(b){this.optionsList=this.parsePropToArray(b),this.hasOptionList=this.optionsList.length>0,this.hasOptionList&&(this.currentList=this.optionsList,this.currentSelectedValues=this.selectedValues.filter((b=>this.optionsList.includes(b))))}handleSelectedValuesChangeFromOutside(b){this.selectedValues=this.parsePropToArray(b),this.currentSelectedValues=this.selectedValues.filter((b=>this.optionsList.includes(b)))}handleSelectedValuesChange(b){this.b2bChange.emit(b)}componentDidUpdate(){const b=this.getOptions();this.updateAllOptions(b),this.updateSelectAll(b)}render(){return e(r,{key:"e60f59edf1496cb0e087cde11fc96867e4ebba25",onFocus:this.setElementOnFocus,onBlur:this.setElementOnBlur,onClick:this.handleMouseDown,onKeyDown:this.handleKeyDown},e("b2b-input-label",{key:"4d6014efc8cbb1ca0b20b0d581eb5657088ab72d",required:this.required},this.label),e("div",{key:"b2b63ef89008b8d7ffdfc29c18d2bf0ef5ddc008",class:{"b2b-multiselect-dropdown":!0,"b2b-multiselect-dropdown--open":this.isOpen,"b2b-multiselect-dropdown--error":this.invalid&&!this.disabled,"b2b-multiselect-dropdown--disabled":this.disabled,"b2b-multiselect-dropdown--focused":this.invalid&&this.isElementFocused},tabindex:0,role:"combobox",onClick:()=>this.isOpen=!this.isOpen,"aria-expanded":this.isElementFocused},e("div",{key:"2b2fea8d4021d3f0f4706087fcb7b3e67197f09a",class:"b2b-multiselect-dropdown__chip-container"},0===this.currentSelectedValues.length?e("span",{class:"b2b-multiselect-dropdown__placeholder"},this.placeholder):this.renderChips()),e("b2b-icon-100",{key:"a06b5afbf2992887348a5ca01b323e0660534a44",icon:"b2b_icon-arrow-down"})),e("div",{key:"73d7087e7dfc30deb9946d3ed6302dbab1d37c0c",class:{"b2b-multiselect-dropdown__options-container":!0,"b2b-multiselect-dropdown__options-container--visible":this.isOpen}},e("div",{key:"7f6cd0531d71da7506d5fb5d907e110f737c2ba8",class:"b2b-multiselect-dropdown__options",role:"listbox","aria-label":this.label,tabIndex:-1},e("div",{key:"f3577ca1b970398b4c16a9aad51ffcd47be1c1ba",class:"b2b-multiselect-dropdown__option__search"},e("input",{key:"63a01d6971aa4b37cc23b025fd8d07b0e6774b9e",type:"text",onInput:this.handleInput,class:"b2b-multiselect-dropdown__option__search__input",placeholder:this.searchPlaceholder})),e("b2b-multiselect-option",{key:"568d6ffac5173addc461ff5e4d5add25183e66b1",class:"b2b-multiselect-dropdown__option__select-all",option:this.selectAllLabel,id:"select-all","onB2b-option-selected":this.handleSelectAll}),this.hasOptionList&&this.currentList.map((b=>e("b2b-multiselect-option",{"onB2b-option-selected":this.handleSelectedChange,option:b}))))),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?e("span",{class:"b2b-multiselect-dropdown__hint"},this.hint):"",void 0!==this.errorMessage&&this.invalid&&!this.disabled?e("span",{class:"b2b-multiselect-dropdown__error-message"},this.errorMessage):"")}get hostElement(){return i(this)}static get watchers(){return{optionsList:["watchPropHandler"],selectedValues:["handleSelectedValuesChangeFromOutside"],currentSelectedValues:["handleSelectedValuesChange"]}}};t.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{width:100%}:host b2b-input-label{margin-bottom:var(--b2b-size-5);display:block}:host span{display:block;color:var(--b2b-color-grey-300);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);white-space:normal;overflow-wrap:break-word;max-width:100%}:host .b2b-multiselect-dropdown{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:20rem;overflow:hidden;border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-size-border-radius-100);padding:5px var(--b2b-size-20);max-height:104px;background-color:var(--b2b-color-white-100)}:host .b2b-multiselect-dropdown--open{z-index:1001;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}:host .b2b-multiselect-dropdown--error{border:1px solid var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}:host .b2b-multiselect-dropdown--focused{z-index:1001;outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host .b2b-multiselect-dropdown__chip-container{display:flex;flex-flow:row wrap;align-items:center;gap:4px 0;width:calc(100% - 24px);padding:var(--b2b-size-1) 0}:host .b2b-multiselect-dropdown__placeholder{display:inline-flex;align-items:center;height:auto;line-height:normal;font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);color:var(--b2b-color-black-100);user-select:none;cursor:default;padding:0;border-radius:var(--b2b-size-border-radius-100)}:host .b2b-multiselect-dropdown__options-container{position:relative;display:none}:host .b2b-multiselect-dropdown__options-container--visible{display:block}:host .b2b-multiselect-dropdown__options{position:absolute;width:100%;max-height:312px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:2px none -webkit-focus-ring-color;box-sizing:border-box;z-index:1001}:host .b2b-multiselect-dropdown__option__search{width:100%}:host .b2b-multiselect-dropdown__option__search__input{width:calc(100% - 16px);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);font-family:var(--b2b-font-family-default);outline:none;border-bottom:1px solid var(--b2b-color-grey-200);border-top:0;border-left:0;border-right:0;padding:8px 8px 10px}:host .b2b-multiselect-dropdown__option__select-all{border-bottom:1px solid var(--b2b-color-grey-200)}:host .b2b-multiselect-dropdown__option__show-more-button{cursor:pointer}:host .b2b-multiselect-dropdown--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25);border:1px solid var(--b2b-color-grey-200);cursor:not-allowed;pointer-events:none}:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__chip-container{opacity:0.5}:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__placeholder{color:var(--b2b-color-grey-300)}:host .b2b-multiselect-dropdown__error-message{margin-top:var(--b2b-size-7);color:var(--b2b-color-error-100);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);display:block}:host .b2b-multiselect-dropdown__hint{margin-top:var(--b2b-size-7);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);font-family:var(--b2b-font-family-default);display:block}';export{t as b2b_multiselect_dropdown}

package/dist/b2b-core-components/p-cfc55372.entry.js

@@ -1 +0,0 @@
-import{r as e,c as b,h as i,H as t,g as s}from"./p-b6a753e8.js";import{D as r}from"./p-48608c23.js";const o=class{constructor(i){e(this,i),this.b2bSelected=b(this,"b2b-selected",7),this.b2bClear=b(this,"b2b-clear",7),this.DISABLED_DATE_ERROR_MESSAGE="Auswahl nicht möglich, bitte gültiges Datum auswählen.",this.FORMATTING_ERROR_MESSAGE="Format beachten: TT.MM.JJJJ.",this.today=new Date,this.todayWithoutTime=new Date(this.today.getFullYear(),this.today.getMonth(),this.today.getDate()),this.handleInputChange=e=>{this.focused=!0,this.invalid=!1;let b=e.target.value;b=b.replace(/[^0-9.]/g,""),b.length>10&&(b=b.slice(0,10)),this.userInputDate=b,e.target.value=b,10===b.length&&(this.parseDateInput(b),this.invalid&&(this.showDatePicker=!1))},this.handleKeyDown=e=>{if("Enter"===e.key){this.showHideDatePicker(),this.invalid&&(this.invalid=!1,this.showDatePicker=!1);let b=e.target.value;0===b.length&&(this.invalid=!1),10===b.length?(this.parseDateInput(b),this.emitSelectedDate(),this.showDatePicker=!1,this.focused=!1):(this.invalid=!0,this.focused=!1,this.showDatePicker=!1)}"Backspace"===e.key&&0===e.target.value.length&&(this.clearDateInput(),this.invalid=!1)},this.handleInputFocus=()=>{this.parseDateInput(this.userInputDate),this.invalid&&(this.invalid=!1),this.focused=!0},this.setCurrentMonth=e=>{this.selectedMonth=e,this.selectedDay=void 0},this.setCurrentYear=e=>{this.selectedYear=e,this.selectedDay=void 0},this.showHideDatePicker=()=>{this.showDatePicker=!this.showDatePicker,this.datePickerView="Days"},this.clearDateInput=()=>{this.selectedDay=void 0,this.userInputDate=void 0,this.b2bClear.emit()},this.handleBackdropDismiss=()=>{this.showDatePicker=!1},this.disablePastDates=void 0,this.disableFutureDates=void 0,this.disableWeekends=void 0,this.disableDates=[],this.label="Zeitpunkt auswählen",this.required=!1,this.preSelectedDate=void 0,this.showHint=!0,this.width=300,this.disableDays=[],this.disableDatesUntil=void 0,this.disableDatesFrom=void 0,this.hint="Format: TT.MM.JJJJ",this.placeholder=null,this.language="de",this.showDatePicker=!1,this.focused=!1,this.datePickerView="Days",this.selectedMonth=(new Date).getMonth(),this.selectedYear=(new Date).getFullYear(),this.selectedDay=void 0,this.selectedDate=void 0,this.userInputDate="",this.invalid=!1,this.errorMessage=this.FORMATTING_ERROR_MESSAGE,this.datesToBeDisabled=[],this.normalizedDisableEvery=[],this.normalizedDisableDatesUntil=void 0,this.normalizedDisableDatesFrom=void 0}isWithWithinLimit(){return this.width>=300&&this.width<=600}normalizeArrayInput(e){if(Array.isArray(e))return e;if("string"==typeof e)try{return JSON.parse(e)}catch(b){return e.split(",").map((e=>e.trim())).filter(Boolean)}return[]}normalizeDisableDatesUntilAndFrom(e){const[b,i,t]=e.split(".").map(Number);return new Date(t,i-1,b)}componentWillLoad(){const e=this.normalizeArrayInput(this.disableDates);e.length>0&&(this.datesToBeDisabled=e.map((e=>{const[b,i,t]=e.split(".").map(Number);return new Date(t,i-1,b)})));const b=this.normalizeArrayInput(this.disableDays);if(b.length>0&&(this.normalizedDisableEvery=b),this.disableDatesUntil&&""!==this.disableDatesUntil&&(this.normalizedDisableDatesUntil=this.normalizeDisableDatesUntilAndFrom(this.disableDatesUntil)),this.disableDatesFrom&&""!==this.disableDatesFrom&&(this.normalizedDisableDatesFrom=this.normalizeDisableDatesUntilAndFrom(this.disableDatesFrom)),this.preSelectedDate){const[e,b,i]=this.preSelectedDate.split(".").map(Number);this.selectedDay=e,this.selectedMonth=b-1,this.selectedYear=i,this.setSelectedDateForDisplay(),this.showDatePicker=!1}else{const e=new Date;this.selectedDay=void 0,this.selectedMonth=e.getMonth(),this.selectedYear=e.getFullYear(),this.userInputDate=""}}handleEscapePress(){this.showDatePicker=!1}handleDateSelection(e){this.selectedDay=e.detail.selectedDate.getDate(),this.setSelectedDate(),this.showDatePicker=!1,this.focused=!1}getPreviousMonth(){this.invalid=!1,0===this.selectedMonth?(this.setCurrentMonth(11),this.setCurrentYear(this.selectedYear-1)):this.setCurrentMonth(this.selectedMonth-1)}handleDisableDatesChanged(e){const b=this.normalizeArrayInput(e);this.datesToBeDisabled=b.map((e=>{const[b,i,t]=e.split(".").map(Number);return new Date(t,i-1,b)}))}handleDisableDaysChanged(e){this.normalizedDisableEvery=this.normalizeArrayInput(e)}handleDisableDatesUntilChanged(e){this.normalizedDisableDatesUntil=this.normalizeDisableDatesUntilAndFrom(e)}handleDisableDatesFromChanged(e){this.normalizedDisableDatesFrom=this.normalizeDisableDatesUntilAndFrom(e)}handleDisablePastDatesChanged(e){this.disablePastDates=e}handleDisableFutureDatesChanged(e){this.disableFutureDates=e}handleDisableWeekendsChanged(e){this.disableWeekends=e}parseDateInput(e){if(""==e||void 0===e)return void(this.invalid=!1);if(!/^(0[1-9]|[12][0-9]|3[01])\.(0[1-9]|1[0-2])\.\d{4}$/.test(e))return this.invalid=!0,void(this.errorMessage=this.FORMATTING_ERROR_MESSAGE);const[b,i,t]=e.split(".").map((e=>Number(e)));this.isValidDate(b,i,t)?(this.invalid=!1,this.selectedDay=b,this.selectedMonth=i-1,this.selectedYear=t,this.setSelectedDateForDisplay()):(this.invalid=!0,this.focused=!1,this.selectedDay=this.todayWithoutTime.getDate(),this.selectedMonth=this.todayWithoutTime.getMonth(),this.selectedYear=this.todayWithoutTime.getFullYear())}isValidDate(e,b,i){const t=new Date(i,b-1,e),s=new Date(this.today.getFullYear(),this.today.getMonth(),this.today.getDate()),o=t.getDate()===e,a=t.getMonth()+1===b,l=t.getFullYear()===i&&i>=1900&&i<=2100;if(!o||!a||!l)return this.errorMessage=this.DISABLED_DATE_ERROR_MESSAGE,!1;let h=!0;return r.isDisabledDate(t,{disableDates:this.datesToBeDisabled,disablePastDates:this.disablePastDates,disableFutureDates:this.disableFutureDates,disableWeekends:this.disableWeekends,todayWithoutTime:s,disableEvery:this.normalizedDisableEvery,disableDatesUntil:this.normalizedDisableDatesUntil,disableDatesFrom:this.normalizedDisableDatesFrom})&&(this.errorMessage=this.DISABLED_DATE_ERROR_MESSAGE,h=!1),h}emitSelectedDate(){this.b2bSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,this.selectedDay)})}setSelectedDateForDisplay(){void 0!==this.selectedDay&&this.updateInputWithSelectedDate()}updateInputWithSelectedDate(){const e=this.selectedDay.toString().padStart(2,"0"),b=(this.selectedMonth+1).toString().padStart(2,"0");this.userInputDate=`${e}.${b}.${this.selectedYear}`,this.invalid=!1}getNextMonth(){this.invalid=!1,11===this.selectedMonth?(this.setCurrentMonth(0),this.setCurrentYear(this.selectedYear+1)):this.setCurrentMonth(this.selectedMonth+1)}handleDatePickerViewChanged(e){this.datePickerView=e.detail.value}handleMonthSelected(e){this.setCurrentMonth(e.detail.value),this.datePickerView="Days",this.invalid=!1,setTimeout((()=>{this.setFocusOnCalendarIcon()}),100)}handleYearSelected(e){this.setCurrentYear(e.detail.value),this.datePickerView="Days",this.invalid=!1,setTimeout((()=>{this.setFocusOnCalendarIcon()}),100)}setFocusOnCalendarIcon(){let e=this.host.shadowRoot.querySelector(".b2b-event-icon");null!==e&&e.focus()}setSelectedDate(){this.setSelectedDateForDisplay(),this.b2bSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,this.selectedDay)}),this.invalid=!1,setTimeout((()=>{this.setFocusOnCloseIcon()}),100)}setFocusOnCloseIcon(){let e=this.host.shadowRoot.querySelector(".b2b-close-icon");null!==e&&e.focus()}handleFocusOut(){""===this.userInputDate||this.invalid||this.parseDateInput(this.userInputDate)}moveFocusToInputComponent(){const e=this.host.shadowRoot.querySelector("input.b2b-date-picker-input");return void 0===e||this.invalid?this.showDatePicker||this.invalid?(e.blur(),this.invalid=!1,this.focused=!1,void this.showHideDatePicker()):void 0:(e.focus(),this.focused=!0,void this.showHideDatePicker())}render(){return this.isWithWithinLimit()?i(t,null,i("div",{class:"b2b-date-picker"},i("b2b-input-label",{id:this.label,required:this.required},this.label),i("div",{style:{width:`${this.width}px`},class:{"b2b-date-picker-input-wrapper":!0,"b2b-date-picker-input-wrapper--focused":this.focused||this.showDatePicker,"b2b-date-picker-input-wrapper--error":this.invalid}},i("div",{class:"b2b-date-picker-input-focus-wrapper",onClick:()=>{this.moveFocusToInputComponent()}},i("input",{type:"text",tabindex:0,class:{"b2b-date-picker-input":!0,"b2b-date-picker-input--error":this.invalid},value:this.userInputDate,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus,onBlur:()=>{this.focused=!1,this.handleFocusOut()},placeholder:this.placeholder})),i("div",{class:"b2b-icons"},this.userInputDate&&i("div",{tabIndex:0,onClick:()=>{this.invalid=!1,this.clearDateInput()},class:"b2b-close-icon",onKeyDown:e=>{"Enter"===e.key&&(this.invalid=!1,this.clearDateInput())}},i("b2b-icon-100",{icon:"b2b_icon-close","aria-label":"clear input",clickable:!0})),i("div",{tabindex:0,onClick:()=>{this.invalid&&(this.invalid=!1),this.showHideDatePicker()},onKeyDown:e=>{"Enter"===e.key&&(this.invalid&&(this.invalid=!1),this.showHideDatePicker())},class:"b2b-event-icon"},i("b2b-icon-100",{"aria-label":this.showDatePicker?"close date picker":"open date picker",icon:"b2b_icon-event",clickable:!0}))))),i("div",{class:{"b2b-date-picker-body":!0,"b2b-date-picker-body--hidden":!this.showDatePicker}},"Days"===this.datePickerView&&i("div",null,i("b2b-date-picker-header",{language:this.language,selectedMonth:this.selectedMonth,selectedYear:this.selectedYear}),i("b2b-date-picker-days-header",{language:this.language}),i("b2b-date-picker-days",{selectedMonth:this.selectedMonth,selectedYear:this.selectedYear,selectedDay:this.selectedDay,disableWeekends:this.disableWeekends,disableFutureDates:this.disableFutureDates,disablePastDates:this.disablePastDates,disableDates:this.datesToBeDisabled,disableDatesUntil:this.normalizedDisableDatesUntil,disableEvery:this.normalizedDisableEvery,disableDatesFrom:this.normalizedDisableDatesFrom})),"Months"===this.datePickerView&&i("b2b-date-picker-months",{language:this.language,selectedMonth:this.selectedMonth}),"Years"===this.datePickerView&&i("b2b-date-picker-years",{selectedYear:this.selectedYear})),this.showDatePicker&&i("div",{class:"b2b-date-picker__backdrop",onClick:this.handleBackdropDismiss}),!this.showDatePicker&&i("span",{class:{"b2b-date-picker-hint":!0,"b2b-date-picker-hint--error":this.invalid}},this.invalid?this.errorMessage:this.showHint&&this.hint)):null}get host(){return s(this)}static get watchers(){return{disableDates:["handleDisableDatesChanged"],disableDays:["handleDisableDaysChanged"],disableDatesUntil:["handleDisableDatesUntilChanged"],disableDatesFrom:["handleDisableDatesFromChanged"],disablePastDates:["handleDisablePastDatesChanged"],disableFutureDates:["handleDisableFutureDatesChanged"],disableWeekends:["handleDisableWeekendsChanged"]}}};o.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{position:relative}.b2b-date-picker{position:relative;z-index:300}.b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.b2b-date-picker-input-focus-wrapper{width:100%;height:100%}.b2b-date-picker-input-focus-wrapper:hover{cursor:text}.b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-13) var(--b2b-size-25) var(--b2b-size-13);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}.b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}.b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}.b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}.b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}.b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}.b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}.b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}.b2b-date-picker-body{position:absolute;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);outline-offset:-1px;width:300px;box-sizing:border-box;margin-top:1px;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:1001}.b2b-date-picker-body--hidden{display:none}.b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}.b2b-close-icon{display:block}.b2b-event-icon{display:block}';export{o as b2b_date_picker}