@otto-de/b2b-core-components 1.31.0 → 1.31.1

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 (21) hide show
  1. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  2. package/dist/b2b-core-components/p-4528e98c.entry.js +1 -0
  3. package/dist/cjs/b2b-textarea.cjs.entry.js +3 -3
  4. package/dist/collection/components/checkbox/checkbox.e2e.js +4 -2
  5. package/dist/collection/components/checkbox-group/checkbox-group.e2e.js +12 -7
  6. package/dist/collection/components/dropdown/dropdown.e2e.js +6 -3
  7. package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +1 -1
  8. package/dist/collection/components/input/input.e2e.js +5 -2
  9. package/dist/collection/components/input-group/input-group.e2e.js +3 -2
  10. package/dist/collection/components/input-list/input-list.e2e.js +4 -3
  11. package/dist/collection/components/pagination/pagination.e2e.js +4 -2
  12. package/dist/collection/components/radio-group/radio-group.e2e.js +6 -3
  13. package/dist/collection/components/search/search.e2e.js +2 -1
  14. package/dist/collection/components/table/table.e2e.js +7 -3
  15. package/dist/collection/components/textarea/textarea.js +5 -4
  16. package/dist/collection/components/tooltip/tooltip.e2e.js +1 -1
  17. package/dist/components/b2b-textarea.js +3 -3
  18. package/dist/esm/b2b-textarea.entry.js +3 -3
  19. package/dist/web-types.json +2 -1
  20. package/package.json +6 -4
  21. package/dist/b2b-core-components/p-e40069cd.entry.js +0 -1
