@otto-de/b2b-core-components 1.15.0 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/p-1a0a4821.entry.js +1 -0
- package/dist/b2b-core-components/p-3249337d.entry.js +1 -0
- package/dist/b2b-core-components/p-3eed5a96.entry.js +1 -0
- package/dist/cjs/b2b-calendar.cjs.entry.js +5 -5
- package/dist/cjs/b2b-input_2.cjs.entry.js +4 -3
- package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
- package/dist/collection/components/alert/alert.css +2 -2
- package/dist/collection/components/anchor/anchor.css +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
- package/dist/collection/components/button/button.css +2 -2
- package/dist/collection/components/calendar/calendar-days-header.css +2 -2
- package/dist/collection/components/calendar/calendar-days.css +2 -2
- package/dist/collection/components/calendar/calendar-header.css +2 -2
- package/dist/collection/components/calendar/calendar.css +2 -2
- package/dist/collection/components/calendar/calendar.js +5 -5
- package/dist/collection/components/card/card.css +2 -2
- package/dist/collection/components/checkbox/checkbox.css +2 -2
- package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
- package/dist/collection/components/chip/chip.css +2 -2
- package/dist/collection/components/dropdown/dropdown.css +2 -2
- package/dist/collection/components/flyout-menu/flyout-menu.css +2 -2
- package/dist/collection/components/headline/headline.css +2 -2
- package/dist/collection/components/icon/icon.css +2 -2
- package/dist/collection/components/icon-100/icon-100.css +2 -2
- package/dist/collection/components/icon-50/icon-50.css +2 -2
- package/dist/collection/components/input/input.css +5 -2
- package/dist/collection/components/input/input.js +3 -2
- package/dist/collection/components/input/input.stories.js +12 -12
- package/dist/collection/components/input-group/input-group.css +2 -2
- package/dist/collection/components/input-list/input-list.css +2 -2
- package/dist/collection/components/label/label.css +2 -2
- package/dist/collection/components/modal/modal.css +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +2 -2
- package/dist/collection/components/pagination/pagination.constants.js +1 -1
- package/dist/collection/components/pagination/pagination.css +2 -2
- package/dist/collection/components/paragraph/paragraph.css +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +2 -2
- package/dist/collection/components/radio/radio.css +2 -2
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/required-separator/required-separator.css +2 -2
- package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
- package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
- package/dist/collection/components/separator/separator.css +2 -2
- package/dist/collection/components/spinner/spinner.css +2 -2
- package/dist/collection/components/tab/tab.css +2 -2
- package/dist/collection/components/tab-panel/tab-panel.css +2 -2
- package/dist/collection/components/table/table-cell/table-cell.css +2 -2
- package/dist/collection/components/table/table-header/table-header.css +2 -2
- package/dist/collection/components/table/table-row/table-row.css +2 -2
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
- package/dist/collection/components/table/table.css +2 -2
- package/dist/collection/components/textarea/textarea.css +2 -2
- package/dist/collection/components/toggle-button/toggle-button.css +2 -2
- package/dist/collection/components/toggle-chip/toggle-chip.css +2 -2
- package/dist/collection/components/toggle-group/toggle-group.css +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.css +2 -2
- package/dist/collection/components/tooltip/tooltip.css +2 -2
- package/dist/collection/components/wizard/wizard.css +2 -2
- package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
- package/dist/components/b2b-calendar.js +5 -5
- package/dist/components/b2b-pagination.js +1 -1
- package/dist/components/input.js +4 -3
- package/dist/esm/b2b-calendar.entry.js +5 -5
- package/dist/esm/b2b-input_2.entry.js +4 -3
- package/dist/esm/b2b-pagination.entry.js +1 -1
- package/dist/types/components/input/input.stories.d.ts +1 -1
- package/dist/types/components/pagination/pagination.constants.d.ts +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
- package/dist/b2b-core-components/p-4920527a.entry.js +0 -1
- package/dist/b2b-core-components/p-5bb55ce2.entry.js +0 -1
- package/dist/b2b-core-components/p-ae29c479.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-b6a753e8.js";export{s as setNonce}from"./p-b6a753e8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-0db8724d",[[1,"b2b-search",{placeholder:[1],optionsList:[16],value:[1537],disabled:[516],closed:[32]},[[0,"keydown","handleKeyDown"]]]]],["p-
|
|
1
|
+
import{p as e,b as a}from"./p-b6a753e8.js";export{s as setNonce}from"./p-b6a753e8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-0db8724d",[[1,"b2b-search",{placeholder:[1],optionsList:[16],value:[1537],disabled:[516],closed:[32]},[[0,"keydown","handleKeyDown"]]]]],["p-1a0a4821",[[1,"b2b-calendar",{disablePastDates:[4,"disable-past-dates"],disableFutureDates:[4,"disable-future-dates"],disableWeekends:[4,"disable-weekends"],label:[1],showCalendar:[32],selectedMonth:[32],selectedYear:[32],selectedDay:[32],selectedDate:[32]},[[0,"b2b-calendar-escape","handleEscapePress"],[0,"b2b-date-selected","handleDateSelection"],[0,"b2b-calendar-previous-month","getPreviousMonth"],[0,"b2b-calendar-next-month","getNextMonth"]]]]],["p-c0ac6164",[[1,"b2b-multiselect-dropdown",{label:[1],placeholder:[513],selectedValues:[16],optionsList:[16],searchPlaceholder:[1,"search-placeholder"],selectAllLabel:[1,"select-all-label"],maxOptionsVisible:[2,"max-options-visible"],currentSelectedValues:[32],currentList:[32],value:[32],isElementFocused:[32],hasOptionList:[32]},null,{optionsList:["watchPropHandler"],currentSelectedValues:["handleSelectedValuesChange"]}]]],["p-8b63166d",[[1,"b2b-table-row",{highlight:[4],color:[1],accordionType:[1,"accordion-type"],selectable:[4],size:[1],value:[1],indeterminate:[4],checked:[1028],isOpen:[32],toggleAccordion:[64]},[[0,"b2b-change","toggleSelected"]]]]],["p-eea515b3",[[1,"b2b-wizard-step",{state:[1],step:[1],checkIcon:[4,"check-icon"]}]]],["p-7a82ba07",[[1,"b2b-modal",{heading:[1],opened:[1540],backdropDismiss:[4,"backdrop-dismiss"],escDismiss:[4,"esc-dismiss"],variant:[1],iconHover:[32],isOpen:[32]},[[0,"keydown","handleKeypress"]],{opened:["openedChanged"]}]]],["p-3249337d",[[1,"b2b-pagination",{totalPages:[2,"total-pages"],activePage:[1538,"active-page"],ariaLabelNextPage:[1,"aria-label-next-page"],ariaLabelPreviousPage:[1,"aria-label-previous-page"]},null,{totalPages:["onTotalPagesChange"],activePage:["onActivePageChange"]}]]],["p-189f3e25",[[1,"b2b-alert",{type:[1],size:[1],opened:[1028],hasCloseButton:[4,"has-close-button"],customIcon:[4,"custom-icon"]},null,{opened:["openedChanged"]}]]],["p-37d472be",[[1,"b2b-checkbox-group",{label:[1],required:[4],disabled:[4],invalid:[4],alignment:[1],hint:[1],error:[1]},[[0,"b2b-change","handleCheckboxChange"]],{disabled:["disabledChanged"],invalid:["invalidChanged"]}]]],["p-4b431289",[[1,"b2b-dropdown",{label:[1],required:[516],name:[513],disabled:[516],invalid:[516],hint:[1],error:[1]}]]],["p-8bde6dd3",[[1,"b2b-radio-button",{label:[1],required:[516],name:[513],checked:[1540],disabled:[516],invalid:[4],value:[513],hint:[1],error:[1]}]]],["p-3b0998d6",[[1,"b2b-radio-group",{name:[1],label:[1],required:[4],alignment:[1],disabled:[516],invalid:[516],hint:[1],error:[1],currentValue:[32]},[[0,"b2b-change","handleRadioButtonChange"]],{invalid:["invalidChanged"],disabled:["disabledChanged"]}]]],["p-e78ef517",[[1,"b2b-required-separator",{label:[1]}]]],["p-4d32cb20",[[1,"b2b-tab-group",{useRouter:[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["p-45d76e40",[[1,"b2b-textarea",{label:[1],required:[516],placeholder:[513],disabled:[516],invalid:[516],autofocus:[516],resize:[513],hint:[1],error:[1],value:[1537],name:[513],maxLength:[514,"max-length"],height:[1]}]]],["p-062b3042",[[1,"b2b-anchor",{href:[1],download:[1],target:[1],size:[1]}]]],["p-0fcdf7c2",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["p-6a1be129",[[1,"b2b-breadcrumb-item",{href:[1],value:[8],active:[1028]}]]],["p-827e29e8",[[1,"b2b-card",{disabled:[4],href:[1],target:[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["p-cff628e7",[[1,"b2b-flyout-menu",{opened:[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["p-b97cce50",[[0,"b2b-flyout-menu-option",{option:[1],disabled:[516],separator:[4]},[[0,"keydown","handleKeyDown"]]]]],["p-0291eff0",[[1,"b2b-grid",{margin:[2]}]]],["p-a6bb2610",[[1,"b2b-grid-col",{span:[514],textAlign:[1,"text-align"]}]]],["p-3d2bcff9",[[1,"b2b-grid-row",{columnGap:[2,"column-gap"],rowGap:[2,"row-gap"],alignItems:[1,"align-items"],justify:[1]}]]],["p-4c411fa7",[[1,"b2b-icon-100",{icon:[1],color:[1],size:[2],clickable:[4],focusable:[4],pathData:[32]},null,{icon:["loadIconPathData"]}]]],["p-db67d6f7",[[1,"b2b-icon-50",{icon:[1],color:[1],clickable:[4],focusable:[4],pathData:[32]},null,{icon:["loadIconPathData"]}]]],["p-7e288599",[[1,"b2b-label",{type:[1]}]]],["p-02f15c3b",[[1,"b2b-paragraph",{weight:[1],size:[1],align:[1]}]]],["p-43736fcf",[[1,"b2b-progress-bar",{progress:[2],label:[1],labelType:[1,"label-type"],labelPosition:[1,"label-position"]}]]],["p-a7bf8a8d",[[1,"b2b-scrollable-container"]]],["p-b6545cbd",[[1,"b2b-tab",{selected:[516],disabled:[4],invalid:[4]},null,{selected:["propagateChange"]}]]],["p-695df630",[[1,"b2b-tab-panel"]]],["p-1feda700",[[1,"b2b-table",{size:[1]},[[0,"b2b-change","onColumnSelected"]]]]],["p-c95e15c5",[[1,"b2b-table-rowgroup",{type:[1],size:[1],accordion:[4],selectable:[4],fixed:[4],opened:[516],selectedValues:[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["p-343078a1",[[1,"b2b-toggle-button",{label:[1],name:[513],checked:[1540],disabled:[516],value:[513]}]]],["p-4b96e3f1",[[1,"b2b-toggle-chip",{label:[1],value:[520],name:[513],variant:[1],active:[1028],disabled:[516]}]]],["p-915b5435",[[1,"b2b-toggle-group",{name:[1],disabled:[516],currentValue:[32]},[[0,"b2b-change","handleToggleButtonChange"]],{disabled:["disabledChanged"]}]]],["p-57a450fb",[[1,"b2b-toggle-switch",{label:[1],name:[1],labelPosition:[1,"label-position"],disabled:[4],state:[1028]}]]],["p-a82d46df",[[1,"b2b-tooltip",{position:[1],content:[1],trigger:[1],opened:[1540]},null,{opened:["handleOpenedChange"]}]]],["p-9a655bb8",[[1,"b2b-wizard",{activeStep:[1,"active-step"],custom:[4],checkIcon:[4,"check-icon"]}]]],["p-8000be8d",[[1,"b2b-rounded-icon",{color:[1],borderColor:[1,"border-color"],contentColor:[1,"content-color"]}]]],["p-56692503",[[1,"b2b-wizard-icon",{step:[1],state:[1],checkIcon:[4,"check-icon"]}]]],["p-ab5470b1",[[1,"b2b-separator",{alignment:[1]}]]],["p-038a0f4a",[[1,"b2b-input-label",{required:[4],disabled:[4]}]]],["p-7ba3e59f",[[1,"b2b-checkbox",{label:[1],required:[516],checked:[1540],disabled:[516],indeterminate:[1028],error:[1],hint:[1],name:[513],value:[520],invalid:[4],standalone:[4],groupDisabled:[4,"group-disabled"]}]]],["p-7e59c92f",[[1,"b2b-headline",{size:[1],align:[1],noMargin:[4,"no-margin"]}]]],["p-3eed5a96",[[1,"b2b-input",{label:[1],required:[516],type:[513],disabled:[516],invalid:[516],placeholder:[513],value:[1537],name:[513],hint:[1],error:[1],autofocus:[4],groupDisabled:[4,"group-disabled"],inputTextAlign:[1,"input-text-align"],hasFocus:[32],hasTextPrefix:[32],hasTextSuffix:[32],setFocus:[64],clearInput:[64]}],[0,"b2b-input-list-option",{option:[1]},[[0,"keydown","handleKeyDown"]]]]],["p-5139e33a",[[1,"b2b-input-list",{label:[1],required:[516],placeholder:[513],optionsList:[16],value:[1537],disabled:[516],groupDisabled:[4,"group-disabled"],hasOptionList:[32],isElementFocused:[32]},[[0,"keydown","handleKeyDown"]],{optionsList:["watchPropHandler"]}],[1,"b2b-input-group",{invalid:[4],disabled:[4],error:[1],hint:[1]},null,{invalid:["invalidChanged"],disabled:["disabledChanged"]}]]],["p-f727e8dc",[[0,"b2b-multiselect-option",{option:[1],selected:[1028],indeterminate:[4]}],[1,"b2b-chip-component",{label:[1],type:[1],labelStyle:[1,"label-style"],disabled:[4],hasCloseButton:[4,"has-close-button"],value:[520]}]]],["p-b2cc9955",[[1,"b2b-table-cell",{textWrap:[516,"text-wrap"],size:[1],align:[1],divider:[4],color:[1],colspan:[2],totalCols:[2,"total-cols"],useTextEllipsis:[32]}],[1,"b2b-table-header",{divider:[4],size:[1],fixed:[4],sortDirection:[1537,"sort-direction"],sortId:[1,"sort-id"],colspan:[2],contentAlign:[1,"content-align"],totalCols:[2,"total-cols"],active:[32],iconAlign:[32]}]]],["p-1bfac51e",[[1,"b2b-calendar-header",{selectedMonth:[2,"selected-month"],selectedYear:[2,"selected-year"]}],[1,"b2b-calendar-days",{selectedMonth:[2,"selected-month"],selectedYear:[2,"selected-year"],selectedDay:[2,"selected-day"],disablePastDates:[4,"disable-past-dates"],disableFutureDates:[4,"disable-future-dates"],disableWeekends:[4,"disable-weekends"],disabled:[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-calendar-days-header"]]],["p-c46f674e",[[1,"b2b-button",{variant:[1],type:[1],size:[1],width:[1],disabled:[516],loading:[4],active:[516],href:[1],target:[1],download:[1],groupDisabled:[4,"group-disabled"],setFocus:[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{size:[1],color:[1]}]]],["p-9983bb49",[[1,"b2b-icon",{icon:[1],color:[1],size:[1],clickable:[4],focusable:[4],pathData:[32]},null,{icon:["loadIconPathData"]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";const a=class{constructor(r){b(this,r),this.b2bSelected=e(this,"b2b-selected",7),this.setCurrentMonth=b=>{this.selectedMonth=b,this.clearDateInput(),this.selectedDay=void 0},this.setCurrentYear=b=>{this.selectedYear=b,this.clearDateInput(),this.selectedDay=void 0},this.showHideCalendar=()=>{this.showCalendar=!this.showCalendar},this.clearDateInput=()=>{this.selectedDate=void 0,this.selectedDay=void 0},this.disablePastDates=void 0,this.disableFutureDates=void 0,this.disableWeekends=void 0,this.label="Zeitraum auswählen",this.showCalendar=!1,this.selectedMonth=(new Date).getMonth(),this.selectedYear=(new Date).getFullYear(),this.selectedDay=void 0,this.selectedDate=void 0}handleEscapePress(){this.showCalendar=!1}handleDateSelection(b){this.selectedDay=b.detail.selectedDate.getDate(),this.setSelectedDate(),this.showCalendar=!1}getPreviousMonth(){0===this.selectedMonth?(this.setCurrentMonth(11),this.setCurrentYear(this.selectedYear-1)):this.setCurrentMonth(this.selectedMonth-1)}getNextMonth(){11===this.selectedMonth?(this.setCurrentMonth(0),this.setCurrentYear(this.selectedYear+1)):this.setCurrentMonth(this.selectedMonth+1)}setSelectedDate(){void 0!==this.selectedDay&&(this.selectedDate=this.selectedDay+"."+(this.selectedMonth+1)+"."+this.selectedYear),this.b2bSelected.emit({selectedDate:new Date(this.selectedYear,this.selectedMonth,this.selectedDay)}),setTimeout((()=>{this.setFocusOnCloseIcon()}),100)}setFocusOnCloseIcon(){let b=this.host.shadowRoot.querySelector(".b2b-close-icon");null!==b&&b.focus()}render(){return r(o,{key:"21fc95c65c928fa7327155e17151ec06af95aece"},r("div",{key:"970aea3b5571983d2be47844171e03cbe9c3c643",class:"b2b-calendar"},r("div",{key:"ee4e0c9b858e39dbb5fcd943549a621b85ed0bea",class:"b2b-calendar-label"},this.label),r("div",{key:"30c92a685585bc976eca3e65a3fc61f23a8ad5f0",class:{"b2b-calendar-input-wrapper":!0,"b2b-calendar-input-wrapper--opened":this.showCalendar},tabindex:0,onClick:this.showHideCalendar,onKeyDown:b=>{"Enter"===b.key&&this.showHideCalendar()}},r("div",{key:"a84481a783aeb359dde66c6bd259f9dc03792a29",class:"b2b-calendar-selected-date"},this.selectedDate),r("div",{key:"bdcd8b418a37ad1b12c6c07b16ab51126ce87f0d",class:"b2b-icons"},this.selectedDate&&r("div",{tabIndex:0,onClick:()=>{this.clearDateInput(),this.showHideCalendar()},class:"b2b-close-icon",onKeyDown:b=>{"Enter"===b.key&&(this.clearDateInput(),this.showHideCalendar())}},r("b2b-icon",{icon:"b2b_icon-close","aria-label":"clear input",clickable:!0})),r("div",{key:"2357e98eb1f59cb0494ba62c19d60db188a0291f",tabindex:0},r("b2b-icon",{key:"ed967ac9e16223e8c95c4d45b5c492bf1a33e890","aria-label":this.showCalendar?"close calendar":"open calendar",icon:"b2b_icon-event",clickable:!0}))))),r("div",{key:"d1476b1a3733b08578895b0c097d0d17a6f47a28",class:{"b2b-calendar-body":!0,"b2b-calendar-body--hidden":!this.showCalendar}},r("b2b-calendar-header",{key:"73e2024a15c04e6f6a9078f7be3e9d69d0a31a49",selectedMonth:this.selectedMonth,selectedYear:this.selectedYear}),r("b2b-calendar-days-header",{key:"c9d6de3cd556db4912a16febfe3a90a24779e1ed"}),r("b2b-calendar-days",{key:"7e2b589a8f0ddc93856744e3de0f61eeb599ebb8",selectedMonth:this.selectedMonth,selectedYear:this.selectedYear,selectedDay:this.selectedDay,disableWeekends:this.disableWeekends,disableFutureDates:this.disableFutureDates,disablePastDates:this.disablePastDates})))}get host(){return i(this)}};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-calendar{position:relative}:host .b2b-calendar-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-black-100);justify-content:flex-end;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)}:host .b2b-calendar-input-wrapper--opened{border-radius:var(--b2b-size-7) var(--b2b-size-7) 0 0}:host .b2b-calendar-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}:host .b2b-calendar-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-calendar-body{border:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:none;width:300px;box-sizing:border-box;padding-bottom:var(--b2b-size-40);background-color:var(--b2b-color-white-100)}:host .b2b-calendar-body--hidden{display:none}:host .b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}:host .b2b-close-icon{display:block}';export{a as b2b_calendar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as e,h as r}from"./p-b6a753e8.js";var o;!function(b){b.DOTS="...",b.BACK="‹",b.NEXT="›"}(o||(o={}));const i=class{constructor(r){b(this,r),this.b2bPageChange=e(this,"b2b-page-change",7),this.firstPageIndex=1,this.navItems=[],this.selectNextPage=()=>{this.updateState(this.activePage+1,"NEXT")},this.selectPreviousPage=()=>{this.updateState(this.activePage-1,"PREVIOUS")},this.setSelectedPage=(b,e)=>{let r;r=b===o.DOTS?1===e?this.activePage-2:this.activePage+2:b,this.updateState(r)},this.totalPages=1,this.activePage=1,this.ariaLabelNextPage="Go to next page",this.ariaLabelPreviousPage="Go to previous page"}connectedCallback(){this.navItems=this.getNavItems()}onTotalPagesChange(b){this.navItems=this.getNavItems(),this.activePage>b&&(this.activePage=b)}onActivePageChange(b){this.navItems=this.getNavItems(),b>this.totalPages&&(this.activePage=this.totalPages)}updateState(b,e){const r=this.activePage;this.activePage=b,this.navItems=this.getNavItems(),this.b2bPageChange.emit({lastSelectedPage:r,currentPage:this.activePage,direction:e})}getNavItems(){if(this.totalPages<=5)return this.getArrayFrom(1,this.totalPages);const b=Math.max(this.activePage-1,this.firstPageIndex),e=Math.min(this.activePage+1,this.totalPages),r=b>2,i=e<this.totalPages-1;if(!r&&i)return[...this.getArrayFrom(this.firstPageIndex,3),o.DOTS,this.totalPages];if(r&&!i){const b=this.getArrayFrom(this.totalPages-2,this.totalPages);return[this.firstPageIndex,o.DOTS,...b]}if(r&&i){const r=this.getArrayFrom(b,e);return[this.firstPageIndex,o.DOTS,...r,o.DOTS,this.totalPages]}}getArrayFrom(b,e){return Array.from({length:e-b+1},((e,r)=>r+b))}getItemClass(b){return{"b2b-pagination__first-item":b===this.firstPageIndex,"b2b-pagination__last-item":b===this.totalPages,"b2b-pagination__item":!0}}render(){return r("nav",{key:"8fa4e333ccf87ae1533fb06433459926b5e01907"},r("ol",{key:"ab31cd8b5a958c174868753b274f5a9633757b54",class:"b2b-pagination"},1!==this.activePage&&r("li",{class:"b2b-pagination--previous"},r("b2b-button",{onClick:this.selectPreviousPage,size:"50",variant:"secondary","aria-label":this.ariaLabelPreviousPage},o.BACK)),this.navItems.map(((b,e)=>{const o=this.activePage===b;return r("li",{class:this.getItemClass(b)},r("b2b-button",{onClick:()=>this.setSelectedPage(b,e),active:o,disabled:o,size:"50",variant:"secondary"},b))})),this.activePage!==this.totalPages&&r("li",{class:"b2b-pagination--next"},r("b2b-button",{onClick:this.selectNextPage,size:"50",variant:"secondary","aria-label":this.ariaLabelNextPage},o.NEXT))))}static get watchers(){return{totalPages:["onTotalPagesChange"],activePage:["onActivePageChange"]}}};i.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-pagination{display:flex;list-style:none;padding:0;margin:0;}.b2b-pagination li{transition:opacity 0.3s ease, visibility 0.3s ease}.b2b-pagination li:first-child:not(.b2b-pagination__first-item){margin-right:var(--b2b-size-15)}.b2b-pagination li:last-child:not(.b2b-pagination__last-item){margin-left:var(--b2b-size-15)}.b2b-pagination li.b2b-pagination__item b2b-button{--b2b-border-radius:0;--b2b-border-right:0}.b2b-pagination li.b2b-pagination__first-item b2b-button{--b2b-border-radius:var(--b2b-size-border-no-radius-right)}.b2b-pagination li.b2b-pagination__last-item b2b-button{--b2b-border-right:1px solid var(--b2b-button-secondary-border-color);--b2b-border-radius:var(--b2b-size-border-no-radius-left)}.b2b-pagination .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right)}';export{i as b2b_pagination}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as r,h as e,H as o,g as i}from"./p-b6a753e8.js";const t=class{constructor(e){b(this,e),this.b2bFocus=r(this,"b2b-focus",7),this.b2bBlur=r(this,"b2b-blur",7),this.b2bInput=r(this,"b2b-input",7),this.handleFormData=b=>{null!=this.name&&b.formData.append(this.name,this.value||"")},this.onFocus=b=>{this.hasFocus=!0,this.b2bFocus.emit(b)},this.onBlur=b=>{this.hasFocus=!1,this.b2bBlur.emit(b)},this.onInput=b=>{const r=b.target;null!==r&&(this.value=r.value||""),this.b2bInput.emit(r)},this.getSlottedText=()=>{this.hasTextPrefix=this.hasText("start"),this.hasTextSuffix=this.hasText("end")},this.hasText=b=>{const r=Array.from(this.hostElement.children).filter((r=>r.getAttribute("slot")===b));return r.length>0&&r.filter((b=>"SPAN"===b.tagName)).length>0},this.label=void 0,this.required=!1,this.type="text",this.disabled=!1,this.invalid=!1,this.placeholder=null,this.value=null,this.name=void 0,this.hint=void 0,this.error=void 0,this.autofocus=!1,this.groupDisabled=!1,this.inputTextAlign="left",this.hasFocus=!1,this.hasTextPrefix=!1,this.hasTextSuffix=!1}async setFocus(){this.focusableElement.focus()}async clearInput(){this.value="",this.b2bInput.emit({value:""})}connectedCallback(){const b=this.hostElement.closest("form");null!=b&&b.addEventListener("formdata",this.handleFormData),this.autofocus&&(this.hasFocus=!0),this.getSlottedText()}render(){return e(o,{key:"22f14fab2036dd16b009ae60efe64d437331f5a7",class:{"b2b-input":!0,"b2b-input--error":this.invalid&&!this.disabled}},this.label&&e("b2b-input-label",{id:this.name,required:this.required},this.label),e("div",{key:"2279e5df7e36354c70299289c638beb3ca64941a",class:{"b2b-input__wrapper":!0,"b2b-input__wrapper--focused":this.hasFocus,"b2b-input__wrapper--disabled":this.disabled||this.groupDisabled}},e("slot",{key:"9ad9505c66f7df5ebc47834a1f6e3969c2dc302f",name:"start"}),this.hasTextPrefix&&e("div",{class:"border"}),e("input",{key:"e1a5c24b05717a9f21c85811337928e5eb6a6aac",class:{"b2b-input__native-input":!0,["b2b-input__native-input--align-"+this.inputTextAlign]:!0,"b2b-input__native-input--disabled":this.disabled},"aria-labelledby":this.name,type:this.type,placeholder:this.placeholder,value:this.value,name:this.name,disabled:this.disabled||this.groupDisabled,autoFocus:this.autofocus,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,ref:b=>this.focusableElement=b}),this.hasTextSuffix&&e("div",{class:"border"}),e("slot",{key:"0990ac8caea69496870bb2be9ad13f8c396d80ae",name:"end"})),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?e("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?e("span",null,this.error):"")}get hostElement(){return i(this)}};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(.b2b-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 8px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-left{text-align:left}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-right{text-align:right}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-center{text-align:center}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--disabled{color:var(--b2b-color-grey-300)}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{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-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}';const s=class{constructor(e){b(this,e),this.b2bOptionSelected=r(this,"b2b-option-selected",7),this.handleClick=()=>{this.b2bOptionSelected.emit({selectedOption:this.option})},this.option=void 0}handleKeyDown(b){"Enter"===b.key&&this.b2bOptionSelected.emit({selectedOption:this.option})}render(){return e(o,{key:"836ae2a7b30d6fca56835bec01b5ca4ba0109793",class:"b2b-input-list__option",onClick:this.handleClick,role:"option"},this.option)}};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{width:100%}.b2b-input-list{position:relative;display:flex;flex-direction:column;min-width:7rem;}.b2b-input-list.b2b-input-list__options-on b2b-input{--b2b-border-radius:var(--b2b-size-border-no-radius-bottom)}.b2b-input-list.b2b-group-input__start b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__start.b2b-input-list__options-on b2b-input{--b2b-border-radius:var(--b2b-size-border-radius-100) 0 0 0}.b2b-input-list.b2b-group-input__middle b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__end b2b-input{--b2b-border-radius:inherit;--b2b-border-right:inherit}.b2b-input-list.b2b-group-input__end.b2b-input-list__options-on b2b-input{--b2b-border-radius:0 var(--b2b-size-border-radius-100) 0 0}.b2b-input-list.b2b-input-list__options-on:focus{outline:none}.b2b-input-list .b2b-input-list__options-container{position:relative}.b2b-input-list .b2b-input-list__options{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);position:absolute;width:100%;max-height:180px;overflow-y:auto;margin:0;cursor:pointer;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);border:solid 1px var(--b2b-color-grey-300);box-sizing:border-box;z-index:10}.b2b-input-list .b2b-input-list__options .b2b-input-list__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:hover,.b2b-input-list .b2b-input-list__options .b2b-input-list__option:focus{background-color:var(--b2b-color-hover)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:first-child{padding-top:var(--b2b-size-20)}.b2b-input-list .b2b-input-list__options .b2b-input-list__option:last-child{padding-bottom:var(--b2b-size-20)}.b2b-input-list b2b-icon{--b2b-icon-cursor:pointer}.b2b-input-list .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}::slotted(*){font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);position:absolute;width:100%;max-height:180px;overflow-y:auto;margin:0;background-color:var(--b2b-color-white-100);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);border:solid 1px var(--b2b-color-grey-300);box-sizing:border-box;z-index:10}';export{t as b2b_input,s as b2b_input_list_option}
|
|
@@ -73,7 +73,7 @@ const B2bCalendar = class {
|
|
|
73
73
|
'.' +
|
|
74
74
|
this.selectedYear;
|
|
75
75
|
this.b2bSelected.emit({
|
|
76
|
-
selectedDate: new Date(this.
|
|
76
|
+
selectedDate: new Date(this.selectedYear, this.selectedMonth, this.selectedDay),
|
|
77
77
|
});
|
|
78
78
|
setTimeout(() => {
|
|
79
79
|
this.setFocusOnCloseIcon();
|
|
@@ -86,14 +86,14 @@ const B2bCalendar = class {
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
render() {
|
|
89
|
-
return (index.h(index.Host, { key: '
|
|
89
|
+
return (index.h(index.Host, { key: '21fc95c65c928fa7327155e17151ec06af95aece' }, index.h("div", { key: '970aea3b5571983d2be47844171e03cbe9c3c643', class: "b2b-calendar" }, index.h("div", { key: 'ee4e0c9b858e39dbb5fcd943549a621b85ed0bea', class: "b2b-calendar-label" }, this.label), index.h("div", { key: '30c92a685585bc976eca3e65a3fc61f23a8ad5f0', class: {
|
|
90
90
|
'b2b-calendar-input-wrapper': true,
|
|
91
91
|
'b2b-calendar-input-wrapper--opened': this.showCalendar,
|
|
92
92
|
}, tabindex: 0, onClick: this.showHideCalendar, onKeyDown: event => {
|
|
93
93
|
if (event.key === 'Enter') {
|
|
94
94
|
this.showHideCalendar();
|
|
95
95
|
}
|
|
96
|
-
} }, index.h("div", { key: '
|
|
96
|
+
} }, index.h("div", { key: 'a84481a783aeb359dde66c6bd259f9dc03792a29', class: "b2b-calendar-selected-date" }, this.selectedDate), index.h("div", { key: 'bdcd8b418a37ad1b12c6c07b16ab51126ce87f0d', class: "b2b-icons" }, this.selectedDate && (index.h("div", { tabIndex: 0, onClick: () => {
|
|
97
97
|
this.clearDateInput();
|
|
98
98
|
this.showHideCalendar();
|
|
99
99
|
}, class: "b2b-close-icon", onKeyDown: event => {
|
|
@@ -101,10 +101,10 @@ const B2bCalendar = class {
|
|
|
101
101
|
this.clearDateInput();
|
|
102
102
|
this.showHideCalendar();
|
|
103
103
|
}
|
|
104
|
-
} }, index.h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), index.h("div", { key: '
|
|
104
|
+
} }, index.h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), index.h("div", { key: '2357e98eb1f59cb0494ba62c19d60db188a0291f', tabindex: 0 }, index.h("b2b-icon", { key: 'ed967ac9e16223e8c95c4d45b5c492bf1a33e890', "aria-label": this.showCalendar ? 'close calendar' : 'open calendar', icon: "b2b_icon-event", clickable: true }))))), index.h("div", { key: 'd1476b1a3733b08578895b0c097d0d17a6f47a28', class: {
|
|
105
105
|
'b2b-calendar-body': true,
|
|
106
106
|
'b2b-calendar-body--hidden': !this.showCalendar,
|
|
107
|
-
} }, index.h("b2b-calendar-header", { key: '
|
|
107
|
+
} }, index.h("b2b-calendar-header", { key: '73e2024a15c04e6f6a9078f7be3e9d69d0a31a49', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear }), index.h("b2b-calendar-days-header", { key: 'c9d6de3cd556db4912a16febfe3a90a24779e1ed' }), index.h("b2b-calendar-days", { key: '7e2b589a8f0ddc93856744e3de0f61eeb599ebb8', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear, selectedDay: this.selectedDay, disableWeekends: this.disableWeekends, disableFutureDates: this.disableFutureDates, disablePastDates: this.disablePastDates }))));
|
|
108
108
|
}
|
|
109
109
|
get host() { return index.getElement(this); }
|
|
110
110
|
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-668808fd.js');
|
|
6
6
|
|
|
7
|
-
const inputCss = ":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-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 8px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-left{text-align:left}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-right{text-align:right}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-center{text-align:center}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{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-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}";
|
|
7
|
+
const inputCss = ":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-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 8px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-left{text-align:left}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-right{text-align:right}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-center{text-align:center}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--disabled{color:var(--b2b-color-grey-300)}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{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-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}";
|
|
8
8
|
const B2bInputStyle0 = inputCss;
|
|
9
9
|
|
|
10
10
|
const InputComponent = class {
|
|
@@ -92,10 +92,11 @@ const InputComponent = class {
|
|
|
92
92
|
'b2b-input__wrapper': true,
|
|
93
93
|
'b2b-input__wrapper--focused': this.hasFocus,
|
|
94
94
|
'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
|
|
95
|
-
} }, index.h("slot", { key: '9ad9505c66f7df5ebc47834a1f6e3969c2dc302f', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: '
|
|
95
|
+
} }, index.h("slot", { key: '9ad9505c66f7df5ebc47834a1f6e3969c2dc302f', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: 'e1a5c24b05717a9f21c85811337928e5eb6a6aac', class: {
|
|
96
96
|
'b2b-input__native-input': true,
|
|
97
97
|
['b2b-input__native-input--align-' + this.inputTextAlign]: true,
|
|
98
|
-
|
|
98
|
+
'b2b-input__native-input--disabled': this.disabled,
|
|
99
|
+
}, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && index.h("div", { class: "border" }), index.h("slot", { key: '0990ac8caea69496870bb2be9ad13f8c396d80ae', name: "end" })), (this.hint !== undefined && !this.invalid) ||
|
|
99
100
|
(this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
|
|
100
101
|
}
|
|
101
102
|
get hostElement() { return index.getElement(this); }
|
|
@@ -8,7 +8,7 @@ var PaginationConstants;
|
|
|
8
8
|
(function (PaginationConstants) {
|
|
9
9
|
PaginationConstants["DOTS"] = "...";
|
|
10
10
|
PaginationConstants["BACK"] = "\u2039";
|
|
11
|
-
PaginationConstants["NEXT"] = "
|
|
11
|
+
PaginationConstants["NEXT"] = "\u203A";
|
|
12
12
|
})(PaginationConstants || (PaginationConstants = {}));
|
|
13
13
|
|
|
14
14
|
const paginationCss = ":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-pagination{display:flex;list-style:none;padding:0;margin:0;}.b2b-pagination li{transition:opacity 0.3s ease, visibility 0.3s ease}.b2b-pagination li:first-child:not(.b2b-pagination__first-item){margin-right:var(--b2b-size-15)}.b2b-pagination li:last-child:not(.b2b-pagination__last-item){margin-left:var(--b2b-size-15)}.b2b-pagination li.b2b-pagination__item b2b-button{--b2b-border-radius:0;--b2b-border-right:0}.b2b-pagination li.b2b-pagination__first-item b2b-button{--b2b-border-radius:var(--b2b-size-border-no-radius-right)}.b2b-pagination li.b2b-pagination__last-item b2b-button{--b2b-border-right:1px solid var(--b2b-button-secondary-border-color);--b2b-border-radius:var(--b2b-size-border-no-radius-left)}.b2b-pagination .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right)}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
126
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -63,7 +63,7 @@ export class B2bCalendar {
|
|
|
63
63
|
'.' +
|
|
64
64
|
this.selectedYear;
|
|
65
65
|
this.b2bSelected.emit({
|
|
66
|
-
selectedDate: new Date(this.
|
|
66
|
+
selectedDate: new Date(this.selectedYear, this.selectedMonth, this.selectedDay),
|
|
67
67
|
});
|
|
68
68
|
setTimeout(() => {
|
|
69
69
|
this.setFocusOnCloseIcon();
|
|
@@ -76,14 +76,14 @@ export class B2bCalendar {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
render() {
|
|
79
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: '21fc95c65c928fa7327155e17151ec06af95aece' }, h("div", { key: '970aea3b5571983d2be47844171e03cbe9c3c643', class: "b2b-calendar" }, h("div", { key: 'ee4e0c9b858e39dbb5fcd943549a621b85ed0bea', class: "b2b-calendar-label" }, this.label), h("div", { key: '30c92a685585bc976eca3e65a3fc61f23a8ad5f0', class: {
|
|
80
80
|
'b2b-calendar-input-wrapper': true,
|
|
81
81
|
'b2b-calendar-input-wrapper--opened': this.showCalendar,
|
|
82
82
|
}, tabindex: 0, onClick: this.showHideCalendar, onKeyDown: event => {
|
|
83
83
|
if (event.key === 'Enter') {
|
|
84
84
|
this.showHideCalendar();
|
|
85
85
|
}
|
|
86
|
-
} }, h("div", { key: '
|
|
86
|
+
} }, h("div", { key: 'a84481a783aeb359dde66c6bd259f9dc03792a29', class: "b2b-calendar-selected-date" }, this.selectedDate), h("div", { key: 'bdcd8b418a37ad1b12c6c07b16ab51126ce87f0d', class: "b2b-icons" }, this.selectedDate && (h("div", { tabIndex: 0, onClick: () => {
|
|
87
87
|
this.clearDateInput();
|
|
88
88
|
this.showHideCalendar();
|
|
89
89
|
}, class: "b2b-close-icon", onKeyDown: event => {
|
|
@@ -91,10 +91,10 @@ export class B2bCalendar {
|
|
|
91
91
|
this.clearDateInput();
|
|
92
92
|
this.showHideCalendar();
|
|
93
93
|
}
|
|
94
|
-
} }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '
|
|
94
|
+
} }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '2357e98eb1f59cb0494ba62c19d60db188a0291f', tabindex: 0 }, h("b2b-icon", { key: 'ed967ac9e16223e8c95c4d45b5c492bf1a33e890', "aria-label": this.showCalendar ? 'close calendar' : 'open calendar', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: 'd1476b1a3733b08578895b0c097d0d17a6f47a28', class: {
|
|
95
95
|
'b2b-calendar-body': true,
|
|
96
96
|
'b2b-calendar-body--hidden': !this.showCalendar,
|
|
97
|
-
} }, h("b2b-calendar-header", { key: '
|
|
97
|
+
} }, h("b2b-calendar-header", { key: '73e2024a15c04e6f6a9078f7be3e9d69d0a31a49', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear }), h("b2b-calendar-days-header", { key: 'c9d6de3cd556db4912a16febfe3a90a24779e1ed' }), h("b2b-calendar-days", { key: '7e2b589a8f0ddc93856744e3de0f61eeb599ebb8', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear, selectedDay: this.selectedDay, disableWeekends: this.disableWeekends, disableFutureDates: this.disableFutureDates, disablePastDates: this.disablePastDates }))));
|
|
98
98
|
}
|
|
99
99
|
static get is() { return "b2b-calendar"; }
|
|
100
100
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
124
124
|
* Do not edit directly
|
|
125
|
-
* Generated on
|
|
125
|
+
* Generated on Thu, 19 Sep 2024 13:38:34 GMT
|
|
126
126
|
*/
|
|
127
127
|
:root [data-theme="dark"] {
|
|
128
128
|
--b2b-size-200: 5rem; /* 80px */
|