npm - @otto-de/b2b-core-components - Versions diffs - 1.38.2 → 1.38.4 - Mend

@otto-de/b2b-core-components 1.38.2 → 1.38.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (301) hide show

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

@@ -16,5 +16,5 @@ const patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"b2b-date-range-picker\",[[1,\"b2b-date-range-picker\",{\"label\":[1],\"required\":[4],\"dateRange\":[1,\"date-range\"],\"disableDates\":[16],\"presets\":[16],\"invalid\":[4],\"hint\":[1],\"error\":[1],\"language\":[1],\"open\":[32],\"tempDate\":[32],\"internalDateRange\":[32],\"highlightDateRange\":[32],\"viewMode\":[32],\"viewedYear\":[32],\"viewedMonth\":[32],\"viewedDay\":[32]},[[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-previous-month\",\"previousMonth\"],[0,\"b2b-date-picker-next-month\",\"nextMonth\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"],[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelected\"]],{\"dateRange\":[\"updateDateRange\"]}]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disabled\":[4],\"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\"]],{\"disabled\":[\"handleDisabledChanged\"],\"disableDates\":[\"handleDisableDatesChanged\"],\"disableDays\":[\"handleDisableDaysChanged\"],\"disableDatesUntil\":[\"handleDisableDatesUntilChanged\"],\"disableDatesFrom\":[\"handleDisableDatesFromChanged\"],\"disablePastDates\":[\"handleDisablePastDatesChanged\"],\"disableFutureDates\":[\"handleDisableFutureDatesChanged\"],\"disableWeekends\":[\"handleDisableWeekendsChanged\"]}]]],[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown\",[[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],\"groupDisabled\":[4,\"group-disabled\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"isOpen\":[32],\"normalizedOptions\":[32],\"normalizedSelected\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"selectedValues\":[\"handleSelectedValuesChangeFromOutside\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[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\"]]]]],[\"b2b-custom-dropdown\",[[1,\"b2b-custom-dropdown\",{\"placeholder\":[513],\"disabled\":[516],\"dropshadow\":[516],\"border\":[516],\"alignment\":[513],\"autoDisableSearch\":[4,\"auto-disable-search\"],\"opened\":[1028],\"noResultsText\":[1,\"no-results-text\"],\"selectedOption\":[32],\"value\":[32],\"allOptions\":[32],\"hasVisibleOptions\":[32]},[[0,\"b2b-custom-dropdown-option-selected\",\"handleOptionSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"search\":[516],\"clear\":[516],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"isOpen\":[32],\"focused\":[32],\"selectedValue\":[32],\"selectedText\":[32],\"options\":[32],\"searchValue\":[32],\"truncatedText\":[32],\"clearSelection\":[64]},null,{\"isOpen\":[\"watchDropdownState\"]}]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-time-picker\",[[1,\"b2b-time-picker\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"invalid\":[516],\"hint\":[1],\"interval\":[2],\"error\":[1],\"value\":[1537],\"hasFocus\":[32],\"isOpen\":[32],\"availableTimes\":[32],\"internalErrorMessage\":[32],\"internalInvalid\":[32]},null,{\"interval\":[\"handleIntervalChange\"],\"value\":[\"validateValue\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-custom-dropdown-option\",[[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\"]]]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar\",[[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\"]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[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]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[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\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-background-box\",[[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\"]}]]],[\"b2b-date-picker-days\",[[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\"]]]]],[\"b2b-input-list-option\",[[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[1,\"options-list\"],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"currentList\":[32],\"isElementFocused\":[32],\"searchValue\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"label\":[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\"]}]]],[\"b2b-date-range-picker-days_2\",[[1,\"b2b-date-range-picker-days\",{\"viewedDate\":[1,\"viewed-date\"],\"firstDate\":[1,\"first-date\"],\"secondDate\":[1,\"second-date\"],\"disableDates\":[16],\"preview\":[4],\"viewedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input\",[[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]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-date-picker-days-header_4\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[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\"]]]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"b2b-date-range-picker\",[[1,\"b2b-date-range-picker\",{\"label\":[1],\"required\":[4],\"dateRange\":[1,\"date-range\"],\"disableDates\":[16],\"presets\":[16],\"invalid\":[4],\"hint\":[1],\"error\":[1],\"language\":[1],\"open\":[32],\"tempDate\":[32],\"internalDateRange\":[32],\"highlightDateRange\":[32],\"viewMode\":[32],\"viewedYear\":[32],\"viewedMonth\":[32],\"viewedDay\":[32]},[[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-previous-month\",\"previousMonth\"],[0,\"b2b-date-picker-next-month\",\"nextMonth\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"],[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelected\"]],{\"dateRange\":[\"updateDateRange\"]}]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disabled\":[4],\"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\"]],{\"disabled\":[\"handleDisabledChanged\"],\"disableDates\":[\"handleDisableDatesChanged\"],\"disableDays\":[\"handleDisableDaysChanged\"],\"disableDatesUntil\":[\"handleDisableDatesUntilChanged\"],\"disableDatesFrom\":[\"handleDisableDatesFromChanged\"],\"disablePastDates\":[\"handleDisablePastDatesChanged\"],\"disableFutureDates\":[\"handleDisableFutureDatesChanged\"],\"disableWeekends\":[\"handleDisableWeekendsChanged\"]}]]],[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown\",[[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],\"groupDisabled\":[4,\"group-disabled\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"isOpen\":[32],\"normalizedOptions\":[32],\"normalizedSelected\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"selectedValues\":[\"handleSelectedValuesChangeFromOutside\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[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\"]]]]],[\"b2b-custom-dropdown\",[[1,\"b2b-custom-dropdown\",{\"placeholder\":[513],\"disabled\":[516],\"dropshadow\":[516],\"border\":[516],\"alignment\":[513],\"autoDisableSearch\":[4,\"auto-disable-search\"],\"opened\":[1028],\"noResultsText\":[1,\"no-results-text\"],\"selectedOption\":[32],\"value\":[32],\"allOptions\":[32],\"hasVisibleOptions\":[32]},[[0,\"b2b-custom-dropdown-option-selected\",\"handleOptionSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"search\":[516],\"clear\":[516],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"isOpen\":[32],\"focused\":[32],\"selectedValue\":[32],\"selectedText\":[32],\"options\":[32],\"searchValue\":[32],\"truncatedText\":[32],\"clearSelection\":[64]},null,{\"isOpen\":[\"watchDropdownState\"]}]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-time-picker\",[[1,\"b2b-time-picker\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"invalid\":[516],\"hint\":[1],\"interval\":[2],\"error\":[1],\"value\":[1537],\"hasFocus\":[32],\"isOpen\":[32],\"availableTimes\":[32],\"internalErrorMessage\":[32],\"internalInvalid\":[32]},null,{\"interval\":[\"handleIntervalChange\"],\"value\":[\"validateValue\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-custom-dropdown-option\",[[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\"]]]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar\",[[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\"]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[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]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-custom-dropdown-option-category\",[[1,\"b2b-custom-dropdown-option-category\",{\"label\":[1]}]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[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\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-background-box\",[[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\"]}]]],[\"b2b-date-picker-days\",[[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\"]]]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[1,\"options-list\"],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"currentList\":[32],\"isElementFocused\":[32],\"searchValue\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"label\":[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\"]}]]],[\"b2b-date-range-picker-days_2\",[[1,\"b2b-date-range-picker-days\",{\"viewedDate\":[1,\"viewed-date\"],\"firstDate\":[1,\"first-date\"],\"secondDate\":[1,\"second-date\"],\"disableDates\":[16],\"preview\":[4],\"viewedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-input-list-option\",[[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-input\",[[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]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-date-picker-days-header_4\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[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\"]]]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
 });