package/dist/b2b-core-components/b2b-core-components.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-b6a753e8.js";export{s as setNonce}from"./p-b6a753e8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a(JSON.parse('[["p-bba0b41b",[[1,"b2b-date-picker",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[1,"disable-dates"],"label":[1],"required":[516],"preSelectedDate":[1,"pre-selected-date"],"showHint":[4,"show-hint"],"width":[2],"disableDays":[1,"disable-days"],"disableDatesUntil":[1,"disable-dates-until"],"disableDatesFrom":[1,"disable-dates-from"],"hint":[1],"placeholder":[513],"language":[1],"showDatePicker":[32],"focused":[32],"datePickerView":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32],"userInputDate":[32],"invalid":[32],"errorMessage":[32],"datesToBeDisabled":[32],"normalizedDisableEvery":[32],"normalizedDisableDatesUntil":[32],"normalizedDisableDatesFrom":[32]},[[0,"b2b-date-picker-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-date-picker-previous-month","getPreviousMonth"],[0,"b2b-date-picker-next-month","getNextMonth"],[0,"b2b-date-picker-view-changed","handleDatePickerViewChanged"],[0,"b2b-date-picker-month-selected","handleMonthSelected"],[0,"b2b-date-picker-year-selected","handleYearSelected"]],{"disableDates":["handleDisableDatesChanged"],"disableDays":["handleDisableDaysChanged"],"disableDatesUntil":["handleDisableDatesUntilChanged"],"disableDatesFrom":["handleDisableDatesFromChanged"],"disablePastDates":["handleDisablePastDatesChanged"],"disableFutureDates":["handleDisableFutureDatesChanged"],"disableWeekends":["handleDisableWeekendsChanged"]}]]],["p-f5786cad",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-6ff5114b",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[1,"selected-values"],"optionsList":[1,"options-list"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"required":[516],"invalid":[516],"errorMessage":[1,"error-message"],"hint":[1],"disabled":[516],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"isOpen":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChangeFromOutside"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["p-564c62d0",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isAccordionValue":[32],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["p-c67bcebc",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["p-cb4cc427",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["p-168c8684",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["p-00666ca7",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["p-815d7a53",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["p-b5fdf7df",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"placeholder":[1],"placeholderValue":[1,"placeholder-value"],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"isOpen":[32],"focused":[32],"selectedValue":[32],"selectedText":[32],"options":[32],"clearSelection":[64]},null,{"isOpen":["watchDropdownState"]}]]],["p-d6457a1d",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["p-9dde1af0",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["p-6025d667",[[1,"b2b-required-separator",{"label":[1]}]]],["p-e520c7cf",[[1,"b2b-snackbar",{"description":[1],"type":[1],"opened":[1540],"timed":[4],"duration":[2],"hasAction":[4,"has-action"],"actionLabel":[1,"action-label"],"width":[1]},null,{"opened":["onVisibleChange"]}]]],["p-a155219a",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["p-e40069cd",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"focusOnLoad":[516,"focus-on-load"],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["p-781611fb",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1],"hoverColor":[1,"hover-color"],"underlineText":[4,"underline-text"]}]]],["p-1dff8b34",[[1,"b2b-background-box",{"maxWidth":[4,"max-width"],"noPadding":[4,"no-padding"],"borderTop":[1,"border-top"],"borderRight":[1,"border-right"],"borderBottom":[1,"border-bottom"],"borderLeft":[1,"border-left"]}]]],["p-c597637e",[[1,"b2b-breadcrumb",{"paddingTop":[2,"padding-top"],"paddingBottom":[2,"padding-bottom"]},[[0,"b2b-change","onSelectedChange"]]]]],["p-7dd8f3cb",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["p-be93498d",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["p-661d0249",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["p-2dc0c5c0",[[1,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["p-383d0a10",[[1,"b2b-grid",{"margin":[2]}]]],["p-db205434",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["p-d1c8105b",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["p-0ffc90ee",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-375cefbd",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-7bb6f06e",[[1,"b2b-label",{"type":[1]}]]],["p-4bc0ec9a",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1],"margin":[4],"variant":[1],"display":[1]}]]],["p-1a908833",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["p-9f88b476",[[1,"b2b-scrollable-container"]]],["p-33c01bb2",[[1,"b2b-shimmer",{"loading":[4],"width":[2],"height":[2]}]]],["p-0edac105",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["p-f5e9dbf4",[[1,"b2b-tab-panel"]]],["p-413729d1",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["p-d26ec403",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[516],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["p-0bf05f33",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["p-9819f622",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"active":[1028],"disabled":[516]}]]],["p-fa85955c",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["p-6dd7fd7b",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["p-bfbe4aff",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["p-fae54521",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["p-b33059ab",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["p-742a18f1",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["p-f2fdce36",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520],"customMargin":[1,"custom-margin"]}]]],["p-0a63f5f8",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["p-318eb15e",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["p-86ff8e6c",[[1,"b2b-separator",{"alignment":[1]}]]],["p-a96c8ba0",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["p-850c8e01",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["p-d3204d75",[[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]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["p-49bafb74",[[1,"b2b-date-picker-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"language":[1]}],[1,"b2b-date-picker-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[16],"disableEvery":[16],"disableDatesUntil":[16],"disableDatesFrom":[16],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-days-header",{"language":[1]}],[1,"b2b-date-picker-months",{"selectedMonth":[2,"selected-month"],"language":[1]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-years",{"selectedYear":[2,"selected-year"],"yearsRange":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-2d5df8f7",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["p-f9e278da",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-400fa973",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]]]'),e))));
1
+ import{p as e,b as a}from"./p-b6a753e8.js";export{s as setNonce}from"./p-b6a753e8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a(JSON.parse('[["p-bba0b41b",[[1,"b2b-date-picker",{"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[1,"disable-dates"],"label":[1],"required":[516],"preSelectedDate":[1,"pre-selected-date"],"showHint":[4,"show-hint"],"width":[2],"disableDays":[1,"disable-days"],"disableDatesUntil":[1,"disable-dates-until"],"disableDatesFrom":[1,"disable-dates-from"],"hint":[1],"placeholder":[513],"language":[1],"showDatePicker":[32],"focused":[32],"datePickerView":[32],"selectedMonth":[32],"selectedYear":[32],"selectedDay":[32],"selectedDate":[32],"userInputDate":[32],"invalid":[32],"errorMessage":[32],"datesToBeDisabled":[32],"normalizedDisableEvery":[32],"normalizedDisableDatesUntil":[32],"normalizedDisableDatesFrom":[32]},[[0,"b2b-date-picker-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-date-picker-previous-month","getPreviousMonth"],[0,"b2b-date-picker-next-month","getNextMonth"],[0,"b2b-date-picker-view-changed","handleDatePickerViewChanged"],[0,"b2b-date-picker-month-selected","handleMonthSelected"],[0,"b2b-date-picker-year-selected","handleYearSelected"]],{"disableDates":["handleDisableDatesChanged"],"disableDays":["handleDisableDaysChanged"],"disableDatesUntil":["handleDisableDatesUntilChanged"],"disableDatesFrom":["handleDisableDatesFromChanged"],"disablePastDates":["handleDisablePastDatesChanged"],"disableFutureDates":["handleDisableFutureDatesChanged"],"disableWeekends":["handleDisableWeekendsChanged"]}]]],["p-f5786cad",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-6ff5114b",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"selectedValues":[1,"selected-values"],"optionsList":[1,"options-list"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"required":[516],"invalid":[516],"errorMessage":[1,"error-message"],"hint":[1],"disabled":[516],"currentSelectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"isOpen":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChangeFromOutside"],"currentSelectedValues":["handleSelectedValuesChange"]}]]],["p-564c62d0",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isAccordionValue":[32],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["p-c67bcebc",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["p-cb4cc427",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["p-168c8684",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["p-00666ca7",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["p-815d7a53",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["p-b5fdf7df",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"placeholder":[1],"placeholderValue":[1,"placeholder-value"],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"isOpen":[32],"focused":[32],"selectedValue":[32],"selectedText":[32],"options":[32],"clearSelection":[64]},null,{"isOpen":["watchDropdownState"]}]]],["p-d6457a1d",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["p-9dde1af0",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["p-6025d667",[[1,"b2b-required-separator",{"label":[1]}]]],["p-e520c7cf",[[1,"b2b-snackbar",{"description":[1],"type":[1],"opened":[1540],"timed":[4],"duration":[2],"hasAction":[4,"has-action"],"actionLabel":[1,"action-label"],"width":[1]},null,{"opened":["onVisibleChange"]}]]],["p-a155219a",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["p-4528e98c",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"focusOnLoad":[516,"focus-on-load"],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"],"height":[1]}]]],["p-781611fb",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1],"hoverColor":[1,"hover-color"],"underlineText":[4,"underline-text"]}]]],["p-1dff8b34",[[1,"b2b-background-box",{"maxWidth":[4,"max-width"],"noPadding":[4,"no-padding"],"borderTop":[1,"border-top"],"borderRight":[1,"border-right"],"borderBottom":[1,"border-bottom"],"borderLeft":[1,"border-left"]}]]],["p-c597637e",[[1,"b2b-breadcrumb",{"paddingTop":[2,"padding-top"],"paddingBottom":[2,"padding-bottom"]},[[0,"b2b-change","onSelectedChange"]]]]],["p-7dd8f3cb",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["p-be93498d",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["p-661d0249",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["p-2dc0c5c0",[[1,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["p-383d0a10",[[1,"b2b-grid",{"margin":[2]}]]],["p-db205434",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["p-d1c8105b",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["p-0ffc90ee",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-375cefbd",[[1,"b2b-icon-50",{"icon":[1],"color":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-7bb6f06e",[[1,"b2b-label",{"type":[1]}]]],["p-4bc0ec9a",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1],"margin":[4],"variant":[1],"display":[1]}]]],["p-1a908833",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["p-9f88b476",[[1,"b2b-scrollable-container"]]],["p-33c01bb2",[[1,"b2b-shimmer",{"loading":[4],"width":[2],"height":[2]}]]],["p-0edac105",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["p-f5e9dbf4",[[1,"b2b-tab-panel"]]],["p-413729d1",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["p-d26ec403",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[516],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["p-0bf05f33",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["p-9819f622",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"active":[1028],"disabled":[516]}]]],["p-fa85955c",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["p-6dd7fd7b",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["p-bfbe4aff",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["p-fae54521",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["p-b33059ab",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["p-742a18f1",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["p-f2fdce36",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"type":[1],"labelStyle":[1,"label-style"],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520],"customMargin":[1,"custom-margin"]}]]],["p-0a63f5f8",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["p-318eb15e",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["p-86ff8e6c",[[1,"b2b-separator",{"alignment":[1]}]]],["p-a96c8ba0",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}]]],["p-850c8e01",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["p-d3204d75",[[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]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["p-49bafb74",[[1,"b2b-date-picker-header",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"language":[1]}],[1,"b2b-date-picker-days",{"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"selectedDay":[2,"selected-day"],"disablePastDates":[4,"disable-past-dates"],"disableFutureDates":[4,"disable-future-dates"],"disableWeekends":[4,"disable-weekends"],"disableDates":[16],"disableEvery":[16],"disableDatesUntil":[16],"disableDatesFrom":[16],"disabled":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-days-header",{"language":[1]}],[1,"b2b-date-picker-months",{"selectedMonth":[2,"selected-month"],"language":[1]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-date-picker-years",{"selectedYear":[2,"selected-year"],"yearsRange":[32]},[[0,"keydown","handleKeyDown"]]]]],["p-2d5df8f7",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["p-f9e278da",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["p-400fa973",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]]]'),e))));
package/dist/b2b-core-components/p-4528e98c.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as b,c as r,h as o,H as e,g as i}from"./p-b6a753e8.js";const t=class{constructor(o){b(this,o),this.b2bFocus=r(this,"b2b-focus",7),this.b2bBlur=r(this,"b2b-blur",7),this.b2bInput=r(this,"b2b-input",7),this.handleFormData=b=>{null!=this.name&&b.formData.append(this.name,this.value||"")},this.onFocus=b=>{this.b2bFocus.emit(b)},this.onBlur=b=>{this.b2bBlur.emit(b)},this.onInput=b=>{const r=b.target;null!==r&&(this.value=r.value||""),this.b2bInput.emit(r)},this.label=void 0,this.required=!1,this.placeholder=void 0,this.disabled=!1,this.invalid=!1,this.focusOnLoad=!1,this.resize=void 0,this.hint=void 0,this.error=void 0,this.value=null,this.name=void 0,this.maxLength=void 0,this.height=""}connectedCallback(){const b=this.hostElement.closest("form");null!=b&&b.addEventListener("formdata",this.handleFormData)}render(){return o(e,{key:"042a4bf18160c76a15600b82150a0b5550c4cdb4",class:{"b2b-textarea":!0,"b2b-textarea--error":this.invalid&&!this.disabled}},this.label&&o("b2b-input-label",{id:this.name,required:this.required},this.label),o("textarea",{key:"84b0f3066733ed1a02d485baf91a9e90646778b0",class:"textarea-input","aria-labelledby":this.name,style:Object.assign({height:this.height},Boolean(this.resize)&&{resize:this.resize}),value:this.value,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autoFocus:this.focusOnLoad,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,maxLength:this.maxLength}),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?o("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?o("span",null,this.error):"")}get hostElement(){return i(this)}};t.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-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:#E6F4FF;--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:#E6F4FF;--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-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-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:#E6F4FF;--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-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(.b2b-textarea){font-family:var(--b2b-font-family-default)}:host(.b2b-textarea) .textarea-input{display:block;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-size-border-radius-100);box-sizing:border-box;margin:var(--b2b-size-10) 0;padding:7px 12px 6px;width:100%;appearance:none;height:auto;min-height:4.5rem}:host(.b2b-textarea) .textarea-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-textarea) .textarea-input:disabled,:host(.b2b-textarea) .textarea-input:read-only{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25);border:1px solid var(--b2b-color-grey-200)}:host(.b2b-textarea) b2b-input-label{display:block}:host(.b2b-textarea) span{display:block;font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);color:var(--b2b-color-grey-300)}:host(.b2b-textarea--error) .textarea-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-textarea--error) .textarea-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-textarea--error) .textarea-input:focus{outline-color:var(--b2b-color-error-100)}:host(.b2b-textarea--error) span{color:var(--b2b-color-error-100)}';export{t as b2b_textarea}
package/dist/cjs/b2b-textarea.cjs.entry.js CHANGED
@@ -45,7 +45,7 @@ const B2BTextareaComponent = class {
45
45
  this.value = null;
46
46
  this.name = undefined;
47
47
  this.maxLength = undefined;
48
- this.height = undefined;
48
+ this.height = '';
49
49
  }
50
50
  connectedCallback() {
51
51
  const form = this.hostElement.closest('form');
@@ -54,10 +54,10 @@ const B2BTextareaComponent = class {
54
54
  }
55
55
  }
56
56
  render() {
57
- return (index.h(index.Host, { key: 'da558a5ff72e49195bd4ba80c72670b1e93585de', class: {
57
+ return (index.h(index.Host, { key: '042a4bf18160c76a15600b82150a0b5550c4cdb4', class: {
58
58
  'b2b-textarea': true,
59
59
  'b2b-textarea--error': this.invalid && !this.disabled,
60
- } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("textarea", { key: '009868c7c6b92fcd3560dab869ce310250737982', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
60
+ } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("textarea", { key: '84b0f3066733ed1a02d485baf91a9e90646778b0', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
61
61
  (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
62
62
  }
63
63
  get hostElement() { return index.getElement(this); }
package/dist/collection/components/checkbox/checkbox.e2e.js CHANGED
@@ -11,20 +11,22 @@ describe('b2b-checkbox', () => {
11
11
  const page = await newE2EPage();
12
12
  await page.setContent('<b2b-checkbox label="test"></b2b-checkbox>');
13
13
  const container = await page.find('b2b-checkbox');
14
- const element = await page.find('b2b-checkbox >>> .b2b-checkbox');
14
+ let element = await page.find('b2b-checkbox >>> .b2b-checkbox');
15
15
  expect(element).not.toHaveClass('b2b-checkbox--checked');
16
16
  await container.click();
17
17
  await page.waitForChanges();
18
+ element = await page.find('b2b-checkbox >>> .b2b-checkbox');
18
19
  expect(element).toHaveClass('b2b-checkbox--checked');
19
20
  });
20
21
  it('can be indeterminate and will change to checked once clicked', async () => {
21
22
  const page = await newE2EPage();
22
23
  await page.setContent('<b2b-checkbox label="test" indeterminate></b2b-checkbox>');
23
24
  const container = await page.find('b2b-checkbox');
24
- const element = await page.find('b2b-checkbox >>> .b2b-checkbox');
25
+ let element = await page.find('b2b-checkbox >>> .b2b-checkbox');
25
26
  expect(element).toHaveClass('b2b-checkbox--indeterminate');
26
27
  await container.click();
27
28
  await page.waitForChanges();
29
+ element = await page.find('b2b-checkbox >>> .b2b-checkbox');
28
30
  expect(element).toHaveClass('b2b-checkbox--checked');
29
31
  });
30
32
  it('use label slot if provided', async () => {
package/dist/collection/components/checkbox-group/checkbox-group.e2e.js CHANGED
@@ -15,9 +15,10 @@ describe('B2B-Checkbox-Group', () => {
15
15
  expect(element).not.toBeNull();
16
16
  });
17
17
  it('should have all checkboxes unchecked by default and check a checkbox', async () => {
18
- const element = await page.find('b2b-checkbox >>> .b2b-checkbox');
18
+ let element = await page.find('b2b-checkbox >>> .b2b-checkbox');
19
19
  await element.click();
20
20
  await page.waitForChanges();
21
+ element = await page.find('b2b-checkbox >>> .b2b-checkbox');
21
22
  expect(element).toHaveClass('b2b-checkbox--checked');
22
23
  });
23
24
  it('should receive a custom event', async () => {
@@ -33,27 +34,31 @@ describe('B2B-Checkbox-Group', () => {
33
34
  expect(b2bChange).toHaveReceivedEvent();
34
35
  });
35
36
  it('should emit a custom event when a checkbox is checked', async () => {
36
- const element = await page.find('b2b-checkbox >>> .b2b-checkbox');
37
+ let element = await page.find('b2b-checkbox >>> .b2b-checkbox');
37
38
  const b2bGroupChange = await page.spyOnEvent('b2b-group-change');
38
- element.click();
39
+ await element.click();
39
40
  await page.waitForChanges();
40
41
  // currently a limitation of Puppeteer - no event details on custom events inside the shadow dom
41
42
  expect(b2bGroupChange).toHaveReceivedEvent();
42
43
  });
43
44
  it('should disable all checkboxes when the property is specified', async () => {
44
- const parentElement = await page.find('b2b-checkbox-group');
45
- const element = await page.find('b2b-checkbox >>> .b2b-checkbox');
45
+ let parentElement = await page.find('b2b-checkbox-group');
46
+ let element = await page.find('b2b-checkbox >>> .b2b-checkbox');
46
47
  expect(element).not.toHaveClass('b2b-checkbox--disabled');
47
48
  parentElement.setProperty('disabled', true);
48
49
  await page.waitForChanges();
50
+ parentElement = await page.find('b2b-checkbox-group');
51
+ element = await page.find('b2b-checkbox >>> .b2b-checkbox');
49
52
  expect(element).toHaveClass('b2b-checkbox--disabled');
50
53
  });
51
54
  it('should set all checkboxes to invalid when the property is specified', async () => {
52
- const parentElement = await page.find('b2b-checkbox-group');
53
- const element = await page.find('b2b-checkbox >>> .b2b-checkbox');
55
+ let parentElement = await page.find('b2b-checkbox-group');
56
+ let element = await page.find('b2b-checkbox >>> .b2b-checkbox');
54
57
  expect(element).not.toHaveClass('b2b-checkbox--error');
55
58
  parentElement.setProperty('invalid', true);
56
59
  await page.waitForChanges();
60
+ parentElement = await page.find('b2b-checkbox-group');
61
+ element = await page.find('b2b-checkbox >>> .b2b-checkbox');
57
62
  expect(element).toHaveClass('b2b-checkbox--error');
58
63
  });
59
64
  it('should remove all children hint texts when the component is rendered', async () => {
package/dist/collection/components/dropdown/dropdown.e2e.js CHANGED
@@ -32,23 +32,26 @@ describe('B2B-Dropdown', () => {
32
32
  // expect(b2bChange).toHaveReceivedEventDetail('option-2');
33
33
  // });
34
34
  it('should disable the select when the property is specified', async () => {
35
- const element = await page.find('b2b-dropdown');
35
+ let element = await page.find('b2b-dropdown');
36
36
  expect(element).not.toHaveClass('b2b-dropdown--disabled');
37
37
  element.setProperty('disabled', true);
38
38
  await page.waitForChanges();
39
+ element = await page.find('b2b-dropdown');
39
40
  expect(element).toHaveClass('b2b-dropdown--disabled');
40
41
  });
41
42
  it('should set the select to invalid when the property is specified', async () => {
42
- const element = await page.find('b2b-dropdown');
43
+ let element = await page.find('b2b-dropdown');
43
44
  expect(element).not.toHaveClass('b2b-dropdown--error');
44
45
  element.setProperty('invalid', true);
45
46
  await page.waitForChanges();
47
+ element = await page.find('b2b-dropdown');
46
48
  expect(element).toHaveClass('b2b-dropdown--error');
47
49
  });
48
50
  it('should clear the selection and reset to placeholder', async () => {
49
- const dropdown = await page.find('b2b-dropdown');
51
+ let dropdown = await page.find('b2b-dropdown');
50
52
  await dropdown.callMethod('clearSelection');
51
53
  await page.waitForChanges();
54
+ dropdown = await page.find('b2b-dropdown');
52
55
  const selectedTextElementAfter = await dropdown.shadowRoot.querySelector('.b2b-dropdown__select');
53
56
  expect(selectedTextElementAfter).not.toBeNull();
54
57
  expect(selectedTextElementAfter.textContent).toBe('Select an option...');
package/dist/collection/components/flyout-menu/flyout-menu.e2e.js CHANGED
@@ -62,7 +62,7 @@ describe('B2B-FlyoutMenu', () => {
62
62
  icon.click();
63
63
  await page.waitForChanges();
64
64
  const flyoutMenuOption = await page.find('b2b-flyout-menu-option[option="option3"]');
65
- flyoutMenuOption.click();
65
+ await flyoutMenuOption.click();
66
66
  await page.waitForChanges();
67
67
  expect(flyoutMenuOption).not.toBeNull();
68
68
  expect(optionSelectedEventSpy).not.toHaveReceivedEvent();
package/dist/collection/components/input/input.e2e.js CHANGED
@@ -8,9 +8,10 @@ describe('B2B-Input', () => {
8
8
  `);
9
9
  });
10
10
  it('should register input text when enabled', async () => {
11
- const inputElement = await page.find('b2b-input');
11
+ let inputElement = await page.find('b2b-input');
12
12
  const nativeInput = await page.find('b2b-input >>> input');
13
13
  await nativeInput.type('a value');
14
+ inputElement = await page.find('b2b-input');
14
15
  let inputValue = inputElement.getAttribute('value');
15
16
  expect(inputValue).toBe('a value');
16
17
  });
@@ -24,13 +25,15 @@ describe('B2B-Input', () => {
24
25
  expect(inputValue).toBe(null);
25
26
  });
26
27
  it('should clear input when cleared called', async () => {
27
- const inputElement = await page.find('b2b-input');
28
+ let inputElement = await page.find('b2b-input');
28
29
  const nativeInput = await page.find('b2b-input >>> input');
29
30
  await nativeInput.type('a value');
31
+ inputElement = await page.find('b2b-input');
30
32
  let inputValue = inputElement.getAttribute('value');
31
33
  expect(inputValue).toBe('a value');
32
34
  await inputElement.callMethod('clearInput');
33
35
  await page.waitForChanges();
36
+ inputElement = await page.find('b2b-input');
34
37
  inputValue = inputElement.getAttribute('value');
35
38
  expect(inputValue).toBe('');
36
39
  });
package/dist/collection/components/input-group/input-group.e2e.js CHANGED
@@ -23,10 +23,11 @@ describe('B2B Input Group', () => {
23
23
  expect(element).not.toBeNull();
24
24
  });
25
25
  it('should disable the input group component', async () => {
26
- const element = await page.find('b2b-input-group');
26
+ let element = await page.find('b2b-input-group');
27
27
  expect(element).not.toHaveAttribute('disabled');
28
28
  element.setAttribute('disabled', true);
29
29
  await page.waitForChanges();
30
+ element = await page.find('b2b-input-group');
30
31
  expect(element).toHaveAttribute('disabled');
31
32
  });
32
33
  it('should disable individual elements of the group and keep their state when the group is dis- and enabled', async () => {
@@ -47,9 +48,9 @@ describe('B2B Input Group', () => {
47
48
  });
48
49
  it('should render a group error if one is specified and the group is set to invalid', async () => {
49
50
  const element = await page.find('b2b-input-group');
50
- const error = await page.find('b2b-input-group >>> span');
51
51
  element.setAttribute('invalid', true);
52
52
  await page.waitForChanges();
53
+ const error = await page.find('b2b-input-group >>> span');
53
54
  expect(error).toEqualText('A group error');
54
55
  });
55
56
  it('should not render a group error if the group is disabled', async () => {
package/dist/collection/components/input-list/input-list.e2e.js CHANGED
@@ -21,8 +21,8 @@ describe('B2B-InputList', () => {
21
21
  `);
22
22
  });
23
23
  it('should register input text when enabled', async () => {
24
- const inputList = await page.find('b2b-input-list');
25
24
  await typeInput('8');
25
+ const inputList = await page.find('b2b-input-list');
26
26
  let inputValue = inputList.getAttribute('value');
27
27
  expect(inputValue).toBe('8');
28
28
  });
@@ -225,8 +225,9 @@ describe('B2B-InputList', () => {
225
225
  let inputValue = await input.getAttribute('value');
226
226
  expect(inputValue).toBe('8');
227
227
  const closeIcon = await page.find('b2b-input-list >>> b2b-icon-100');
228
- closeIcon.click();
228
+ await closeIcon.click();
229
229
  await page.waitForChanges();
230
+ input = await page.find('b2b-input-list >>> b2b-input');
230
231
  inputValue = await input.getAttribute('value');
231
232
  expect(inputValue).toBe('');
232
233
  });
@@ -234,7 +235,7 @@ describe('B2B-InputList', () => {
234
235
  const onInputEventSpy = await page.spyOnEvent('b2b-clear');
235
236
  await typeInput();
236
237
  const closeIcon = await page.find('b2b-input-list >>> b2b-icon-100');
237
- closeIcon.click();
238
+ await closeIcon.click();
238
239
  await page.waitForChanges();
239
240
  expect(onInputEventSpy).toHaveReceivedEvent();
240
241
  });
package/dist/collection/components/pagination/pagination.e2e.js CHANGED
@@ -218,10 +218,11 @@ describe('B2B-Pagination', () => {
218
218
  page = await newE2EPage();
219
219
  await page.setContent(`<b2b-pagination total-pages='20' active-page='10'></b2b-pagination>`);
220
220
  await page.waitForChanges();
221
- const element = await page.find('b2b-pagination');
221
+ let element = await page.find('b2b-pagination');
222
222
  expect(element.getAttribute('active-page')).toBe('10');
223
223
  await element.setAttribute('total-pages', 5);
224
224
  await page.waitForChanges();
225
+ element = await page.find('b2b-pagination');
225
226
  expect(element.getAttribute('active-page')).toBe('5');
226
227
  });
227
228
  it('should refresh items when active page changes dynamically', async () => {
@@ -246,10 +247,11 @@ describe('B2B-Pagination', () => {
246
247
  page = await newE2EPage();
247
248
  await page.setContent(`<b2b-pagination total-pages='5' active-page='2'></b2b-pagination>`);
248
249
  await page.waitForChanges();
249
- const element = await page.find('b2b-pagination');
250
+ let element = await page.find('b2b-pagination');
250
251
  expect(element.getAttribute('active-page')).toBe('2');
251
252
  await element.setAttribute('active-page', 20);
252
253
  await page.waitForChanges();
254
+ element = await page.find('b2b-pagination');
253
255
  expect(element.getAttribute('active-page')).toBe('5');
254
256
  });
255
257
  });
package/dist/collection/components/radio-group/radio-group.e2e.js CHANGED
@@ -15,10 +15,11 @@ describe('B2B-Radio-Group', () => {
15
15
  expect(element).not.toBeNull();
16
16
  });
17
17
  it('should have all radio buttons unchecked by default and check a radio button', async () => {
18
- const element = await page.find('b2b-radio-button');
18
+ let element = await page.find('b2b-radio-button');
19
19
  expect(element).not.toHaveAttribute('checked');
20
20
  element.setAttribute('checked', true);
21
21
  await page.waitForChanges();
22
+ element = await page.find('b2b-radio-button');
22
23
  expect(element).toHaveAttribute('checked');
23
24
  });
24
25
  it('should receive a custom event', async () => {
@@ -47,18 +48,20 @@ describe('B2B-Radio-Group', () => {
47
48
  });
48
49
  it('should disable all radio when the property is specified', async () => {
49
50
  const parentElement = await page.find('b2b-radio-group');
50
- const element = await page.find('b2b-radio-button >>> .b2b-radio');
51
+ let element = await page.find('b2b-radio-button >>> .b2b-radio');
51
52
  expect(element).not.toHaveClass('b2b-radio--disabled');
52
53
  parentElement.setProperty('disabled', true);
53
54
  await page.waitForChanges();
55
+ element = await page.find('b2b-radio-button >>> .b2b-radio');
54
56
  expect(element).toHaveClass('b2b-radio--disabled');
55
57
  });
56
58
  it('should set all radio buttons to invalid when the property is specified', async () => {
57
59
  const parentElement = await page.find('b2b-radio-group');
58
- const element = await page.find('b2b-radio-button >>> .b2b-radio');
60
+ let element = await page.find('b2b-radio-button >>> .b2b-radio');
59
61
  expect(element).not.toHaveClass('b2b-radio--error');
60
62
  parentElement.setProperty('invalid', true);
61
63
  await page.waitForChanges();
64
+ element = await page.find('b2b-radio-button >>> .b2b-radio');
62
65
  expect(element).toHaveClass('b2b-radio--error');
63
66
  });
64
67
  it('should remove all children hint texts when the component is rendered', async () => {
package/dist/collection/components/search/search.e2e.js CHANGED
@@ -21,8 +21,9 @@ describe('B2B-Search', () => {
21
21
  `);
22
22
  });
23
23
  it('should register input text when enabled', async () => {
24
- const search = await page.find('b2b-search');
24
+ let search = await page.find('b2b-search');
25
25
  await typeInput('8');
26
+ search = await page.find('b2b-search');
26
27
  let inputValue = search.getAttribute('value');
27
28
  expect(inputValue).toBe('8');
28
29
  });
package/dist/collection/components/table/table.e2e.js CHANGED
@@ -132,36 +132,40 @@ describe('B2B-Table', () => {
132
132
  expect(await sortArrow.isVisible()).toBe(true);
133
133
  });
134
134
  it('should emit the sort direction when a column header is clicked', async () => {
135
- const headerCol = await page.find({ text: 'Title 1' });
135
+ let headerCol = await page.find({ text: 'Title 1' });
136
136
  const b2bChange = await page.spyOnEvent('b2b-change');
137
137
  const sortArrow = await page.find('b2b-table-header >>> svg');
138
138
  let ariaState = await headerCol.getAttribute('aria-sort');
139
139
  expect(sortArrow).toHaveClass('b2b-table-header__sort--right');
140
140
  expect(ariaState).toEqualText('other');
141
141
  await headerCol.click();
142
+ await page.waitForChanges();
143
+ headerCol = await page.find({ text: 'Title 1' });
142
144
  ariaState = await headerCol.getAttribute('aria-sort');
143
145
  expect(ariaState).toEqualText('ascending');
144
146
  expect(b2bChange).toHaveReceivedEvent();
145
147
  });
146
148
  it('should emit the sort direction when a column header is focused and enter is pressed', async () => {
147
- const headerCol = await page.find({ text: 'Title 1' });
149
+ let headerCol = await page.find({ text: 'Title 1' });
148
150
  const b2bChange = await page.spyOnEvent('b2b-change');
149
151
  let ariaState = await headerCol.getAttribute('aria-sort');
150
152
  expect(ariaState).toEqualText('other');
151
153
  await page.keyboard.press('Tab');
152
154
  await page.keyboard.press('Enter');
153
155
  await page.waitForChanges();
156
+ headerCol = await page.find({ text: 'Title 1' });
154
157
  ariaState = await headerCol.getAttribute('aria-sort');
155
158
  expect(ariaState).toEqualText('ascending');
156
159
  expect(b2bChange).toHaveReceivedEvent();
157
160
  });
158
161
  it('should un-sort siblings when sorting any column', async () => {
159
- const headerCol = await page.find({ text: 'Title 3' });
162
+ let headerCol = await page.find({ text: 'Title 3' });
160
163
  let ariaState = await headerCol.getAttribute('aria-sort');
161
164
  expect(ariaState).toEqualText('descending');
162
165
  await page.keyboard.press('Tab');
163
166
  await page.keyboard.press('Enter');
164
167
  await page.waitForChanges();
168
+ headerCol = await page.find({ text: 'Title 3' });
165
169
  ariaState = await headerCol.getAttribute('aria-sort');
166
170
  expect(ariaState).toEqualText('other');
167
171
  });
package/dist/collection/components/textarea/textarea.js CHANGED
@@ -36,7 +36,7 @@ export class B2BTextareaComponent {
36
36
  this.value = null;
37
37
  this.name = undefined;
38
38
  this.maxLength = undefined;
39
- this.height = undefined;
39
+ this.height = '';
40
40
  }
41
41
  connectedCallback() {
42
42
  const form = this.hostElement.closest('form');
@@ -45,10 +45,10 @@ export class B2BTextareaComponent {
45
45
  }
46
46
  }
47
47
  render() {
48
- return (h(Host, { key: 'da558a5ff72e49195bd4ba80c72670b1e93585de', class: {
48
+ return (h(Host, { key: '042a4bf18160c76a15600b82150a0b5550c4cdb4', class: {
49
49
  'b2b-textarea': true,
50
50
  'b2b-textarea--error': this.invalid && !this.disabled,
51
- } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '009868c7c6b92fcd3560dab869ce310250737982', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
51
+ } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '84b0f3066733ed1a02d485baf91a9e90646778b0', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
52
52
  (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
53
53
  }
54
54
  static get is() { return "b2b-textarea"; }
@@ -289,7 +289,8 @@ export class B2BTextareaComponent {
289
289
  "text": "The height of the text area"
290
290
  },
291
291
  "attribute": "height",
292
- "reflect": false
292
+ "reflect": false,
293
+ "defaultValue": "''"
293
294
  }
294
295
  };
295
296
  }
package/dist/collection/components/tooltip/tooltip.e2e.js CHANGED
@@ -23,7 +23,7 @@ describe('B2B Tooltip', () => {
23
23
  await trigger.hover();
24
24
  await page.waitForChanges();
25
25
  const tooltipDiv = await page.find('b2b-tooltip >>> div');
26
- expect(await tooltipDiv.isVisible()).toBe(true);
26
+ expect(tooltipDiv.className).toContain('b2b-tooltip--visible');
27
27
  });
28
28
  it('appears on focus when a focusable element is slotted and the trigger is set to focus', async () => {
29
29
  const page = await newE2EPage();
package/dist/components/b2b-textarea.js CHANGED
@@ -44,7 +44,7 @@ const B2BTextareaComponent = /*@__PURE__*/ proxyCustomElement(class B2BTextareaC
44
44
  this.value = null;
45
45
  this.name = undefined;
46
46
  this.maxLength = undefined;
47
- this.height = undefined;
47
+ this.height = '';
48
48
  }
49
49
  connectedCallback() {
50
50
  const form = this.hostElement.closest('form');
@@ -53,10 +53,10 @@ const B2BTextareaComponent = /*@__PURE__*/ proxyCustomElement(class B2BTextareaC
53
53
  }
54
54
  }
55
55
  render() {
56
- return (h(Host, { key: 'da558a5ff72e49195bd4ba80c72670b1e93585de', class: {
56
+ return (h(Host, { key: '042a4bf18160c76a15600b82150a0b5550c4cdb4', class: {
57
57
  'b2b-textarea': true,
58
58
  'b2b-textarea--error': this.invalid && !this.disabled,
59
- } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '009868c7c6b92fcd3560dab869ce310250737982', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
59
+ } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '84b0f3066733ed1a02d485baf91a9e90646778b0', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
60
60
  (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
61
61
  }
62
62
  get hostElement() { return this; }
package/dist/esm/b2b-textarea.entry.js CHANGED
@@ -41,7 +41,7 @@ const B2BTextareaComponent = class {
41
41
  this.value = null;
42
42
  this.name = undefined;
43
43
  this.maxLength = undefined;
44
- this.height = undefined;
44
+ this.height = '';
45
45
  }
46
46
  connectedCallback() {
47
47
  const form = this.hostElement.closest('form');
@@ -50,10 +50,10 @@ const B2BTextareaComponent = class {
50
50
  }
51
51
  }
52
52
  render() {
53
- return (h(Host, { key: 'da558a5ff72e49195bd4ba80c72670b1e93585de', class: {
53
+ return (h(Host, { key: '042a4bf18160c76a15600b82150a0b5550c4cdb4', class: {
54
54
  'b2b-textarea': true,
55
55
  'b2b-textarea--error': this.invalid && !this.disabled,
56
- } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '009868c7c6b92fcd3560dab869ce310250737982', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
56
+ } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '84b0f3066733ed1a02d485baf91a9e90646778b0', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
57
57
  (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
58
58
  }
59
59
  get hostElement() { return getElement(this); }
package/dist/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@otto-de/b2b-core-components",
5
- "version": "1.30.0",
5
+ "version": "1.31.0",
6
6
  "js-types-syntax": "typescript",
7
7
  "description-markup": "markdown",
8
8
  "contributions": {
@@ -3704,6 +3704,7 @@
3704
3704
  "name": "height",
3705
3705
  "description": "The height of the text area\r\nValues: string",
3706
3706
  "required": false,
3707
+ "default": "''",
3707
3708
  "value": {
3708
3709
  "kind": "expression",
3709
3710
  "type": "string"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@otto-de/b2b-core-components",
3
- "version": "1.31.0",
3
+ "version": "1.31.1",
4
4
  "description": "Core components defined with Stencil",
5
5
  "author": "Otto GmbH",
6
6
  "license": "Apache-2.0",
@@ -43,7 +43,7 @@
43
43
  "dependencies": {
44
44
  "@eslint/eslintrc": "^3.3.0",
45
45
  "@eslint/js": "^9.22.0",
46
- "@otto-de/b2b-tokens": "1.31.0",
46
+ "@otto-de/b2b-tokens": "1.31.1",
47
47
  "@stencil/core": "4.13.0",
48
48
  "globals": "^16.0.0"
49
49
  },
@@ -91,8 +91,6 @@
91
91
  "lint-staged": "^15.2.2",
92
92
  "postcss-import": "^16.1.0",
93
93
  "prettier": "^3.5.3",
94
- "react": "^18.2.0",
95
- "react-dom": "^18.2.0",
96
94
  "remark-gfm": "^4.0.1",
97
95
  "sass": "^1.71.0",
98
96
  "sass-loader": "^16.0.5",
@@ -105,5 +103,9 @@
105
103
  "ts-jest": "^29.1.1",
106
104
  "tsutils": "^3.21.0",
107
105
  "typescript": "^4.9.4"
106
+ },
107
+ "peerDependencies": {
108
+ "react": "18.3.1",
109
+ "react-dom": "18.3.1"
108
110
  }
109
111
  }
package/dist/b2b-core-components/p-e40069cd.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as b,c as r,h as o,H as e,g as i}from"./p-b6a753e8.js";const t=class{constructor(o){b(this,o),this.b2bFocus=r(this,"b2b-focus",7),this.b2bBlur=r(this,"b2b-blur",7),this.b2bInput=r(this,"b2b-input",7),this.handleFormData=b=>{null!=this.name&&b.formData.append(this.name,this.value||"")},this.onFocus=b=>{this.b2bFocus.emit(b)},this.onBlur=b=>{this.b2bBlur.emit(b)},this.onInput=b=>{const r=b.target;null!==r&&(this.value=r.value||""),this.b2bInput.emit(r)},this.label=void 0,this.required=!1,this.placeholder=void 0,this.disabled=!1,this.invalid=!1,this.focusOnLoad=!1,this.resize=void 0,this.hint=void 0,this.error=void 0,this.value=null,this.name=void 0,this.maxLength=void 0,this.height=void 0}connectedCallback(){const b=this.hostElement.closest("form");null!=b&&b.addEventListener("formdata",this.handleFormData)}render(){return o(e,{key:"da558a5ff72e49195bd4ba80c72670b1e93585de",class:{"b2b-textarea":!0,"b2b-textarea--error":this.invalid&&!this.disabled}},this.label&&o("b2b-input-label",{id:this.name,required:this.required},this.label),o("textarea",{key:"009868c7c6b92fcd3560dab869ce310250737982",class:"textarea-input","aria-labelledby":this.name,style:Object.assign({height:this.height},Boolean(this.resize)&&{resize:this.resize}),value:this.value,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autoFocus:this.focusOnLoad,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,maxLength:this.maxLength}),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?o("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?o("span",null,this.error):"")}get hostElement(){return i(this)}};t.style=':root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-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:#E6F4FF;--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:#E6F4FF;--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-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme="dark"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-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:#E6F4FF;--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-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(.b2b-textarea){font-family:var(--b2b-font-family-default)}:host(.b2b-textarea) .textarea-input{display:block;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-size-border-radius-100);box-sizing:border-box;margin:var(--b2b-size-10) 0;padding:7px 12px 6px;width:100%;appearance:none;height:auto;min-height:4.5rem}:host(.b2b-textarea) .textarea-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-textarea) .textarea-input:disabled,:host(.b2b-textarea) .textarea-input:read-only{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25);border:1px solid var(--b2b-color-grey-200)}:host(.b2b-textarea) b2b-input-label{display:block}:host(.b2b-textarea) span{display:block;font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);color:var(--b2b-color-grey-300)}:host(.b2b-textarea--error) .textarea-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-textarea--error) .textarea-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-textarea--error) .textarea-input:focus{outline-color:var(--b2b-color-error-100)}:host(.b2b-textarea--error) span{color:var(--b2b-color-error-100)}';export{t as b2b_textarea}