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

package/dist/b2b-core-components/p-376ba9ef.entry.js

@@ -1 +0,0 @@
-import{r as e,c as b,h as i,H as t,g as r}from"./p-b6a753e8.js";import{D as o}from"./p-441657b2.js";const s=class{constructor(i){e(this,i),this.b2bSelected=b(this,"b2b-selected",7),this.DISABLED_DATE_ERROR_MESSAGE="Auswahl nicht möglich, bitte gültiges Datum auswählen.",this.FORMATTING_ERROR_MESSAGE="Format beachten: TT.MM.JJJJ.",this.today=new Date,this.todayWithoutTime=new Date(this.today.getFullYear(),this.today.getMonth(),this.today.getDate()),this.handleInputChange=e=>{this.focused=!0,this.invalid=!1;let b=e.target.value;b=b.replace(/[^0-9.]/g,""),b.length>10&&(b=b.slice(0,10)),this.userInputDate=b,e.target.value=b,10===b.length&&(this.parseDateInput(b),this.invalid&&(this.showDatePicker=!1))},this.handleKeyDown=e=>{if("Enter"===e.key){this.showHideDatePicker(),this.invalid&&(this.invalid=!1,this.showDatePicker=!1);let b=e.target.value;0===b.length&&(this.invalid=!1),10===b.length?(this.parseDateInput(b),this.emitSelectedDate(),this.showDatePicker=!1,this.focused=!1):(this.invalid=!0,this.focused=!1,this.showDatePicker=!1)}"Backspace"===e.key&&0===e.target.value.length&&(this.clearDateInput(),this.invalid=!1)},this.handleInputFocus=()=>{this.parseDateInput(this.userInputDate),this.invalid&&(this.invalid=!1),this.focused=!0},this.setCurrentMonth=e=>{this.selectedMonth=e,this.selectedDay=void 0},this.setCurrentYear=e=>{this.selectedYear=e,this.selectedDay=void 0},this.showHideDatePicker=()=>{this.showDatePicker=!this.showDatePicker,this.datePickerView=o.Days},this.clearDateInput=()=>{this.selectedDay=void 0,this.userInputDate=void 0},this.handleBackdropDismiss=()=>{this.showDatePicker=!1},this.disablePastDates=void 0,this.disableFutureDates=void 0,this.disableWeekends=void 0,this.label="Zeitraum auswählen",this.preSelectedDate=void 0,this.showHint=!0,this.showDatePicker=!1,this.focused=!1,this.datePickerView=o.Days,this.selectedMonth=(new Date).getMonth(),this.selectedYear=(new Date).getFullYear(),this.selectedDay=void 0,this.selectedDate=void 0,this.userInputDate="",this.invalid=!1,this.errorMessage=this.FORMATTING_ERROR_MESSAGE}componentWillLoad(){if(void 0!==this.preSelectedDate){const[e,b,i]=this.preSelectedDate.split(".").map(Number);this.selectedDay=e,this.selectedMonth=b-1,this.selectedYear=i,this.setSelectedDateForDisplay(),this.showDatePicker=!1}else this.selectedDay=void 0,this.selectedMonth=(new Date).getMonth(),this.selectedYear=(new Date).getFullYear(),this.userInputDate=""}handleEscapePress(){this.showDatePicker=!1}handleDateSelection(e){this.selectedDay=e.detail.selectedDate.getDate(),this.setSelectedDate(),this.showDatePicker=!1,this.focused=!1}getPreviousMonth(){this.invalid=!1,0===this.selectedMonth?(this.setCurrentMonth(11),this.setCurrentYear(this.selectedYear-1)):this.setCurrentMonth(this.selectedMonth-1)}parseDateInput(e){if(""==e||void 0===e)return void(this.invalid=!1);if(!/^(0[1-9]|[12][0-9]|3[01])\.(0[1-9]|1[0-2])\.\d{4}$/.test(e))return this.invalid=!0,void(this.errorMessage=this.FORMATTING_ERROR_MESSAGE);const[b,i,t]=e.split(".").map((e=>Number(e)));this.isValidDate(b,i,t)?(this.invalid=!1,this.selectedDay=b,this.selectedMonth=i-1,this.selectedYear=t,this.setSelectedDateForDisplay()):(this.invalid=!0,this.focused=!1,this.selectedDay=this.todayWithoutTime.getDate(),this.selectedMonth=this.todayWithoutTime.getMonth(),this.selectedYear=this.todayWithoutTime.getFullYear())}isValidDate(e,b,i){const t=new Date(i,b-1,e),r=t.getDate()===e,o=t.getMonth()+1===b,s=t.getFullYear()===i&&i>=1900&&i<=2100;if(!r||!o||!s)return this.errorMessage=this.DISABLED_DATE_ERROR_MESSAGE,!1;let a=!0;return this.disablePastDates&&t<this.todayWithoutTime&&(this.errorMessage=this.DISABLED_DATE_ERROR_MESSAGE,a=!1),this.disableFutureDates&&t>this.todayWithoutTime&&(this.errorMessage=this.DISABLED_DATE_ERROR_MESSAGE,a=!1),!this.disableWeekends||0!=t.getDay()&&6!=t.getDay()||(this.errorMessage=this.DISABLED_DATE_ERROR_MESSAGE,a=!1),a}emitSelectedDate(){this.b2bSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,this.selectedDay)})}setSelectedDateForDisplay(){void 0!==this.selectedDay&&this.updateInputWithSelectedDate()}updateInputWithSelectedDate(){const e=this.selectedDay.toString().padStart(2,"0"),b=(this.selectedMonth+1).toString().padStart(2,"0");this.userInputDate=`${e}.${b}.${this.selectedYear}`,this.invalid=!1}getNextMonth(){this.invalid=!1,11===this.selectedMonth?(this.setCurrentMonth(0),this.setCurrentYear(this.selectedYear+1)):this.setCurrentMonth(this.selectedMonth+1)}handleDatePickerViewChanged(e){this.datePickerView=e.detail.value}handleMonthSelected(e){this.setCurrentMonth(e.detail.value),this.datePickerView=o.Days,this.invalid=!1,setTimeout((()=>{this.setFocusOnCalendarIcon()}),100)}handleYearSelected(e){this.setCurrentYear(e.detail.value),this.datePickerView=o.Days,this.invalid=!1,setTimeout((()=>{this.setFocusOnCalendarIcon()}),100)}setFocusOnCalendarIcon(){let e=this.host.shadowRoot.querySelector(".b2b-event-icon");null!==e&&e.focus()}setSelectedDate(){this.setSelectedDateForDisplay(),this.b2bSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,this.selectedDay)}),this.invalid=!1,setTimeout((()=>{this.setFocusOnCloseIcon()}),100)}setFocusOnCloseIcon(){let e=this.host.shadowRoot.querySelector(".b2b-close-icon");null!==e&&e.focus()}handleFocusOut(){""===this.userInputDate||this.invalid||this.parseDateInput(this.userInputDate)}moveFocusToInputComponent(){const e=this.host.shadowRoot.querySelector("input.b2b-date-picker-input");return void 0===e||this.invalid?this.showDatePicker||this.invalid?(e.blur(),this.invalid=!1,this.focused=!1,void this.showHideDatePicker()):void 0:(e.focus(),this.focused=!0,void this.showHideDatePicker())}render(){return i(t,{key:"8c47388da5b4d322847338e17106f6421e570f94"},i("div",{key:"a5c01d164a0fd8555df6ee8cd01380072832bc8a",class:"b2b-date-picker"},i("div",{key:"ce234fe5588126890b384d742c5fe9cc6482e298",class:"b2b-date-picker-label"},this.label),i("div",{key:"017889d17ab599540bb4db90b25b90bad1c37f2e",class:{"b2b-date-picker-input-wrapper":!0,"b2b-date-picker-input-wrapper--focused":this.focused||this.showDatePicker,"b2b-date-picker-input-wrapper--error":this.invalid}},i("div",{key:"dbb4c054fd05e75d4fd51cf37d8771062bfc4501",class:"b2b-date-picker-input-focus-wrapper",onClick:()=>{this.moveFocusToInputComponent()}},i("input",{key:"f4e4a9a6ba7304d12d3e84290647df5d1e7acd15",type:"text",tabindex:0,class:{"b2b-date-picker-input":!0,"b2b-date-picker-input--error":this.invalid},value:this.userInputDate,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus,onBlur:()=>{this.focused=!1,this.handleFocusOut()}})),i("div",{key:"c604c6f2908bc9d96f0f489fd4758e0fe6c8e5f9",class:"b2b-icons"},this.userInputDate&&i("div",{tabIndex:0,onClick:()=>{this.invalid=!1,this.clearDateInput()},class:"b2b-close-icon",onKeyDown:e=>{"Enter"===e.key&&(this.invalid=!1,this.clearDateInput())}},i("b2b-icon",{icon:"b2b_icon-close","aria-label":"clear input",clickable:!0})),i("div",{key:"c3e12e0904a2ee72ff672415e49e0ebaa48e46d9",tabindex:0,onClick:()=>{this.invalid&&(this.invalid=!1),this.showHideDatePicker()},onKeyDown:e=>{"Enter"===e.key&&(this.invalid&&(this.invalid=!1),this.showHideDatePicker())},class:"b2b-event-icon"},i("b2b-icon",{key:"a38cbfb24b84ca95bcd2507357e3e003cd5fd708","aria-label":this.showDatePicker?"close date picker":"open date picker",icon:"b2b_icon-event",clickable:!0}))))),i("div",{key:"addb043cc83121ad0e70611a1621f95d473f7cd1",class:{"b2b-date-picker-body":!0,"b2b-date-picker-body--hidden":!this.showDatePicker}},this.datePickerView===o.Days&&i("div",null,i("b2b-date-picker-header",{selectedMonth:this.selectedMonth,selectedYear:this.selectedYear}),i("b2b-date-picker-days-header",null),i("b2b-date-picker-days",{selectedMonth:this.selectedMonth,selectedYear:this.selectedYear,selectedDay:this.selectedDay,disableWeekends:this.disableWeekends,disableFutureDates:this.disableFutureDates,disablePastDates:this.disablePastDates})),this.datePickerView===o.Months&&i("b2b-date-picker-months",{selectedMonth:this.selectedMonth}),this.datePickerView===o.Years&&i("b2b-date-picker-years",{selectedYear:this.selectedYear})),this.showDatePicker&&i("div",{class:"b2b-date-picker__backdrop",onClick:this.handleBackdropDismiss}),!this.showDatePicker&&i("span",{class:{"b2b-date-picker-hint":!0,"b2b-date-picker-hint--error":this.invalid}},this.invalid?this.errorMessage:this.showHint&&"Format: TT.MM.JJJJ"))}get host(){return r(this)}};s.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host .b2b-date-picker{position:relative;z-index:300}:host .b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}:host .b2b-date-picker-input-focus-wrapper{width:100%;height:100%}:host .b2b-date-picker-input-focus-wrapper:hover{cursor:text}:host .b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-15) var(--b2b-size-20);max-width:600px;background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}:host .b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}:host .b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}:host .b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;width:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}:host .b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}:host .b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}:host .b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}:host .b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}:host .b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}:host .b2b-date-picker-body{position:relative;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:2px none -webkit-focus-ring-color;outline-offset:-1px;width:300px;box-sizing:border-box;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:200}:host .b2b-date-picker-body--hidden{display:none}:host .b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}:host .b2b-close-icon{display:block}:host .b2b-event-icon{display:block}';export{s as b2b_date_picker}