package/dist/esm/b2b-custom-dropdown-option-category.entry.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-ab9eb36d.js';
+const customDropdownOptionCategoryCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--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-35);--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-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--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{display:block;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;border-bottom:1px solid var(--b2b-color-grey-200)}.b2b-custom-dropdown__option-category-label{display:block;min-height:22px;width:100%;max-width:100%;overflow:hidden;padding:4px 16px;box-sizing:border-box;font-family:var(--b2b-font-family-default), sans-serif;font-size:var(--b2b-size-copy-50);font-weight:400;line-height:18px;letter-spacing:0;color:var(--b2b-color-grey-400);background-color:var(--b2b-color-white-100)}";
+const B2bCustomDropdownOptionCategoryStyle0 = customDropdownOptionCategoryCss;
+const CustomDropdownWithOptionHeadingComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = '';
+    }
+    render() {
+        return (h(Host, { key: '111d82b1ea150f72a5f4c49783693a21714e37fb', class: "b2b-custom-dropdown__option-category" }, this.label && (h("div", { class: "b2b-custom-dropdown__option-category-label" }, this.label)), h("slot", { key: '0d08b0fabb98ac5e3c042125cf0e8888a5eb1c91' })));
+    }
+};
+CustomDropdownWithOptionHeadingComponent.style = B2bCustomDropdownOptionCategoryStyle0;
+export { CustomDropdownWithOptionHeadingComponent as b2b_custom_dropdown_option_category };

package/dist/esm/b2b-custom-dropdown-option.entry.js CHANGED Viewed