package/dist/b2b-core-components/p-441657b2.js

@@ -1 +0,0 @@
-const a=["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],o=["Mo","Di","Mi","Do","Fr","Sa","So"];var s;!function(a){a.Days="Days",a.Months="Months",a.Years="Years"}(s||(s={}));export{s as D,a as M,o as W}

package/dist/b2b-core-components/p-68a836cb.entry.js

@@ -1 +0,0 @@
-import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";import{W as a,D as t,M as s}from"./p-441657b2.js";const c=class{constructor(o){b(this,o),this.b2bDatePickerEscape=e(this,"b2b-date-picker-escape",7),this.b2bDateSelected=e(this,"b2b-date-selected",7),this.today=new Date,this.todayWithoutTime=new Date(this.today.getFullYear(),this.today.getMonth(),this.today.getDate()),this.getCurrentDate=()=>this.getAllDates().find((b=>"0"===b.getAttribute("tabindex"))),this.getAllDates=()=>Array.from(this.host.shadowRoot.querySelectorAll(".b2b-date-picker-day")),this.focusCurrentDate=b=>{this.getAllDates().forEach((e=>{b.className.includes("b2b-date-picker-day--disabled")||e.setAttribute("tabindex",e===b?"0":"-1")})),b.className.includes("b2b-date-picker-day--disabled")||b.focus()},this.isDisabledDate=b=>{if(this.disablePastDates){if(b<this.todayWithoutTime)return!0}else if(this.disableFutureDates){if(b>this.todayWithoutTime)return!0}else{if(!this.disableWeekends)return!1;if(0==b.getDay()||6==b.getDay())return!0}},this.handleClick=b=>{b.target.blur()},this.renderDatePickerDays=()=>{let b=new Date(this.selectedYear,this.selectedMonth+1,0).getDate(),e=new Date(this.selectedYear,this.selectedMonth,1).getDay(),o=0==e?6:e-1,i=[];for(let b=0;b<o;b++)i.push(r("div",null));for(let e=1;e<=b;e++){let b=new Date(this.selectedYear,this.selectedMonth,e),o=this.isDisabledDate(b);i.push(r("div",{class:{"b2b-date-picker-day":!0,"b2b-date-picker-day--disabled":o,"b2b-date-picker-day--today":b.toDateString()===this.todayWithoutTime.toDateString(),"b2b-date-picker-day--selected":new Date(this.selectedYear,this.selectedMonth,this.selectedDay).toDateString()===b.toDateString()},onClick:b=>{this.b2bDateSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,e)}),this.handleClick(b)},tabindex:b.toDateString()===this.todayWithoutTime.toDateString()?0:-1,role:"gridcell","aria-label":`Date ${e}  ${this.selectedMonth+1}  ${this.selectedYear}`},e))}return i},this.selectedMonth=void 0,this.selectedYear=void 0,this.selectedDay=void 0,this.disablePastDates=!1,this.disableFutureDates=!1,this.disableWeekends=!1,this.disabled=!1}componentDidLoad(){this.setFocusOnSelectedDayOrFirstDay()}setFocusOnSelectedDayOrFirstDay(){const b=this.getAllDates();b.length>0&&this.today.getMonth()!==this.selectedMonth&&this.focusCurrentDate(void 0!==this.selectedDay?b[this.selectedDay-1]:b[0])}componentWillLoad(){this.setFocusOnSelectedDayOrFirstDay()}handleKeyDown(b){b.preventDefault();const e=this.getAllDates();let r=this.today.getDate()-1;switch(b.key){case"Tab":this.today.getMonth()===this.selectedMonth&&(r=this.today.getDate()-1);break;case"ArrowLeft":r=e.indexOf(this.getCurrentDate())-1;break;case"ArrowRight":r=e.indexOf(this.getCurrentDate())+1;break;case"ArrowUp":r=e.indexOf(this.getCurrentDate())-7;break;case"ArrowDown":r=e.indexOf(this.getCurrentDate())+7;break;case"Enter":if(r=e.indexOf(this.getCurrentDate()),e[r].classList.contains("b2b-date-picker-day--disabled"))return;this.b2bDateSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth+1,r+1)});break;case"Escape":this.resetAllDates(),this.b2bDatePickerEscape.emit();break;default:return}r<0&&(r=e.length-1),r>e.length-1&&(r=0),this.focusCurrentDate(e[r])}resetAllDates(){this.getAllDates().forEach((b=>{b.setAttribute("tabindex","-1")}))}render(){return r(o,{key:"932793a700279c0064a3a36c08d75517861f2420"},r("div",{key:"98179650a1f3a4e4af1a8ddee3073c48cc46beab",class:"b2b-date-picker-days"},this.renderDatePickerDays()))}get host(){return i(this)}};c.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-date-picker-days{display:grid;grid-template-columns:repeat(7, 1fr);padding:0 var(--b2b-size-40) 0 var(--b2b-size-40)}.b2b-date-picker-days .b2b-date-picker-day{width:var(--b2b-size-90);height:var(--b2b-size-90);border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:var(--b2b-font-weight-normal);color:var(--b2b-color-black-100);font-size:var(--b2b-size-35)}.b2b-date-picker-days .b2b-date-picker-day:hover{cursor:pointer}.b2b-date-picker-days .b2b-date-picker-day:hover,.b2b-date-picker-days .b2b-date-picker-day:focus{background-color:var(--b2b-color-hover)}.b2b-date-picker-days .b2b-date-picker-day--disabled{border-radius:5px;color:var(--b2b-color-grey-200);pointer-events:none}.b2b-date-picker-days .b2b-date-picker-day--today{border:1px solid var(--b2b-color-black-50);box-sizing:border-box;width:100%;height:100%}.b2b-date-picker-days .b2b-date-picker-day--selected{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100);pointer-events:none;width:100%}.b2b-date-picker-days .b2b-date-picker-day--focussed{background-color:var(--b2b-color-hover)}';const l=class{constructor(e){b(this,e),this.displayWeekDays=()=>{let b=[];return a.forEach((e=>{b.push(r("div",{class:"b2b-date-picker-day"},e))})),b}}render(){return r(o,{key:"dd19aa810becf64b496f66534c7e81cff239507a"},r("div",{key:"75a38a70e3152892458ab53116f9ed44487aaba6",class:"b2b-date-picker-days-header"},this.displayWeekDays()))}get host(){return i(this)}};l.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:root .b2b-date-picker-days-header,:host .b2b-date-picker-days-header{display:grid;grid-template-columns:repeat(7, 1fr);padding:0 var(--b2b-size-40) 0 var(--b2b-size-40)}:root .b2b-date-picker-days-header .b2b-date-picker-day,:host .b2b-date-picker-days-header .b2b-date-picker-day{width:var(--b2b-size-90);height:var(--b2b-size-55);border-radius:5px;text-align:center;font-weight:var(--b2b-font-weight-normal);color:var(--b2b-color-black-100);font-size:var(--b2b-size-35)}';const d=class{constructor(r){b(this,r),this.b2bDatePickerPreviousMonth=e(this,"b2b-date-picker-previous-month",7),this.b2bDatePickerNextMonth=e(this,"b2b-date-picker-next-month",7),this.b2bDatePickerViewChanged=e(this,"b2b-date-picker-view-changed",7),this.selectedMonth=void 0,this.selectedYear=void 0}render(){return r(o,{key:"8daf6532999d810a0d0cc69693f7220f705f5209"},r("div",{key:"b6e3e10fe7a0b7726201269a0c5695a6ae52ec32",class:"b2b-date-picker-header"},r("button",{key:"2a71c4072fa1a41ba5572d4faeedf493603189a2",class:"b2b-date-picker-nav--left",onClick:this.b2bDatePickerPreviousMonth.emit,onMouseOut:b=>{b.target.blur()},"aria-label":"previous month"},r("b2b-icon",{key:"e83c26f329aa68705ce39651d133050705f73d93",icon:"b2b_icon-arrow-left",clickable:!0})),r("b2b-headline",{key:"5b84578186aa4f676b247ee6e31cad24a6e4f3f3",size:"100",align:"center",class:"b2b-date-picker-month","aria-label":"select month",tabindex:0,onClick:()=>{this.b2bDatePickerViewChanged.emit({value:t.Months})},onKeyDown:b=>{"Enter"===b.key&&this.b2bDatePickerViewChanged.emit({value:t.Months})}},s[this.selectedMonth]),r("b2b-headline",{key:"a16771e52873a8e99ebc86b702a59d49229a20c8",size:"100",align:"center",class:"b2b-date-picker-year","aria-label":"select year",tabindex:0,onClick:()=>{this.b2bDatePickerViewChanged.emit({value:t.Years})},onKeyDown:b=>{"Enter"===b.key&&this.b2bDatePickerViewChanged.emit({value:t.Years})}},this.selectedYear),r("button",{key:"189dea7aba624d2dc2d572ab6d502450bd2f8ec5",class:"b2b-date-picker-nav--right",onClick:this.b2bDatePickerNextMonth.emit,onMouseOut:b=>{b.target.blur()},"aria-label":"next month"},r("b2b-icon",{key:"4c442c9f69dceec1b4d02d64a3d75a6fda18e2d1",icon:"b2b_icon-arrow-right",clickable:!0}))))}get host(){return i(this)}};d.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:root .b2b-date-picker-header,:host .b2b-date-picker-header{display:flex;box-sizing:border-box;padding:var(--b2b-size-30) var(--b2b-size-60) var(--b2b-size-40) var(--b2b-size-60)}:root .b2b-date-picker-nav--left,:root .b2b-date-picker-nav--right,:host .b2b-date-picker-nav--left,:host .b2b-date-picker-nav--right{height:var(--b2b-size-80);width:var(--b2b-size-80);background-color:var(--b2b-color-grey-25);box-sizing:border-box;border:none;cursor:pointer;border-radius:var(--b2b-size-7)}:root .b2b-date-picker-nav--left:hover,:root .b2b-date-picker-nav--left:focus,:root .b2b-date-picker-nav--right:hover,:root .b2b-date-picker-nav--right:focus,:host .b2b-date-picker-nav--left:hover,:host .b2b-date-picker-nav--left:focus,:host .b2b-date-picker-nav--right:hover,:host .b2b-date-picker-nav--right:focus{background-color:var(--b2b-color-hover)}:root .b2b-date-picker-month,:host .b2b-date-picker-month{height:var(--b2b-size-80);width:82px;padding:var(--b2b-size-10) var(--b2b-size-20);margin:0 0 0 var(--b2b-size-20);background-color:var(--b2b-color-grey-25);box-sizing:border-box;text-align:center;font-weight:var(--b2b-size-headline-100);border-radius:var(--b2b-size-7);font-size:var(--b2b-size-40);color:var(--b2b-color-black-100)}:root .b2b-date-picker-month:hover,:root .b2b-date-picker-month:focus,:host .b2b-date-picker-month:hover,:host .b2b-date-picker-month:focus{cursor:pointer;background-color:var(--b2b-color-hover)}:root .b2b-date-picker-year,:host .b2b-date-picker-year{height:var(--b2b-size-80);width:82px;padding:var(--b2b-size-10) var(--b2b-size-20);margin:0 var(--b2b-size-20);background-color:var(--b2b-color-grey-25);box-sizing:border-box;text-align:center;font-weight:var(--b2b-size-headline-100);border-radius:var(--b2b-size-7);font-size:var(--b2b-size-40);color:var(--b2b-color-black-100)}:root .b2b-date-picker-year:hover,:root .b2b-date-picker-year:focus,:host .b2b-date-picker-year:hover,:host .b2b-date-picker-year:focus{cursor:pointer;background-color:var(--b2b-color-hover)}';const n=class{constructor(o){b(this,o),this.b2bDatePickerMonthSelected=e(this,"b2b-date-picker-month-selected",7),this.getAllMonths=()=>Array.from(this.host.shadowRoot.querySelectorAll(".b2b-date-picker-month")),this.getCurrentMonth=()=>this.getAllMonths().find((b=>"0"===b.getAttribute("tabindex"))),this.focusCurrentMonth=b=>{this.getAllMonths().forEach((e=>{e.setAttribute("tabindex",e===b?"0":"-1")})),b.focus()},this.renderDatePickerMonths=()=>{let b=[];for(let e=0;e<12;e++)b.push(r("div",{class:{"b2b-date-picker-month":!0,"b2b-date-picker-month--selected":this.selectedMonth===e},onClick:()=>this.b2bDatePickerMonthSelected.emit({value:e}),tabIndex:this.selectedMonth===e?0:-1,"aria-label":`Month ${e+1}`},s[e]));return b},this.selectedMonth=void 0}handleKeyDown(b){b.preventDefault();let e=this.selectedMonth;const r=this.getAllMonths();let o=this.getCurrentMonth();switch(b.key){case"ArrowLeft":e=r.indexOf(o)-1;break;case"ArrowRight":e=r.indexOf(o)+1;break;case"ArrowUp":e=r.indexOf(o)-3;break;case"ArrowDown":e=r.indexOf(o)+3;break;case"Enter":e=r.indexOf(o),this.b2bDatePickerMonthSelected.emit({value:e});break;default:return}e<0&&(e=r.length-1),e>r.length-1&&(e=0),this.focusCurrentMonth(r[e])}render(){return r(o,{key:"18baacddca5d04aa0641fdbdb4c7429c929d5080"},r("div",{key:"55f0326e38f95bf371bb3a65e3cf235ee786ff59",class:"b2b-date-picker-months"},this.renderDatePickerMonths()))}get host(){return i(this)}};n.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host .b2b-date-picker-months{display:grid;grid-template-columns:repeat(3, 1fr);padding:var(--b2b-size-40) var(--b2b-size-40) 0 var(--b2b-size-40);column-gap:var(--b2b-size-25);row-gap:var(--b2b-size-25)}:host .b2b-date-picker-month{height:var(--b2b-size-80);border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:var(--b2b-font-weight-normal);background-color:var(--b2b-color-grey-25);font-size:var(--b2b-size-35);color:var(--b2b-color-black-100)}:host .b2b-date-picker-month:hover{cursor:pointer}:host .b2b-date-picker-month:hover,:host .b2b-date-picker-month:focus{background-color:var(--b2b-color-hover)}:host .b2b-date-picker-month--selected{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100)}:host .b2b-date-picker-month--selected:hover,:host .b2b-date-picker-month--selected:focus{background-color:var(--b2b-color-black-100)}';const z=class{constructor(o){b(this,o),this.b2bDatePickerYearSelected=e(this,"b2b-date-picker-year-selected",7),this.getAllYears=()=>Array.from(this.host.shadowRoot.querySelectorAll(".b2b-date-picker-year")),this.getCurrentYear=()=>this.getAllYears().find((b=>"0"===b.getAttribute("tabindex"))),this.focusCurrentYear=b=>{this.getAllYears().forEach((e=>{e.setAttribute("tabindex",e===b?"0":"-1")})),b.focus()},this.scrollToYear=b=>{const e=this.host.shadowRoot.querySelector(".b2b-date-picker-years");if(null!==e){const r=e.children,o=b-this.yearsRange[0];if(o>=0&&o<r.length){const b=r[0].offsetHeight+10,i=Math.floor(o/3);e.scrollTop=i*b-2*b}}},this.renderDatePickerYears=()=>{let b=[];for(const e of this.yearsRange)b.push(r("div",{class:{"b2b-date-picker-year":!0,"b2b-date-picker-year--selected":this.selectedYear===e},onClick:()=>this.b2bDatePickerYearSelected.emit({value:e}),tabIndex:this.selectedYear===e?0:-1,"aria-label":`Year ${e}`},e));return b},this.selectedYear=void 0,this.yearsRange=[]}handleKeyDown(b){b.preventDefault();let e=this.yearsRange.indexOf(this.selectedYear);const r=this.getAllYears();let o=this.getCurrentYear();switch(b.key){case"ArrowLeft":e=r.indexOf(o)-1;break;case"ArrowRight":e=r.indexOf(o)+1;break;case"ArrowUp":e=r.indexOf(o)-3;break;case"ArrowDown":e=r.indexOf(o)+3;break;case"Enter":e=r.indexOf(o),this.b2bDatePickerYearSelected.emit({value:this.yearsRange[e]});break;default:return}e<0&&(e=r.length-1),e>r.length-1&&(e=0),this.focusCurrentYear(r[e])}componentWillLoad(){for(let b=1900;b<=2100;b++)this.yearsRange.push(b)}componentDidLoad(){this.selectedYear>0&&this.scrollToYear(this.selectedYear)}render(){return r(o,{key:"04068ca8f7b6604a6f2861f0b8892f03a1e21df3"},r("div",{key:"8fa5bd3484d9d5766ce12f8e3e354f8beab88c56",class:"b2b-date-picker-years"},this.renderDatePickerYears()))}get host(){return i(this)}};z.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host .b2b-date-picker-years{display:grid;grid-template-columns:repeat(3, 1fr);padding:var(--b2b-size-30) var(--b2b-size-60) 0 var(--b2b-size-60);column-gap:var(--b2b-size-25);row-gap:var(--b2b-size-25);height:250px;overflow-y:auto;overflow-x:hidden}:host .b2b-date-picker-year{height:var(--b2b-size-80);border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:var(--b2b-font-weight-normal);background-color:var(--b2b-color-grey-25);font-size:var(--b2b-size-35);color:var(--b2b-color-black-100)}:host .b2b-date-picker-year:hover{cursor:pointer}:host .b2b-date-picker-year:hover,:host .b2b-date-picker-year:focus{background-color:var(--b2b-color-hover)}:host .b2b-date-picker-year--selected{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100)}:host .b2b-date-picker-year--selected:hover,:host .b2b-date-picker-year--selected:focus{background-color:var(--b2b-color-black-100)}';export{c as b2b_date_picker_days,l as b2b_date_picker_days_header,d as b2b_date_picker_header,n as b2b_date_picker_months,z as b2b_date_picker_years}

package/dist/b2b-core-components/p-931c9dc7.entry.js

@@ -1 +0,0 @@
-import{r as b,h as e,H as a,g as l}from"./p-b6a753e8.js";const t=class{constructor(e){b(this,e),this.required=!1,this.disabled=!1}render(){return e(a,{key:"7ecad3b66de20150248867f6f88af8d85f565b32"},e("label",{key:"932ad343e8287bf8e51f0a8efabd2a42badc5cdc",class:{"b2b-input-label":!0,"b2b-input-label--required":this.required,"b2b-input-label--disabled":this.disabled}},e("slot",{key:"6750bd4ac12f4fa2bcd4c93f5883e4db3da24302"})))}get hostElement(){return l(this)}};t.style='.b2b-input-label{font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);color:var(--b2b-color-black-100)}.b2b-input-label--required slot::after{content:" *";color:var(--b2b-color-red-100)}.b2b-input-label--disabled{color:var(--b2b-color-grey-300)}';export{t as b2b_input_label}

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,H as i,g as a}from"./p-b6a753e8.js";const c=class{constructor(e){t(this,e),this.b2bSearch=s(this,"b2b-search",7),this.onSearchClicked=()=>{this.b2bSearch.emit({searchTerm:this.value})},this.onInput=t=>{this.value=t.detail.value},this.onOptionSelected=t=>{this.value=t.detail.selectedOption},this.placeholder=void 0,this.optionsList=[],this.value=null,this.disabled=!1,this.closed=void 0}handleKeyDown(t){"Enter"===t.key&&this.b2bSearch.emit({searchTerm:this.value})}render(){return e(i,{key:"0863204d06c3b85010a176bc4286e31b89351184"},e("b2b-input-group",{key:"f3a8bbed419ac2b1d2e324203c6834b0748a4c50",disabled:this.disabled},e("b2b-input-list",{key:"d78357acc766ded0d5c49f02a5a91ee4f1b76ce5",slot:"start",value:this.value,placeholder:this.placeholder,optionsList:this.optionsList,"onb2b-input":this.onInput,"onb2b-option-selected":this.onOptionSelected},e("slot",{key:"c2c15a8dffa5fd6e54722abdca3a3cde9c04a24a"})),e("b2b-button",{key:"0dcc48c582fd7ac47af40b2e3bcd4ffc29b01257",slot:"end",variant:"primary",onClick:this.onSearchClicked},e("b2b-icon",{key:"2d9ea153c46e4d6af113cbe33d8d1d909a1d0e18",icon:"b2b_icon-search",clickable:!0}))))}get hostElement(){return a(this)}};export{c as b2b_search}

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

@@ -1 +0,0 @@
-import{r as b,h as o,H as e}from"./p-b6a753e8.js";import{i,f as c,b as r}from"./p-61b2a6ad.js";const n=["b2b_icon-360-degree","b2b_icon-advice","b2b_icon-allergen-sulfur-dioxide-sulfite","b2b_icon-almond","b2b_icon-archive","b2b_icon-armchair","b2b_icon-arrow-down","b2b_icon-arrow-graph","b2b_icon-arrow-left","b2b_icon-arrow-right","b2b_icon-arrow-up","b2b_icon-assembly","b2b_icon-assortment","b2b_icon-attachment","b2b_icon-augmented-reality","b2b_icon-autonomous-team","b2b_icon-bank-details","b2b_icon-bar-graph-ascending","b2b_icon-bar-graph-axis","b2b_icon-barley","b2b_icon-basket-sale","b2b_icon-basket","b2b_icon-basketball","b2b_icon-bikini","b2b_icon-blogs","b2b_icon-brandshop","b2b_icon-brazil-nut","b2b_icon-browser-click","b2b_icon-browser-content","b2b_icon-browser-psm","b2b_icon-burger","b2b_icon-bus","b2b_icon-callback","b2b_icon-camera","b2b_icon-cashback","b2b_icon-cashew-nut","b2b_icon-catalogue","b2b_icon-categories","b2b_icon-celery","b2b_icon-certificate","b2b_icon-chair","b2b_icon-chatbot","b2b_icon-check-bold","b2b_icon-check","b2b_icon-chicken","b2b_icon-city","b2b_icon-clear","b2b_icon-close-bold","b2b_icon-close","b2b_icon-code-management","b2b_icon-contact-mail","b2b_icon-copy","b2b_icon-cow","b2b_icon-crab","b2b_icon-critique","b2b_icon-curtain","b2b_icon-cut-out","b2b_icon-dashboard","b2b_icon-deer","b2b_icon-delete","b2b_icon-delivery-24h","b2b_icon-delivery-desired-date-selection","b2b_icon-delivery-desired-date","b2b_icon-delivery-express","b2b_icon-delivery-flat","b2b_icon-delivery-on-hangers","b2b_icon-delivery-preferred-place","b2b_icon-desktop-phone-ads-click","b2b_icon-desktop-phone-ads","b2b_icon-desktop-phone","b2b_icon-desktop","b2b_icon-devices-monitor-laptop-tablet","b2b_icon-dish-feature-lactose-free","b2b_icon-dislike","b2b_icon-disposal","b2b_icon-document-sign","b2b_icon-downloads","b2b_icon-dress","b2b_icon-dungarees","b2b_icon-duplicate","b2b_icon-duration","b2b_icon-e-invoice","b2b_icon-edit-pad","b2b_icon-edit","b2b_icon-egg","b2b_icon-ellipsis","b2b_icon-email-verification-confirmed-safe","b2b_icon-email-verification-confirmed","b2b_icon-email-verification-sent-safe","b2b_icon-email-verification-sent","b2b_icon-empty-hint","b2b_icon-end-to-end","b2b_icon-error-article-image","b2b_icon-error-hint","b2b_icon-error","b2b_icon-euro","b2b_icon-event","b2b_icon-events","b2b_icon-expand","b2b_icon-faq","b2b_icon-feedback","b2b_icon-filter","b2b_icon-fish","b2b_icon-fitness","b2b_icon-flag-chequered","b2b_icon-flexible-work","b2b_icon-flip","b2b_icon-food-processor","b2b_icon-fullscreen","b2b_icon-gallery-view","b2b_icon-gamepad","b2b_icon-garlic","b2b_icon-gender-intersex","b2b_icon-globe","b2b_icon-gluten","b2b_icon-glutenfree","b2b_icon-handshake","b2b_icon-hashtag","b2b_icon-hazelnut","b2b_icon-hide","b2b_icon-high-heels","b2b_icon-home","b2b_icon-info-small","b2b_icon-info","b2b_icon-inplace-zoom-reverse","b2b_icon-inplace-zoom","b2b_icon-insurance","b2b_icon-kamut","b2b_icon-laptop-os","b2b_icon-laptop","b2b_icon-leaving-page","b2b_icon-light-bulb","b2b_icon-like-fingers","b2b_icon-like-product","b2b_icon-like","b2b_icon-line-graph","b2b_icon-list-view","b2b_icon-location","b2b_icon-lupine","b2b_icon-macadamia","b2b_icon-material-samples","b2b_icon-measurement","b2b_icon-megaphone","b2b_icon-menu","b2b_icon-mic","b2b_icon-milk","b2b_icon-minus","b2b_icon-module-operations","b2b_icon-money-coins","b2b_icon-money-document","b2b_icon-money-plus","b2b_icon-money-stack","b2b_icon-money","b2b_icon-move","b2b_icon-mustard","b2b_icon-nav","b2b_icon-new","b2b_icon-newsletter-sign-up","b2b_icon-notification","b2b_icon-nuts","b2b_icon-oat","b2b_icon-order-cancelled","b2b_icon-order-delivered","b2b_icon-order-form","b2b_icon-order-management","b2b_icon-order-misdirected","b2b_icon-order-on-road","b2b_icon-order-packed","b2b_icon-order-payment","b2b_icon-order-received","b2b_icon-order-return","b2b_icon-order-shipped","b2b_icon-order-state-unknown","b2b_icon-order-stored","b2b_icon-order","b2b_icon-otto-app","b2b_icon-otto-campus","b2b_icon-otto-company","b2b_icon-otto-laptop","b2b_icon-otto-logo","b2b_icon-otto-up-points","b2b_icon-otto-up","b2b_icon-paper-plane","b2b_icon-pause","b2b_icon-payment-credit-card","b2b_icon-payment-invoice","b2b_icon-payment-pause","b2b_icon-payment-plan-protection","b2b_icon-payment-plan","b2b_icon-pdf","b2b_icon-peanut","b2b_icon-pecan-nut","b2b_icon-pending","b2b_icon-person-access","b2b_icon-person-callcenter","b2b_icon-person-check","b2b_icon-person-colleagues","b2b_icon-person-community","b2b_icon-person-development","b2b_icon-person-female","b2b_icon-person-info","b2b_icon-person-male","b2b_icon-person-rating","b2b_icon-person-support","b2b_icon-person-switch","b2b_icon-person-workshop","b2b_icon-person","b2b_icon-phone-permission","b2b_icon-phone","b2b_icon-pig","b2b_icon-pin","b2b_icon-pinch-gesture","b2b_icon-pinch","b2b_icon-pistachio","b2b_icon-plant","b2b_icon-play-1","b2b_icon-play","b2b_icon-plus","b2b_icon-price-alert","b2b_icon-price-tag","b2b_icon-print","b2b_icon-puzzle","b2b_icon-qr-code","b2b_icon-question-hint","b2b_icon-question","b2b_icon-rating-empty","b2b_icon-rating-filled","b2b_icon-rating-half","b2b_icon-rating-order","b2b_icon-rating-payment","b2b_icon-remote-work","b2b_icon-repair","b2b_icon-reply","b2b_icon-retirement-provision","b2b_icon-rocket","b2b_icon-rye","b2b_icon-sabbatical","b2b_icon-sale","b2b_icon-save","b2b_icon-sea","b2b_icon-search-enter","b2b_icon-search","b2b_icon-seo","b2b_icon-service-info","b2b_icon-sesame","b2b_icon-settings","b2b_icon-share-ios","b2b_icon-share","b2b_icon-sheep","b2b_icon-shell","b2b_icon-shirt","b2b_icon-shopping-cart-euro","b2b_icon-shopping-cart","b2b_icon-show","b2b_icon-smiley-angry","b2b_icon-smiley-happy","b2b_icon-smiley-negative","b2b_icon-smiley-neutral","b2b_icon-smiley-positive","b2b_icon-sms-info","b2b_icon-sneaker","b2b_icon-sort-ascending","b2b_icon-sort-descending","b2b_icon-sort","b2b_icon-soy","b2b_icon-spelt","b2b_icon-stationary","b2b_icon-studies","b2b_icon-success","b2b_icon-sustainable-delivery","b2b_icon-sustainable-energy-efficient","b2b_icon-sustainable-production","b2b_icon-sustainable-recycling","b2b_icon-sustainable-resource","b2b_icon-swipe-gesture","b2b_icon-sync-device","b2b_icon-t-shirt","b2b_icon-tablet","b2b_icon-tableware","b2b_icon-target-group","b2b_icon-teddy","b2b_icon-test-result","b2b_icon-town","b2b_icon-trash","b2b_icon-trend-down","b2b_icon-trend-left","b2b_icon-trend-right","b2b_icon-trend-up","b2b_icon-trousers","b2b_icon-trusted","b2b_icon-unpin","b2b_icon-upload","b2b_icon-user-management","b2b_icon-vacation","b2b_icon-variant-content","b2b_icon-vegan","b2b_icon-vegetarian","b2b_icon-viewtoggle-tiles","b2b_icon-village","b2b_icon-volume-off","b2b_icon-volume-on","b2b_icon-voucher","b2b_icon-walnut","b2b_icon-warning-hint","b2b_icon-warning","b2b_icon-warranty","b2b_icon-washing-machine","b2b_icon-whatsapp","b2b_icon-wheat","b2b_icon-wifi","b2b_icon-wishlist-active","b2b_icon-wishlist","b2b_icon-work-life","b2b_icon-workshop","b2b_icon-zoom-in","b2b_icon-zoom-out","b2b_logo-carrier-dhl","b2b_logo-carrier-gls","b2b_logo-carrier-hermes","b2b_logo-carrier-ups"],a=class{constructor(o){b(this,o),this.isIconSupported=()=>n.includes(this.icon),this.isIconRightSize=()=>this.size>=24&&this.size<=96,this.icon=void 0,this.color="inherit",this.size=24,this.clickable=!1,this.focusable=!1,this.pathData=null}connectedCallback(){this.loadIconPathData()}render(){return this.isIconSupported()&&this.isIconRightSize()?o(e,null,o("div",{tabIndex:this.focusable?0:null,style:{width:`${this.size}px`,height:`${this.size}px`},class:{"b2b-icon-100":!0,[`b2b-icon-100--${this.color}`]:!0,"b2b-icon-100--clickable":this.clickable},innerHTML:this.pathData})):null}loadIconPathData(){if(!this.isIconSupported())return void console.warn("icon name: "+this.icon+" is not supported or might have a typo.");this.isIconRightSize()||console.warn(`the icon ${this.icon} uses an unsupported size (${this.size}px). Please use a size between 24 and 96 pixels.`);const b=r(this.icon,"icons-100");i.has(b)?this.pathData=i.get(b):c(b).then((()=>this.pathData=i.get(b)))}static get assetsDirs(){return["icons-100"]}static get watchers(){return{icon:["loadIconPathData"]}}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{--b2b-icon-line-height:inherit;--b2b-icon-cursor:default}:host .b2b-icon-100{display:inline-flex;vertical-align:middle;line-height:var(--b2b-icon-line-height);cursor:var(--b2b-icon-cursor)}:host .b2b-icon-100--clickable{cursor:pointer}:host .b2b-icon-100.b2b-icon-100--primary{fill:var(--b2b-color-black-100)}:host .b2b-icon-100.b2b-icon-100--secondary{fill:var(--b2b-color-grey-200)}:host .b2b-icon-100.b2b-icon-100--inverse{fill:var(--b2b-color-white-100)}:host .b2b-icon-100.b2b-icon-100--inherit{fill:currentcolor}';export{a as b2b_icon_100}

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

@@ -1 +0,0 @@
-import{r as b,c as e,h as o,H as r,g as i}from"./p-b6a753e8.js";const t=class{constructor(r){b(this,r),this.b2bChange=e(this,"b2b-selected",7),this.handleInput=b=>{if(this.value=b.target.value.toLowerCase(),""!==this.value){const b=this.optionsList.filter((b=>b.toLowerCase().indexOf(this.value)>-1));this.currentList=b}else""===this.value&&(this.currentList=this.optionsList)},this.getOptions=()=>Array.from(this.hostElement.shadowRoot.querySelectorAll("b2b-multiselect-option")).slice(1),this.renderChips=()=>this.currentSelectedValues.map(((b,e)=>e<this.maxOptionsVisible?o("b2b-chip-component",{label:b,value:b,"onB2b-close":this.handleChipClose}):e===this.maxOptionsVisible?o("b2b-chip-component",{label:"...",class:"b2b-multiselect-dropdown__option--show-more-button","has-close-button":"false",onClick:this.handleOverflowOptionsClick}):void 0)),this.handleOverflowOptionsClick=()=>{this.isElementFocused||this.setElementOnFocus()},this.handleSelectedChange=b=>{const e=b.detail.selectedOption;this.currentSelectedValues=b.detail.selected?[...this.currentSelectedValues,e]:this.currentSelectedValues.filter((b=>b!==e))},this.handleChipClose=b=>{this.currentSelectedValues=this.currentSelectedValues.filter((e=>e!==b.detail.value)),this.updateOption(b.detail.value),this.resetFocus()},this.updateOption=b=>{this.getOptions().find((e=>e.option===b)).selected=!1},this.updateAllOptions=b=>{b.forEach((b=>b.selected=!1)),b.filter((b=>this.currentSelectedValues.includes(b.option))).forEach((b=>b.selected=!0))},this.setElementOnFocus=()=>{this.isElementFocused=!0},this.setElementOnBlur=()=>{this.isElementFocused=!1},this.resetFocus=()=>{this.hostElement.shadowRoot.querySelector(".b2b-multiselect-dropdown").focus()},this.handleMouseDown=b=>{this.isElementFocused?b.preventDefault():this.resetFocus()},this.handleKeyDown=b=>{"Enter"===b.key&&(b.preventDefault(),this.resetFocus()),"Escape"===b.key&&(b.preventDefault(),this.setElementOnBlur())},this.handleSelectAll=b=>{const e=b.detail.selected,o=this.getOptions(),r=o.map((b=>b.option));for(let b=0,r=o.length;b<r;b++)o[b].selected=e;this.currentSelectedValues=e?Array.from(new Set([...this.currentSelectedValues,...r])):this.currentSelectedValues.filter((b=>!r.includes(b)))},this.updateSelectAll=b=>{let e=b.some((b=>!0===b.selected)),o=b.every((b=>!0===b.selected));const r=this.hostElement.shadowRoot.querySelector("b2b-multiselect-option");r.selected=o,r.indeterminate=e&&!o},this.label=void 0,this.placeholder=void 0,this.selectedValues=[],this.optionsList=[],this.searchPlaceholder=void 0,this.selectAllLabel=void 0,this.maxOptionsVisible=8,this.currentSelectedValues=[],this.currentList=this.optionsList,this.value="",this.isElementFocused=!1,this.hasOptionList=this.optionsList.length>0}componentWillLoad(){this.parseSelectedValuesAndOptionsList(),this.currentSelectedValues=this.selectedValues.filter((b=>this.optionsList.includes(b)))}watchPropHandler(b){this.hasOptionList=b.length>0,this.hasOptionList&&(this.currentList=b)}handleSelectedValuesChange(b){this.b2bChange.emit(b)}parseSelectedValuesAndOptionsList(){"string"==typeof this.selectedValues&&(this.selectedValues=this.parseStringToArray(this.selectedValues)),"string"==typeof this.optionsList&&(this.optionsList=this.parseStringToArray(this.optionsList))}parseStringToArray(b){return JSON.parse(b.replace(/'/g,'"'))}componentDidUpdate(){const b=this.getOptions();this.updateAllOptions(b),this.updateSelectAll(b)}render(){return o(r,{key:"78a4b5a6c75288e7d009e040e9885da2cf6f4f02",onFocus:this.setElementOnFocus,onBlur:this.setElementOnBlur,onClick:this.handleMouseDown,onKeyDown:this.handleKeyDown},o("b2b-input-label",{key:"ff95015ecdd660bdfac396c2669e50d41e85ff82"},this.label),o("div",{key:"479cf3758d82775832ef1c530762f89a486cc028",class:{"b2b-multiselect-dropdown":!0,"b2b-multiselect-dropdown--open":this.isElementFocused},tabindex:0,role:"combobox","aria-expanded":this.isElementFocused},0===this.currentSelectedValues.length?o("span",{class:"b2b-multiselect-dropdown__placeholder"},this.placeholder):o("div",{class:"b2b-multiselect-dropdown__chip-container"},this.renderChips()),o("b2b-icon",{key:"2bdceaeed0f5107d6c26cbdb4fc2718e4b32a77a",icon:"b2b_icon-arrow-down"})),o("div",{key:"b5ed97c14ea1138cf5be5c28f7531f45dcdb0e28",class:{"b2b-multiselect-dropdown__options-container":!0,"b2b-multiselect-dropdown__options-container--visible":this.isElementFocused}},o("div",{key:"c5637e174624e04ab0bd346e648559b6a1b1301d",class:"b2b-multiselect-dropdown__options",role:"listbox","aria-label":this.label,tabIndex:-1},o("div",{key:"db310f71fe7b9e8e51ff975b135a2c90c6cd2d87",class:"b2b-multiselect-dropdown__option__search"},o("input",{key:"5a0042c6dc0d01fa38ea0ac9ce3005fb91704df0",type:"text",onInput:this.handleInput,class:"b2b-multiselect-dropdown__option__search__input",placeholder:this.searchPlaceholder})),o("b2b-multiselect-option",{key:"98bc2d69cdac70fb726b64945344baf4af44121b",class:"b2b-multiselect-dropdown__option__select-all",option:this.selectAllLabel,id:"select-all","onB2b-option-selected":this.handleSelectAll}),this.hasOptionList&&this.currentList.map((b=>o("b2b-multiselect-option",{"onB2b-option-selected":this.handleSelectedChange,option:b}))))))}get hostElement(){return i(this)}static get watchers(){return{optionsList:["watchPropHandler"],currentSelectedValues:["handleSelectedValuesChange"]}}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{width:100%}:host b2b-input-label{margin-bottom:var(--b2b-size-10);display:block}:host .b2b-multiselect-dropdown{position:relative;display:flex;justify-content:space-between;min-width:20rem;overflow:hidden;border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-size-border-radius-100);padding:var(--b2b-size-15) var(--b2b-size-25);max-height:104px;background-color:var(--b2b-color-white-100)}:host .b2b-multiselect-dropdown--open{border-radius:var(--b2b-size-border-no-radius-bottom);border-bottom:0}:host .b2b-multiselect-dropdown__placeholder{color:var(--b2b-color-black-100);user-select:none;cursor:default;font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);font-family:var(--b2b-font-family-default)}:host .b2b-multiselect-dropdown__chip-container{display:flex;flex-flow:row wrap;gap:4px 0;width:calc(100% - 24px)}:host .b2b-multiselect-dropdown__options-container{position:relative;display:none}:host .b2b-multiselect-dropdown__options-container--visible{display:block}:host .b2b-multiselect-dropdown__options{position:absolute;width:100%;max-height:312px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);border:solid 1px var(--b2b-color-grey-200);box-sizing:border-box;z-index:10}:host .b2b-multiselect-dropdown__option__search{width:100%}:host .b2b-multiselect-dropdown__option__search__input{width:calc(100% - 16px);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);font-family:var(--b2b-font-family-default);outline:none;border-bottom:1px solid var(--b2b-color-grey-200);border-top:0;border-left:0;border-right:0;padding:8px 8px 10px}:host .b2b-multiselect-dropdown__option__select-all{border-bottom:1px solid var(--b2b-color-grey-200)}:host .b2b-multiselect-dropdown__option__show-more-button{cursor:pointer}';export{t as b2b_multiselect_dropdown}

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

@@ -1 +0,0 @@
-import{r as b,c as e,h as o,H as r,g as t}from"./p-b6a753e8.js";import{i as a,b as i,T as s}from"./p-19392020.js";const l=class{constructor(r){b(this,r),this.b2bOpen=e(this,"b2b-open",7),this.b2bSelected=e(this,"b2b-row-selected",7),this.toggleOpen=()=>{this.isOpen=!this.isOpen,this.b2bOpen.emit(this.isOpen)},this.setTotalCols=()=>{let b=Array.from(this.hostElement.children),e=0;b.forEach((b=>{e+=b.colspan?b.colspan:1})),b.forEach((b=>{b.totalCols=e}))},this.getRowColor=()=>this.isAccordion()&&a(this.hostElement)&&!this.isHeader()?i.GROUP:this.color,this.shouldAddCheckbox=()=>{let b=this.hostElement.querySelector("b2b-checkbox");return this.selectable&&!Boolean(b)},this.getParentRowGroup=()=>this.hostElement.closest("b2b-table-rowgroup"),this.isAccordion=()=>this.getParentRowGroup().hasAttribute("accordion"),this.isHeader=()=>"header"===this.getParentRowGroup().type,this.getCheckbox=()=>{const b=this.getParentRowGroup();if(this.shouldAddCheckbox())return"header"===b.type?o("b2b-table-header",{class:"b2b-table-row__control-cell--checkbox"},o("b2b-checkbox",{standalone:!0,checked:this.checked,indeterminate:this.indeterminate})):o("b2b-table-cell",{class:"b2b-table-row__control-cell--checkbox"},o("b2b-checkbox",{standalone:!0,checked:this.checked,value:this.value,indeterminate:this.indeterminate}))},this.getAccordionColumns=()=>this.isAccordion()&&!this.isHeader()?a(this.hostElement)?o("b2b-table-cell",null,o("button",{onClick:this.toggleOpen,class:{"b2b-table-row__accordion-icon":!0,"b2b-table-row__accordion-icon--open":this.isOpen}},o("b2b-icon",{icon:"b2b_icon-arrow-right",clickable:!0}))):o("b2b-table-cell",{class:"b2b-table-row__control-cell--accordion"}):this.isAccordion()&&this.isHeader()?o("b2b-table-header",{class:"b2b-table-row__control-cell--accordion"}):void 0,this.highlight=!0,this.color="default",this.selectable=void 0,this.size=void 0,this.value=void 0,this.indeterminate=!1,this.checked=!1,this.isOpen=!1}toggleSelected(b){var e;this.selectable&&(this.checked=b.detail.checked,this.b2bSelected.emit({checked:b.detail.checked,value:null!==(e=b.detail.value)&&void 0!==e?e:"header"}))}async toggleAccordion(b){this.isOpen=b,this.b2bOpen.emit(b)}componentWillLoad(){this.size===s.COLSPAN&&this.setTotalCols(),this.selectable&&!Boolean(this.value)&&"header"!==this.getParentRowGroup().type&&console.warn("You need to associate a value with the row as a unique identifier.")}render(){return o(r,{key:"f92b4349e74b6f9f4ff5da3661a268c0554cacf1",class:{"b2b-table-row":!0,"b2b-table-row--colspan":this.size===s.COLSPAN,"b2b-table-row--highlight":this.highlight,[`b2b-table-row--color-${this.getRowColor()}`]:!0},role:"row"},this.getAccordionColumns(),this.getCheckbox(),o("slot",{key:"08f7b690c3b0a7ae8e8083254b9a975989306e57"}))}get hostElement(){return t(this)}};l.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--colspan){flex-flow:row nowrap;display:flex}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-hover)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-hover)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-selected:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group:hover){background-color:var(--b2b-color-hover)}:host(.b2b-table-row--color-group:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-hover)}.b2b-table-row__control-cell--checkbox{flex:0 0 var(--b2b-size-40);width:var(--b2b-size-40)}.b2b-table-row__control-cell--accordion{flex:0 0 var(--b2b-size-60);width:var(--b2b-size-60)}';export{l as b2b_table_row}