@@ -35,13 +35,13 @@ const CustomDropdownOptionComponent = class {
         return `var(--${color})`;
     }
     render() {
-        return (h(Host, { key: '3a2103f763b42234fdba4b0d86747061a9d38433', class: {
+        return (h(Host, { key: 'a359c42ad0ab610198027a1cba088c64f4e3e0c2', class: {
                 'b2b-custom-dropdown__option': true,
                 'b2b-custom-dropdown__option-hover': this.isHovered && !this.selected,
                 'b2b-custom-dropdown__option--disabled': this.disabled,
                 'b2b-custom-dropdown__option--separator': this.separator,
                 'b2b-custom-dropdown__option--selected': this.selected,
-            }, onClick: this.handleClick, disabled: this.disabled, "aria-disabled": this.disabled, role: "option", "aria-selected": this.selected.toString() }, h("div", { key: 'd9fd6073f7f6d402617aefd3f96f882250f4dff3', class: "b2b-option-container" }, h("div", { key: '8bf64fbbf02755bf0557016c22ac60874f4fa584', class: "b2b-custom-dropdown__text-content" }, this.option), h("div", { key: '1b27ba43dca79d5620620c5a2a61982f677a6c35', class: "b2b-custom-dropdown__icon-container" }, this.isHovered && !this.selected && this.hoverIcon ? (h("b2b-icon-100", { icon: this.hoverIcon, style: {
+            }, onClick: this.handleClick, disabled: this.disabled, "aria-disabled": this.disabled, role: "option", "aria-selected": this.selected.toString() }, h("div", { key: '11b25a959672c9bad2c0b222f5c458e9fda2fb18', class: "b2b-option-container" }, h("div", { key: '1eee7a415084b4595ecc674785fbffdc341d81b2', class: "b2b-custom-dropdown__text-content" }, this.option), h("div", { key: 'ccc571d8dad1719aa3c33a8e5b8c6141fecac1ac', class: "b2b-custom-dropdown__icon-container" }, this.isHovered && !this.selected && this.hoverIcon ? (h("b2b-icon-100", { icon: this.hoverIcon, style: {
                 color: this.formatColorVariable(this.hoverIconColor),
             } })) : this.selected && this.selectedIcon ? (h("b2b-icon-100", { icon: this.selectedIcon, style: {
                 color: this.formatColorVariable(this.selectedIconColor),

package/dist/esm/b2b-custom-dropdown.entry.js CHANGED Viewed

@@ -1,12 +1,13 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-ab9eb36d.js';
 import { i as isClickOutside } from './utils-17e4d283.js';
-const customDropdownCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--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-35);--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-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--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{display:inline-block;position:relative;width:auto}.b2b-custom-dropdown__trigger{position:relative;display:inline !important;cursor:pointer}.b2b-custom-dropdown{position:absolute;top:100%;z-index:1000;inline-size:var(--b2b-dropdown-width, 300px);display:none}.b2b-custom-dropdown--on{display:block}.b2b-custom-dropdown--drop-shadow{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.b2b-custom-dropdown--border{border:1px solid var(--b2b-color-grey-200)}.b2b-custom-dropdown--align-left{left:0;right:auto}.b2b-custom-dropdown--align-center{left:50%;right:auto;transform:translateX(-50%)}.b2b-custom-dropdown--align-right{left:auto;right:0}.b2b-custom-dropdown-search{padding:var(--b2b-size-30);display:none}.b2b-custom-dropdown-search--enabled{display:block;border-bottom:var(--b2b-size-1) solid var(--b2b-color-border-100)}.b2b-custom-dropdown__options-scroll-container{position:relative;display:block;max-height:288px;overflow-y:auto;margin:0}.b2b-custom-dropdown__options-container{position:relative;display:block;margin:0}.b2b-custom-dropdown__options-container--disabled{display:none}.b2b-custom-dropdown__option--hidden{display:none}::slotted(b2b-custom-dropdown-option.b2b-custom-dropdown__option--hidden){display:none}.b2b-custom-dropdown__empty{padding:var(--b2b-size-30);color:var(--b2b-color-grey-400);font-size:var(--b2b-size-copy-100);background-color:var(--b2b-color-white-100)}";
+const customDropdownCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--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-35);--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-25:#F6F6F6;--b2b-color-grey-35:#F0F0F0;--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{display:inline-block;position:relative;width:auto}.b2b-custom-dropdown__trigger{position:relative;display:inline !important;cursor:pointer}.b2b-custom-dropdown{position:absolute;top:100%;z-index:1000;inline-size:var(--b2b-dropdown-width, 300px);display:none}.b2b-custom-dropdown--on{display:block}.b2b-custom-dropdown--drop-shadow{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.b2b-custom-dropdown--border{border:1px solid var(--b2b-color-grey-200)}.b2b-custom-dropdown--align-left{left:0;right:auto}.b2b-custom-dropdown--align-center{left:50%;right:auto;transform:translateX(-50%)}.b2b-custom-dropdown--align-right{left:auto;right:0}.b2b-custom-dropdown-search{padding:var(--b2b-size-30);display:none}.b2b-custom-dropdown-search--enabled{display:block;border-bottom:var(--b2b-size-1) solid var(--b2b-color-border-100)}.b2b-custom-dropdown__options-scroll-container{position:relative;display:block;max-height:288px;overflow-y:auto;margin:0}.b2b-custom-dropdown__options-container{position:relative;display:block;margin:0}.b2b-custom-dropdown__options-container--disabled{display:none}.b2b-custom-dropdown__option--hidden{display:none}::slotted(b2b-custom-dropdown-option.b2b-custom-dropdown__option--hidden){display:none}::slotted(b2b-custom-dropdown-option-category.b2b-custom-dropdown__option-category--hidden){display:none}.b2b-custom-dropdown__empty{padding:var(--b2b-size-30);color:var(--b2b-color-grey-400);font-size:var(--b2b-size-copy-100);background-color:var(--b2b-color-white-100)}";
 const B2bCustomDropdownStyle0 = customDropdownCss;
 const B2bCustomDropdownComponent = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.allOptionCategories = [];
         this.toggleMenu = () => {
             this.opened = !this.opened;
         };
@@ -28,6 +29,11 @@ const B2bCustomDropdownComponent = class {
                 if (match)
                     visibleCount++;
             });
+            // Update option category visibility based on its visible options
+            this.allOptionCategories.forEach(optionCategory => {
+                const visibleOptionsInCategory = Array.from(optionCategory.querySelectorAll('b2b-custom-dropdown-option')).filter(opt => !opt.classList.contains('b2b-custom-dropdown__option--hidden')).length;
+                optionCategory.classList.toggle('b2b-custom-dropdown__option-category--hidden', visibleOptionsInCategory === 0);
+            });
             this.hasVisibleOptions = visibleCount > 0;
         };
         this.placeholder = undefined;
@@ -58,6 +64,12 @@ const B2bCustomDropdownComponent = class {
     }
     connectedCallback() {
         this.initializeSlottedOptions();
+        const trigger = this.hostElement.querySelector('[slot="trigger"]');
+        if (trigger) {
+            this.triggerEl = trigger;
+            this.triggerEl.addEventListener('click', this.toggleMenu, true);
+            return;
+        }
         const children = Array.from(this.hostElement.children).filter(x => !x.hasAttribute('option'));
         if (children.length === 0) {
             return;
@@ -65,8 +77,15 @@ const B2bCustomDropdownComponent = class {
         this.triggerEl = children[0];
         this.triggerEl.addEventListener('click', this.toggleMenu, true);
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.toggleMenu, true);
+    }
     initializeSlottedOptions() {
-        this.allOptions = Array.from(this.hostElement.querySelectorAll('[slot="option"]'));
+        // Find all option categories
+        this.allOptionCategories = Array.from(this.hostElement.querySelectorAll('b2b-custom-dropdown-option-category'));
+        // Find all options, including those inside option categories
+        this.allOptions = Array.from(this.hostElement.querySelectorAll('b2b-custom-dropdown-option'));
     }
     handleClickOutside(event) {
         if (isClickOutside(event, this.hostElement)) {
@@ -74,7 +93,7 @@ const B2bCustomDropdownComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: 'be885facc6441549cd7bc28f689c2eebf07b6987' }, h("div", { key: '450a33089db12ce4730e1996d1efde9db81a71c5', class: "b2b-custom-dropdown__trigger" }, h("slot", { key: '54e75fd7e993fdfba28da2fbeb1822414bdc8457', name: "trigger" })), h("div", { key: '6b62f9590e78bf20aff37fe09e8acb78ef4b8b90', class: {
+        return (h(Host, { key: '3ebf0a1fd00e73bd92e9586ff826f2bd6411eb77' }, h("div", { key: 'bfa6d9fb45247bd080a750a16d208a471598106b', class: "b2b-custom-dropdown__trigger" }, h("slot", { key: '178e859cc10114b68740d189d5ad8407cad20bd4', name: "trigger" })), h("div", { key: 'f77c498d65b62b5710d4758f51c883231903c0b7', class: {
                 'b2b-custom-dropdown': true,
                 'b2b-custom-dropdown--on': this.opened && !this.disabled,
                 'b2b-custom-dropdown--drop-shadow': this.dropshadow,
@@ -82,12 +101,12 @@ const B2bCustomDropdownComponent = class {
                 'b2b-custom-dropdown--align-left': this.alignment === 'left',
                 'b2b-custom-dropdown--align-center': this.alignment === 'center',
                 'b2b-custom-dropdown--align-right': this.alignment === 'right',
-            } }, h("b2b-background-box", { key: '5690eb6da07a46248544fb5b1f742c21987cce7b', noPadding: true, borderTop: "none", borderBottom: "none", borderRight: "none", borderLeft: "none" }, h("div", { key: 'aab7a71ed660cce678c40bfcc36dfaf317e329a9', class: {
+            } }, h("b2b-background-box", { key: 'e7d60dff330be21c9e7032e48ce6d50f75b9c81d', noPadding: true, borderTop: "none", borderBottom: "none", borderRight: "none", borderLeft: "none" }, h("div", { key: 'bbf4c8895c70b8dbcb8e226506b2c88b899e5389', class: {
                 'b2b-custom-dropdown-search': true,
                 'b2b-custom-dropdown-search--enabled': this.allOptions.length > 6 && !this.disabled,
-            } }, h("b2b-input", { key: '7fe33bb83de99b112ff6caa3a1a7c866c6160551', placeholder: this.placeholder, "onB2b-input": this.handleInput }, h("b2b-icon-100", { key: '330b9fa7a045588743ba8d4e4de6de4291091132', icon: "b2b_icon-search", slot: "start" })))), h("div", { key: '25d7f57b346bb8da229ba0c2c9994135bd8e7cfb', class: this.allOptions.length > 6
+            } }, h("b2b-input", { key: 'ec6a81db0a47d0d187f6c63700120c6360c7de6d', placeholder: this.placeholder, "onB2b-input": this.handleInput }, h("b2b-icon-100", { key: '93d95a333dd155fc054c1d71b7f8964ccb0051db', icon: "b2b_icon-search", slot: "start" })))), h("div", { key: 'da211321b0347074984ff31f2138270a7d2117b5', class: this.allOptions.length > 6
                 ? 'b2b-custom-dropdown__options-scroll-container'
-                : 'b2b-custom-dropdown__options-container' }, h("slot", { key: 'ed7646c026e8373cbf329fec8c0379f5bd3d47f0', name: "option" })), this.value && !this.hasVisibleOptions && (h("div", { class: "b2b-custom-dropdown__empty", role: "status" }, h("slot", { name: "empty" }, this.noResultsText))))));
+                : 'b2b-custom-dropdown__options-container' }, h("slot", { key: '512507ff8a3b2866d9b870bbd91f6ac5c764e397', name: "option" }), h("slot", { key: '1e5bff1d4559492f4ca082ad61af034f6476439c' })), this.value && !this.hasVisibleOptions && (h("div", { class: "b2b-custom-dropdown__empty", role: "status" }, h("slot", { name: "empty" }, this.noResultsText))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/b2b-date-picker-days-header_4.entry.js CHANGED Viewed

@@ -64,7 +64,7 @@ const B2bDatePickerDaysHeader = class {
         this.language = 'de';
     }
     render() {
-        return (h(Host, { key: '6ca6b61422e9664b0468ccee19cd3cd208d0fb97' }, h("div", { key: '69fd18279a42ecfb0a2a07f99bb04565153c8df6', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
+        return (h(Host, { key: 'b263de3bc9e2189a320bd0f1a3c43b15e6a9e0b8' }, h("div", { key: 'ddf44663f7bbf839aa6a365590e9b641711547c8', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
     }
     get host() { return getElement(this); }
 };
@@ -85,9 +85,9 @@ const B2bDatePickerHeader = class {
     }
     render() {
         const Months = this.language === 'en' ? MonthsEnglish : MonthsGerman;
-        return (h(Host, { key: '149ffea5e265aa5988cbd5e9e49a6282a2c26620' }, h("div", { key: 'ff0afa53b9c874475bb1c7362d0b49e458d1cc57', class: "b2b-date-picker-header" }, h("button", { key: '785d10e6fa6339a2fe10b2a11ad9d02432792c16', class: "b2b-date-picker-nav--left", onClick: this.b2bDatePickerPreviousMonth.emit, onMouseOut: event => {
+        return (h(Host, { key: '7b757dbe383afbbde516f8aa8153b6192599ec66' }, h("div", { key: '93ba06b2e60a0dc8f688a7878abdb0c47898edb0', class: "b2b-date-picker-header" }, h("button", { key: '905bfce876914038ded90e28c051a87dae2e9577', class: "b2b-date-picker-nav--left", onClick: this.b2bDatePickerPreviousMonth.emit, onMouseOut: event => {
                 event.target.blur();
-            }, "aria-label": "previous month" }, h("b2b-icon-100", { key: '7e52cd1f6da18c5fdbeb82c1481794aa3f0a81a5', icon: "b2b_icon-arrow-left", clickable: true })), h("b2b-headline", { key: 'd73a470a1e573c843bd45d7276563291fbed287c', size: '100', align: 'center', class: "b2b-date-picker-month", "aria-label": "select month", tabindex: 0, onClick: () => {
+            }, "aria-label": "previous month" }, h("b2b-icon-100", { key: 'e001e6d00bcbb13b56c4dd5e34604d3099ffabef', icon: "b2b_icon-arrow-left", clickable: true })), h("b2b-headline", { key: 'fd2d92a0be0314b846e958edf9bccf3c398a247a', size: '100', align: 'center', class: "b2b-date-picker-month", "aria-label": "select month", tabindex: 0, onClick: () => {
                 this.b2bDatePickerViewChanged.emit({
                     value: "Months" /* DatePickerView.Months */,
                 });
@@ -97,7 +97,7 @@ const B2bDatePickerHeader = class {
                         value: "Months" /* DatePickerView.Months */,
                     });
                 }
-            } }, Months[this.selectedMonth]), h("b2b-headline", { key: '9a443891ff3bc1d64f8bd0c94dee0e99c2c899ee', size: '100', align: 'center', class: "b2b-date-picker-year", "aria-label": "select year", tabindex: 0, onClick: () => {
+            } }, Months[this.selectedMonth]), h("b2b-headline", { key: '2911aaded910b96beead35c2829468a244c49832', size: '100', align: 'center', class: "b2b-date-picker-year", "aria-label": "select year", tabindex: 0, onClick: () => {
                 this.b2bDatePickerViewChanged.emit({
                     value: "Years" /* DatePickerView.Years */,
                 });
@@ -107,9 +107,9 @@ const B2bDatePickerHeader = class {
                         value: "Years" /* DatePickerView.Years */,
                     });
                 }
-            } }, this.selectedYear), h("button", { key: '08ce033f80749a5d9b882fbf04939b9993289ead', class: "b2b-date-picker-nav--right", onClick: this.b2bDatePickerNextMonth.emit, onMouseOut: event => {
+            } }, this.selectedYear), h("button", { key: 'c36292f29993f17e1b3597086714e680d390f2b9', class: "b2b-date-picker-nav--right", onClick: this.b2bDatePickerNextMonth.emit, onMouseOut: event => {
                 event.target.blur();
-            }, "aria-label": "next month" }, h("b2b-icon-100", { key: '8ba392f6c91dfd7e9c1a262ddca2e3640e7c3840', icon: "b2b_icon-arrow-right", clickable: true })))));
+            }, "aria-label": "next month" }, h("b2b-icon-100", { key: '7b7391d2f476a1b4170368caf58e26a265f4af87', icon: "b2b_icon-arrow-right", clickable: true })))));
     }
     get host() { return getElement(this); }
 };
@@ -201,7 +201,7 @@ const B2bDatePickerMonths = class {
         (_a = this.getCurrentMonth()) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '92f546b998c48d274d76db47db997bcda3968033' }, h("div", { key: 'cfd9e12f5d1047d6acf2be7142d070dd64517049', class: "b2b-date-picker-months" }, this.renderDatePickerMonths())));
+        return (h(Host, { key: '33365006ef661b018a70e1f0712e22e0dd9c5dec' }, h("div", { key: 'a06fa2fa936f5fcb51a3d90d6f9ef7463785997a', class: "b2b-date-picker-months" }, this.renderDatePickerMonths())));
     }
     get host() { return getElement(this); }
 };
@@ -311,7 +311,7 @@ const B2bDatePickerYears = class {
         }
     }
     render() {
-        return (h(Host, { key: '2e9b64e857f36f8623cb13aa5ebd5346e21bdc6f' }, h("div", { key: 'b6a82d5fbfc2f18aab9c2c64efe3c8bbe63cfc19', class: "b2b-date-picker-years" }, this.renderDatePickerYears())));
+        return (h(Host, { key: '66a4e371ba765166025c8addfd5e8ca3ef6a1223' }, h("div", { key: '2ec5a10c6c605d91b3eb5b18a558ade240980154', class: "b2b-date-picker-years" }, this.renderDatePickerYears())));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/b2b-date-picker-days.entry.js CHANGED Viewed

@@ -167,7 +167,7 @@ const B2bDatePickerDays = class {
         });
     }
     render() {
-        return (h(Host, { key: '73d99c811d52c00ddec7c3f044b7d850861f7a48' }, h("div", { key: '146b6533fc0d040a896e32baf3068793a8cdfe81', class: "b2b-date-picker-days" }, this.renderDatePickerDays())));
+        return (h(Host, { key: 'e1b82227a7d6f35bd707296d356f91c0724d161c' }, h("div", { key: '6dc28f794b1f81fbce7363dd33b8fa54c0cbb9d0', class: "b2b-date-picker-days" }, this.renderDatePickerDays())));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/b2b-date-range-picker-days_2.entry.js CHANGED Viewed

@@ -159,7 +159,7 @@ const B2bDatePickerDays = class {
         this.setFocusOnSelectedDayOrFirstDay();
     }
     render() {
-        return (h(Host, { key: '15def7fc64e3fc1793ab517d3f1a515462d68bdb' }, h("div", { key: 'f072b82124f611ae2e60a43eb7550fa008e52234', class: "b2b-date-range-picker-days" }, this.renderDatePickerDays())));
+        return (h(Host, { key: '8a72fc5b58fceb4e9df431d517db42a2c1c962e4' }, h("div", { key: 'a6f38ce9127f30471823c2e9e7ce89d735eff456', class: "b2b-date-range-picker-days" }, this.renderDatePickerDays())));
     }
     get host() { return getElement(this); }
 };
@@ -179,7 +179,7 @@ const ParagraphComponent = class {
         this.display = 'block';
     }
     render() {
-        return (h("p", { key: '9372543c8a22d33c6ed0c53e3e8b277e0ce78883', style: {
+        return (h("p", { key: '902697e4ebe14b923d8ff7ae1d6543f17f7f5497', style: {
                 display: this.display,
             }, class: {
                 'b2b-paragraph': true,
@@ -188,7 +188,7 @@ const ParagraphComponent = class {
                 ['b2b-paragraph--align-' + this.align]: true,
                 ['b2b-paragraph--no-margin']: !this.margin,
                 ['b2b-paragraph--variant-' + this.variant]: true,
-            } }, h("slot", { key: 'ca3169be5b0239e40911fa2071c744404a6bbbae' })));
+            } }, h("slot", { key: '3a676785a7608326c35e0761ca5ffd4d84b4625f' })));
     }
 };
 ParagraphComponent.style = B2bParagraphStyle0;

package/dist/esm/b2b-date-range-picker.entry.js CHANGED Viewed

@@ -122,22 +122,30 @@ const B2bDateRangePicker = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(Host, { key: '36a6fd2d45a9019e57dda728f47961cf54bf2535' }, h("div", { key: '26c3eca4579e092b68ddb76fdb72de3fb3e1d1a0', class: "b2b-date-range-picker" }, h("b2b-input-label", { key: 'c6324a8b0ec07dc719e44ae35ce6987a46e012e3', required: this.required }, this.label), h("div", { key: '3f27ec4c6054966866d1184e80c0b1a9b5c50178', class: {
+        return (h(Host, { key: '688c43b7089d547442f76ab36b340b9d24854680' }, h("div", { key: '3596291274bf87f97e6556a8ed6ffac33d3cbb4b', class: "b2b-date-range-picker" }, h("b2b-input-label", { key: '25648fb46b9bc7d517c47853315e224529b8c278', required: this.required }, this.label), h("div", { key: '5650c0411167fae2ff20f88bd76a5269b3ef7b68', class: {
                 'b2b-date-range-picker-input-wrapper': true,
                 'b2b-date-range-picker-input-wrapper--error': this.invalid,
                 'b2b-date-range-picker-input-wrapper--open': this.open,
-            }, onClick: () => this.toggleOpen() }, h("b2b-paragraph", { key: '23690e8fc98fd82699dbc1319fa26308af7ce23f', margin: false }, toDateRangeString(this.internalDateRange, '')), h("div", { key: '6665672a212e59d228aaf56f53ab03b27df857ea', class: "b2b-icons" }, this.internalDateRange && (h("div", { tabIndex: 0, onClick: () => this.setDate(undefined), onKeyDown: (event) => {
+            }, onClick: () => this.toggleOpen() }, h("b2b-paragraph", { key: '357cb96dc8595ecd54db33378eaca1471ffc0b4e', margin: false }, toDateRangeString(this.internalDateRange, '')), h("div", { key: '16f9ec5df189eb00bc6871cb2d8a601efb1f0e7a', class: "b2b-icons" }, this.internalDateRange && (h("div", { tabIndex: 0, onClick: (event) => {
+                event.stopPropagation();
+                this.setDate(undefined);
+            }, onKeyDown: (event) => {
                 if (event.key === 'Enter') {
+                    event.stopPropagation();
                     this.setDate(undefined);
                 }
-            } }, h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: 'c87f07fb2e73d9c250c26a92b77d4802f4f0a72f', tabindex: 0, onClick: () => this.toggleOpen(), onKeyDown: event => {
+            } }, h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: 'f98bc83c90918c7ca016ee56df7df9c33be406d6', tabindex: 0, onClick: (event) => {
+                event.stopPropagation();
+                this.toggleOpen();
+            }, onKeyDown: event => {
                 if (event.key === 'Enter') {
+                    event.stopPropagation();
                     this.toggleOpen();
                 }
-            }, class: "b2b-event-icon" }, h("b2b-icon-100", { key: 'cb2bdceb7a80747fd3e8efcf294189a7e7f0b6fb', "aria-label": this.open ? 'close date picker' : 'open date picker', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: '84ba8c35eccb089f50a24134bcb5b9e447bdaa95', class: {
+            }, class: "b2b-event-icon" }, h("b2b-icon-100", { key: 'cf2fbe7116da9482bc50b0f7c3383ebd446eac0a', "aria-label": this.open ? 'close date picker' : 'open date picker', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: '870b43d0f092cae9afda7a4314d5b15cac2ee66e', class: {
                 'b2b-date-range-picker-body': true,
                 'b2b-date-range-picker-body--hidden': !this.open,
-            } }, h("div", { key: '154bc92126a558f33be046de4a1e9cd0a2b3bfdb', class: "b2b-date-range-picker-body--calendar" }, this.viewMode === "Days" /* DatePickerView.Days */ && (h("div", null, h("b2b-date-picker-header", { language: this.language, selectedMonth: this.viewedMonth - 1, selectedYear: this.viewedYear }), h("b2b-date-picker-days-header", { language: this.language }), h("b2b-date-range-picker-days", { viewedDate: [this.viewedYear, this.viewedMonth, this.viewedDay], firstDate: (_c = (_b = (_a = this.highlightDateRange) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : this.tempDate) !== null && _c !== void 0 ? _c : (_d = this.internalDateRange) === null || _d === void 0 ? void 0 : _d[0], secondDate: (_f = (_e = this.highlightDateRange) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : (this.tempDate == null
+            } }, h("div", { key: '52417359c65485b596dd14eaa7696a02fdb693cb', class: "b2b-date-range-picker-body--calendar" }, this.viewMode === "Days" /* DatePickerView.Days */ && (h("div", null, h("b2b-date-picker-header", { language: this.language, selectedMonth: this.viewedMonth - 1, selectedYear: this.viewedYear }), h("b2b-date-picker-days-header", { language: this.language }), h("b2b-date-range-picker-days", { viewedDate: [this.viewedYear, this.viewedMonth, this.viewedDay], firstDate: (_c = (_b = (_a = this.highlightDateRange) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : this.tempDate) !== null && _c !== void 0 ? _c : (_d = this.internalDateRange) === null || _d === void 0 ? void 0 : _d[0], secondDate: (_f = (_e = this.highlightDateRange) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : (this.tempDate == null
                 ? (_g = this.internalDateRange) === null || _g === void 0 ? void 0 : _g[1]
                 : undefined), disableDates: day => this.disableDates(toDate([this.viewedYear, this.viewedMonth, day])), preview: this.highlightDateRange != null }))), this.viewMode === "Months" /* DatePickerView.Months */ && (h("b2b-date-picker-months", { language: this.language, selectedMonth: this.viewedMonth - 1 })), this.viewMode === "Years" /* DatePickerView.Years */ && (h("b2b-date-picker-years", { selectedYear: this.viewedYear }))), Object.keys(this.presets).length > 0 && (h("div", { class: "b2b-date-range-picker-body--presets" }, Object.entries(this.presets).map(([text, value]) => (h("b2b-paragraph", { class: {
                 'b2b-date-range-picker-body--presets--selected': isDateRangeEqual(this.internalDateRange, value),

package/dist/esm/b2b-dropdown.entry.js CHANGED Viewed

@@ -226,11 +226,11 @@ const DropdownComponent = class {
         const showHint = this.hint && !hasError;
         const showError = this.error && hasError;
         const filteredOptions = this.options.filter(opt => opt.label.toLowerCase().includes(this.searchValue.toLowerCase()));
-        return (h(Host, { key: '62bf76334a93430161d322c8af97f5978b61d772', class: {
+        return (h(Host, { key: '333607f298f0693f137f787a3a906a8b2d813ebb', class: {
                 'b2b-dropdown': true,
                 'b2b-dropdown--error': hasError,
                 'b2b-dropdown--disabled': this.disabled || this.groupDisabled,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '82c61a949c0cb65a6dfa877709b3233e95235f8f', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, this.search ? (h("b2b-input", { placeholder: this.placeholder, invalid: hasError, value: this.truncatedText || this.searchValue, disabled: this.disabled || this.groupDisabled, "onB2b-focus": () => {
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: '32482a4ccd93ff2d33f3fe4936c88ce3a753144f', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, this.search ? (h("b2b-input", { placeholder: this.placeholder, invalid: hasError, value: this.truncatedText || this.searchValue, disabled: this.disabled || this.groupDisabled, "onB2b-focus": () => {
                 this.isOpen = true;
                 this.focused = true;
             }, "onB2b-input": this.handleSearchInput }, h("div", { slot: "end" }, (this.selectedText || this.searchValue) &&

package/dist/esm/b2b-flyout-menu-option.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const FlyoutMenuOptionComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: '4064c5827dffd55637271a59061a2c2abb54d3ca', class: {
+        return (h(Host, { key: '68e7f996150c9c41f5b181de3a80192334d621bd', class: {
                 'b2b-flyout-menu__option': true,
                 'b2b-flyout-menu__option--disabled': this.disabled,
                 'b2b-flyout-menu__option--separator': this.separator,

package/dist/esm/b2b-flyout-menu.entry.js CHANGED Viewed

@@ -149,12 +149,12 @@ const FlyoutMenuComponent = class {
         options[index].focus();
     }
     render() {
-        return (h(Host, { key: '03efeb4e28ef04b0719b3ade8e52d20cf3046372' }, h("div", { key: 'e2508205d7402d2ed8ef031c8ab5483a6fbdedbd', class: {
+        return (h(Host, { key: 'a50311153d075c53f2c889b7a528e80270aeaee7' }, h("div", { key: '7440d05ac09c1528b0b5141bbce9b4414740709a', class: {
                 'b2b-flyout-menu': true,
-            } }, h("div", { key: 'c6283f5ebff4ec0962face0e0f440e2cf0ec9ceb', class: "b2b-flyout-menu__trigger" }, h("slot", { key: '303181fa8dac70e463b0efa7fa18a339c84b7009', name: "trigger" })), h("div", { key: 'ff4058c24c1c84c967316569bee8d75d49497eba', onFocusout: this.blurMenu, class: {
+            } }, h("div", { key: '259280b1b789067683e15899d2150c5d4143f7df', class: "b2b-flyout-menu__trigger" }, h("slot", { key: '7b7e276c0b9247a4c27e94ceec2151a40546d932', name: "trigger" })), h("div", { key: '8bb7b739e6037419e6aa22d7d26eced0ecc5142b', onFocusout: this.blurMenu, class: {
                 'b2b-flyout-menu__options__container': true,
                 'b2b-flyout-menu__options__container--on': this.opened,
-            } }, h("div", { key: '860224aa691a4c06814731aca94d85a762fc806b', class: "b2b-flyout-menu__arrow" }), h("slot", { key: 'be5a754361d59fdbdf5ac934b0d1f5b50de8e3a1', name: "option" })))));
+            } }, h("div", { key: '224a2ecd334beb90046337bc04ff3ac7767924e5', class: "b2b-flyout-menu__arrow" }), h("slot", { key: 'be1d8a717b2b128a6acc6fc2129f239c774f0be7', name: "option" })))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/b2b-grid-col.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const B2bGridColumnComponent = class {
         this.textAlign = 'left';
     }
     render() {
-        return (h(Host, { key: 'e6a06fd72fd364f57b423bdc69cd9c2d4a87d0ca', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: 'd5785321b8ae17e90fd3aa9e69cc8911430d3e8c' })));
+        return (h(Host, { key: '482a27d9f5e851e1e61f0cb3e3670021171aa98c', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: '6c6a852adcb9737360ff5d49a082e7a94a996d8f' })));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/b2b-grid-row.entry.js CHANGED Viewed

@@ -68,7 +68,7 @@ const B2bGridRowComponent = class {
         });
     }
     render() {
-        return (h(Host, { key: '60ea771fe5da5fc9aa305824f6718d5f1d687374', style: {
+        return (h(Host, { key: '213d6b6b26fbcf13619c2487d6758e2bc1f6bef6', style: {
                 ['justify-content']: `${this.justify}`,
                 ['gap']: `${this.columnGap}px`,
                 ['margin']: `${this.rowGap}px 0`,
@@ -76,7 +76,7 @@ const B2bGridRowComponent = class {
                 ['display']: 'flex',
                 ['flex-wrap']: 'wrap',
                 ['box-sizing']: 'border-box',
-            } }, h("slot", { key: 'f38f2b66439b0d8820aa2b25ab88f2c7e02d4ae5' })));
+            } }, h("slot", { key: '6463ebdf6824801d36716b19cdb60805a6ebda3c' })));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/b2b-grid.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const B2bGridComponent = class {
         this.margin = 24;
     }
     render() {
-        return (h(Host, { key: '0a61abf781f924eb4b88ceb02bece63d2a39f76b', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: '02903dbdba9c4973573bac7be02b0e6d3a9cd71a' })));
+        return (h(Host, { key: 'efe0ae16841284174a40a492369562d18be1b04f', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: 'aeb9d3558506a0f52333887f52db68f503d08dd7' })));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/b2b-input-group_2.entry.js CHANGED Viewed

@@ -55,7 +55,7 @@ const B2BInputGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'fa99a4e2f8a5923b14d6304378fc574e8fa0f451' }, h("div", { key: 'ac085ec1ba4ae6566e29192fcf41487a5aeaf2dd', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '9412332e469771720376b5d16b101b21867a29ad', name: "start" }), h("slot", { key: 'eb2201d7243365abd486e6a17c99ba84e942415d' }), h("slot", { key: 'c4d8b4c1b837de6bf80049d8b94e402dbb1e663d', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
+        return (h(Host, { key: '98563dbc957e84fc2b48a7fcf19dcfa7bfd6e4f5' }, h("div", { key: '7416b37c106d7a1cc1c3ef4638f73e65e79544f0', class: { 'b2b-input-wrapper': true } }, h("slot", { key: 'ee1fb719469efff667b84c659a80c5d834eb1efa', name: "start" }), h("slot", { key: 'e5eed73ca6a7864f5dc893063479c0cb02be44f8' }), h("slot", { key: '1f94d03feb768d3073468f69f5fccf35b706fb7e', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
                 'b2b-input-wrapper__hint': true,
                 'b2b-input-wrapper__hint--error': this.invalid && !this.disabled,
             } }, this.invalid && !this.disabled ? this.error : this.hint))));
@@ -223,13 +223,13 @@ const InputListComponent = class {
     */
     render() {
         const groupOrderClass = this.getGroupOrderClassName() || '';
-        return (h(Host, { key: 'a3b50598632e6a0a796a9eb141f26fe12b29e8be', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '9d7e4f051f2593947ce3cbf5602f6a4a602fbdfc', class: {
+        return (h(Host, { key: '609aa2777e1a0331ab61e1da040372cbd974af48', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '508b4a147b56ea709d4943d2f4de0c0d7a16a587', class: {
                 'b2b-input-list': true,
                 'b2b-input-list__options-on': this.hasOptionList &&
                     this.isElementFocused &&
                     Boolean(this.value),
                 [groupOrderClass]: true,
-            } }, h("b2b-input", { key: '654211622b3bc8094ce6b20edd2b3c19f2ac28c3', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.currentList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
+            } }, h("b2b-input", { key: 'f53a1f14087c7db3caea7b8c241c41c3dac690f1', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.currentList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/b2b-input-label.entry.js CHANGED Viewed

@@ -10,11 +10,11 @@ const InputLabelComponent = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '8cdefd0d3cafc0bdf9dba5fa7a15080a4a288379' }, h("label", { key: '04d4659be8363b1b8760c94e5607a3048e02cebf', class: {
+        return (h(Host, { key: '3014c89c7d2b2350f1268ad2d40fdd2845a201c9' }, h("label", { key: 'd6a1a41f481b61437d7992f03a2730226d86a813', class: {
                 'b2b-input-label': true,
                 'b2b-input-label--required': this.required,
                 'b2b-input-label--disabled': this.disabled,
-            } }, h("slot", { key: 'a858c509020588bb10669c4fa0bc682ba97a5675' }))));
+            } }, h("slot", { key: '63af40c5aa7f37d88fa2cfc0001b98911cc34136' }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/b2b-input-list-option.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const InputListOptionComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e9c7180cdbf328d435b5bcac76e4e11a234d4dcc', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
+        return (h(Host, { key: '32c2ec363cf4c03730ca70986916f50f39cccf6c', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
     }
 };
 InputListOptionComponent.style = B2bInputListOptionStyle0;