package/dist/cjs/date-picker.types-79f4bba0.js

@@ -1,26 +0,0 @@
-'use strict';
-
-const Months = [
-    'Jan',
-    'Feb',
-    'Mär',
-    'Apr',
-    'Mai',
-    'Jun',
-    'Jul',
-    'Aug',
-    'Sep',
-    'Okt',
-    'Nov',
-    'Dez',
-];
-const Weekdays = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
-exports.DatePickerView = void 0;
-(function (DatePickerView) {
-    DatePickerView["Days"] = "Days";
-    DatePickerView["Months"] = "Months";
-    DatePickerView["Years"] = "Years";
-})(exports.DatePickerView || (exports.DatePickerView = {}));
-
-exports.Months = Months;
-exports.Weekdays = Weekdays;

package/dist/esm/date-picker.types-e21b2096.js

@@ -1,23 +0,0 @@
-const Months = [
-    'Jan',
-    'Feb',
-    'Mär',
-    'Apr',
-    'Mai',
-    'Jun',
-    'Jul',
-    'Aug',
-    'Sep',
-    'Okt',
-    'Nov',
-    'Dez',
-];
-const Weekdays = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
-var DatePickerView;
-(function (DatePickerView) {
-    DatePickerView["Days"] = "Days";
-    DatePickerView["Months"] = "Months";
-    DatePickerView["Years"] = "Years";
-})(DatePickerView || (DatePickerView = {}));
-
-export { DatePickerView as D, Months as M, Weekdays as W };