@otto-de/b2b-core-components 1.12.0 → 1.12.2
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-29b0dcb5.entry.js → p-893df150.entry.js} +1 -1
- package/dist/b2b-core-components/p-dd5330c5.entry.js +1 -0
- package/dist/cjs/b2b-flyout-menu.cjs.entry.js +8 -10
- package/dist/cjs/b2b-table-row.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.e2e.js +13 -6
- 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/flyout-menu/flyout-menu.js +8 -10
- 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 +2 -2
- 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.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 +4 -4
- 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-flyout-menu.js +8 -10
- package/dist/components/b2b-table-row.js +1 -1
- package/dist/esm/b2b-flyout-menu.entry.js +8 -10
- package/dist/esm/b2b-table-row.entry.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
- package/dist/b2b-core-components/p-dc3d8d35.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-1bc8e43e",[[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-c8ad53c7",[[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-
|
|
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-1bc8e43e",[[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-c8ad53c7",[[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-893df150",[[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-c2429f59",[[1,"b2b-wizard-step",{state:[1],step:[1],checkIcon:[4,"check-icon"]}]]],["p-c55de08a",[[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-d54e93b9",[[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-2103fe78",[[1,"b2b-alert",{type:[1],size:[1],opened:[1028],hasCloseButton:[4,"has-close-button"],customIcon:[4,"custom-icon"]},null,{opened:["openedChanged"]}]]],["p-9812490d",[[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-874c66d3",[[1,"b2b-dropdown",{label:[1],required:[516],name:[513],disabled:[516],invalid:[516],hint:[1],error:[1]}]]],["p-da41cd26",[[1,"b2b-radio-button",{label:[1],required:[516],name:[513],checked:[1540],disabled:[516],invalid:[4],value:[513],hint:[1],error:[1]}]]],["p-9edd95d2",[[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-a17c27f9",[[1,"b2b-required-separator",{label:[1]}]]],["p-4d32cb20",[[1,"b2b-tab-group",{useRouter:[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["p-ee9cbc06",[[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-07bc2191",[[1,"b2b-anchor",{href:[1],download:[1],target:[1],size:[1]}]]],["p-dc017553",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["p-5b052666",[[1,"b2b-breadcrumb-item",{href:[1],value:[8],active:[1028]}]]],["p-287f83d5",[[1,"b2b-card",{disabled:[4],href:[1],target:[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["p-dd5330c5",[[1,"b2b-flyout-menu",{opened:[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["p-e1a20cd5",[[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-8455554d",[[1,"b2b-icon-100",{icon:[1],color:[1],size:[2],clickable:[4],focusable:[4],pathData:[32]},null,{icon:["loadIconPathData"]}]]],["p-93970b97",[[1,"b2b-icon-50",{icon:[1],color:[1],clickable:[4],focusable:[4],pathData:[32]},null,{icon:["loadIconPathData"]}]]],["p-f8f38e9e",[[1,"b2b-label",{type:[1]}]]],["p-59551ff4",[[1,"b2b-paragraph",{weight:[1],size:[1],align:[1]}]]],["p-7735d43f",[[1,"b2b-progress-bar",{progress:[2],label:[1],labelType:[1,"label-type"],labelPosition:[1,"label-position"]}]]],["p-12c001ea",[[1,"b2b-scrollable-container"]]],["p-8f0b98f0",[[1,"b2b-tab",{selected:[516],disabled:[4],invalid:[4]},null,{selected:["propagateChange"]}]]],["p-e2d3d211",[[1,"b2b-tab-panel"]]],["p-1e12baa0",[[1,"b2b-table",{size:[1]},[[0,"b2b-change","onColumnSelected"]]]]],["p-20fa0351",[[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-330cc114",[[1,"b2b-toggle-button",{label:[1],name:[513],checked:[1540],disabled:[516],value:[513]}]]],["p-23e23cf4",[[1,"b2b-toggle-chip",{label:[1],value:[520],name:[513],variant:[1],active:[1028],disabled:[516]}]]],["p-e23d42f0",[[1,"b2b-toggle-group",{name:[1],disabled:[516],currentValue:[32]},[[0,"b2b-change","handleToggleButtonChange"]],{disabled:["disabledChanged"]}]]],["p-cdbefe41",[[1,"b2b-toggle-switch",{label:[1],name:[1],labelPosition:[1,"label-position"],disabled:[4],state:[1028]}]]],["p-01b9b983",[[1,"b2b-tooltip",{position:[1],content:[1],trigger:[1],opened:[1540]},null,{opened:["handleOpenedChange"]}]]],["p-33ffc3fe",[[1,"b2b-wizard",{activeStep:[1,"active-step"],custom:[4],checkIcon:[4,"check-icon"]}]]],["p-d8cc67d9",[[1,"b2b-rounded-icon",{color:[1],borderColor:[1,"border-color"],contentColor:[1,"content-color"]}]]],["p-601ec2f0",[[1,"b2b-wizard-icon",{step:[1],state:[1],checkIcon:[4,"check-icon"]}]]],["p-b8e93522",[[1,"b2b-separator",{alignment:[1]}]]],["p-3eceb872",[[1,"b2b-input-label",{required:[4],disabled:[4]}]]],["p-e355b702",[[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-c791cefb",[[1,"b2b-headline",{size:[1],align:[1],noMargin:[4,"no-margin"]}]]],["p-68c54639",[[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"],hasFocus:[32],hasTextPrefix:[32],hasTextSuffix:[32],setFocus:[64],clearInput:[64]}],[0,"b2b-input-list-option",{option:[1]},[[0,"keydown","handleKeyDown"]]]]],["p-339b7c3c",[[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-68c08852",[[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-3789f04c",[[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-3986736a",[[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-ef64c336",[[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-cc6d221f",[[1,"b2b-icon",{icon:[1],color:[1],size:[1],clickable:[4],focusable:[4],pathData:[32]},null,{icon:["loadIconPathData"]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,c as e,h as o,H as r,g as t}from"./p-b6a753e8.js";import{b as a,c as i,T as s}from"./p-bff69403.js";const l=class{constructor(r){b(this,r),this.b2bOpen=e(this,"b2b-open",7),this.b2bSelected=e(this,"b2b-row-selected",7),this.toggleOpen=()=>{this.isOpen=!this.isOpen,this.b2bOpen.emit(this.isOpen)},this.setTotalCols=()=>{let b=Array.from(this.hostElement.children),e=0;b.forEach((b=>{e+=b.colspan?b.colspan:1})),b.forEach((b=>{b.totalCols=e}))},this.getRowColor=()=>this.accordionType===a.PARENT?i.GROUP:this.color,this.shouldAddCheckbox=()=>{let b=this.hostElement.querySelector("b2b-checkbox");return this.selectable&&!Boolean(b)},this.getParentRowGroup=()=>this.hostElement.closest("b2b-table-rowgroup"),this.getCheckbox=()=>{let b=this.getParentRowGroup();if(this.shouldAddCheckbox())return"header"===b.type?o("b2b-table-header",{class:"b2b-table-row__control-cell--checkbox"},o("b2b-checkbox",{standalone:!0,checked:this.checked,indeterminate:this.indeterminate})):o("b2b-table-cell",{class:"b2b-table-row__control-cell--checkbox"},o("b2b-checkbox",{standalone:!0,checked:this.checked,value:this.value,indeterminate:this.indeterminate}))},this.getAccordionColumns=()=>{if(null!=this.accordionType)switch(this.accordionType){case a.HEADER:return o("b2b-table-header",{class:"b2b-table-row__control-cell--accordion"});case a.PARENT:return o("b2b-table-cell",null,o("button",{onClick:this.toggleOpen,class:{"b2b-table-row__accordion-icon":!0,"b2b-table-row__accordion-icon--open":this.isOpen}},o("b2b-icon",{icon:"b2b_icon-arrow-right",clickable:!0})));case a.CHILD:return o("b2b-table-cell",{class:"b2b-table-row__control-cell--accordion"})}},this.highlight=!0,this.color="default",this.accordionType=void 0,this.selectable=void 0,this.size=void 0,this.value=void 0,this.indeterminate=!1,this.checked=!1,this.isOpen=!1}toggleSelected(b){var e;this.selectable&&(this.checked=b.detail.checked,this.b2bSelected.emit({checked:b.detail.checked,value:null!==(e=b.detail.value)&&void 0!==e?e:"header"}))}async toggleAccordion(b){this.isOpen=b,this.b2bOpen.emit(b)}componentWillLoad(){this.size===s.COLSPAN&&this.setTotalCols(),this.selectable&&!Boolean(this.value)&&"header"!==this.getParentRowGroup().type&&console.warn("You need to associate a value with the row as a unique identifier.")}render(){return o(r,{key:"a9066c8505c69a1e63136875e28ab9917d9f758f",class:{"b2b-table-row":!0,"b2b-table-row--colspan":this.size===s.COLSPAN,"b2b-table-row--highlight":this.highlight,[`b2b-table-row--color-${this.getRowColor()}`]:!0},role:"row"},this.getAccordionColumns(),this.getCheckbox(),o("slot",{key:"52ac4da879258e21c1543f94cdec62bc94884328"}))}get hostElement(){return t(this)}};l.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--colspan){flex-flow:row nowrap;display:flex}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-table-hover)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-hover)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-red-100)}:host(.b2b-table-row--color-selected:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-red-100)}:host(.b2b-table-row--color-group:hover){background-color:var(--b2b-color-table-expand-hover)}:host(.b2b-table-row--color-group:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-expand-hover)}.b2b-table-row__control-cell--checkbox{flex:0 0 var(--b2b-size-40);width:var(--b2b-size-40)}.b2b-table-row__control-cell--accordion{flex:0 0 var(--b2b-size-60);width:var(--b2b-size-60)}';export{l as b2b_table_row}
|
|
1
|
+
import{r as b,c as e,h as o,H as r,g as t}from"./p-b6a753e8.js";import{b as a,c as l,T as i}from"./p-bff69403.js";const s=class{constructor(r){b(this,r),this.b2bOpen=e(this,"b2b-open",7),this.b2bSelected=e(this,"b2b-row-selected",7),this.toggleOpen=()=>{this.isOpen=!this.isOpen,this.b2bOpen.emit(this.isOpen)},this.setTotalCols=()=>{let b=Array.from(this.hostElement.children),e=0;b.forEach((b=>{e+=b.colspan?b.colspan:1})),b.forEach((b=>{b.totalCols=e}))},this.getRowColor=()=>this.accordionType===a.PARENT?l.GROUP:this.color,this.shouldAddCheckbox=()=>{let b=this.hostElement.querySelector("b2b-checkbox");return this.selectable&&!Boolean(b)},this.getParentRowGroup=()=>this.hostElement.closest("b2b-table-rowgroup"),this.getCheckbox=()=>{let b=this.getParentRowGroup();if(this.shouldAddCheckbox())return"header"===b.type?o("b2b-table-header",{class:"b2b-table-row__control-cell--checkbox"},o("b2b-checkbox",{standalone:!0,checked:this.checked,indeterminate:this.indeterminate})):o("b2b-table-cell",{class:"b2b-table-row__control-cell--checkbox"},o("b2b-checkbox",{standalone:!0,checked:this.checked,value:this.value,indeterminate:this.indeterminate}))},this.getAccordionColumns=()=>{if(null!=this.accordionType)switch(this.accordionType){case a.HEADER:return o("b2b-table-header",{class:"b2b-table-row__control-cell--accordion"});case a.PARENT:return o("b2b-table-cell",null,o("button",{onClick:this.toggleOpen,class:{"b2b-table-row__accordion-icon":!0,"b2b-table-row__accordion-icon--open":this.isOpen}},o("b2b-icon",{icon:"b2b_icon-arrow-right",clickable:!0})));case a.CHILD:return o("b2b-table-cell",{class:"b2b-table-row__control-cell--accordion"})}},this.highlight=!0,this.color="default",this.accordionType=void 0,this.selectable=void 0,this.size=void 0,this.value=void 0,this.indeterminate=!1,this.checked=!1,this.isOpen=!1}toggleSelected(b){var e;this.selectable&&(this.checked=b.detail.checked,this.b2bSelected.emit({checked:b.detail.checked,value:null!==(e=b.detail.value)&&void 0!==e?e:"header"}))}async toggleAccordion(b){this.isOpen=b,this.b2bOpen.emit(b)}componentWillLoad(){this.size===i.COLSPAN&&this.setTotalCols(),this.selectable&&!Boolean(this.value)&&"header"!==this.getParentRowGroup().type&&console.warn("You need to associate a value with the row as a unique identifier.")}render(){return o(r,{key:"a9066c8505c69a1e63136875e28ab9917d9f758f",class:{"b2b-table-row":!0,"b2b-table-row--colspan":this.size===i.COLSPAN,"b2b-table-row--highlight":this.highlight,[`b2b-table-row--color-${this.getRowColor()}`]:!0},role:"row"},this.getAccordionColumns(),this.getCheckbox(),o("slot",{key:"52ac4da879258e21c1543f94cdec62bc94884328"}))}get hostElement(){return t(this)}};s.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--colspan){flex-flow:row nowrap;display:flex}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-table-hover)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-hover)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-selected:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group:hover){background-color:var(--b2b-color-table-expand-hover)}:host(.b2b-table-row--color-group:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-expand-hover)}.b2b-table-row__control-cell--checkbox{flex:0 0 var(--b2b-size-40);width:var(--b2b-size-40)}.b2b-table-row__control-cell--accordion{flex:0 0 var(--b2b-size-60);width:var(--b2b-size-60)}';export{s as b2b_table_row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as o,g as r}from"./p-b6a753e8.js";const i={ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",HOME:"Home",END:"End",ESC:"Escape"},t=class{constructor(e){b(this,e),this.getCurrentOption=()=>this.getAllOptions().find((b=>"0"===b.getAttribute("tabindex"))),this.getAllOptions=()=>Array.from(this.hostElement.querySelectorAll("b2b-flyout-menu-option")),this.setCurrentOption=b=>{this.getAllOptions().forEach((e=>{e.setAttribute("tabindex",e===b?"0":"-1")}))},this.resetAllOptions=()=>{this.getAllOptions().forEach((b=>{b.setAttribute("tabindex","-1")}))},this.onEscapePress=()=>{this.closeMenu()},this.openMenu=()=>{this.opened=!0},this.closeMenu=()=>{this.opened=!1,this.resetAllOptions()},this.blurMenu=b=>{b.preventDefault();const e=b.relatedTarget;e&&"b2b-flyout-menu-option"===e.tagName.toLowerCase()||setTimeout((()=>{this.closeMenu()}),150)},this.opened=!1}connectedCallback(){const b=Array.from(this.hostElement.children).filter((b=>!b.hasAttribute("option")));0!==b.length&&(this.triggerEl=b[0],this.triggerEl.addEventListener("click",this.openMenu,!0),this.triggerEl.addEventListener("blur",this.blurMenu,!0))}disconnectedCallback(){Boolean(this.triggerEl)&&(this.triggerEl.removeEventListener("click",this.openMenu,!0),this.triggerEl.removeEventListener("blur",this.blurMenu,!0))}handleKeyDown(b){"Tab"!==b.key?b.target.tagName.toLowerCase()===this.triggerEl.tagName.toLowerCase()&&"Enter"===b.key?this.openMenu():Object.values(i).includes(b.key)&&this.navigateMenu(b):this.closeMenu()}handleSelected(){this.closeMenu()}handleClickOutside(b){(function(b,e){let o=b.target;const r=null!=o.shadowRoot,i=r?b.composedPath():[];do{if(o===e)return!1;o=r?i.shift():o.parentNode}while(Boolean(o));return!0})(b,this.hostElement)&&this.closeMenu()}navigateMenu(b){b.preventDefault();const e=this.getAllOptions(),o=this.getCurrentOption();let r=e.indexOf(o);switch(b.key){case i.ARROW_UP:r--;break;case i.ARROW_DOWN:r++;break;case i.HOME:r=0;break;case i.END:r=e.length-1;break;case i.ESC:return void this.onEscapePress();default:return}r<0&&(r=e.length-1),r>e.length-1&&(r=0),this.setCurrentOption(e[r]),e[r].focus()}render(){return e(o,{key:"e36d8a784f82bb6bd40fc5a8a8483c7ad5c25af3"},e("div",{key:"793eec3a26a6fa3ae0a2d271a1c749f8aafd5c97",class:{"b2b-flyout-menu":!0}},e("div",{key:"96888cb9a1092ee95a6a51744ee4d2c9abcc5757",class:"b2b-flyout-menu__trigger"},e("slot",{key:"bfd8165d47e1537107530cf09b96cd482d7a76d0",name:"trigger"})),e("div",{key:"09ba18f51ce90489e8e97556a1eab48559edb07f",onFocusout:this.blurMenu,class:{"b2b-flyout-menu__options__container":!0,"b2b-flyout-menu__options__container--on":this.opened}},e("div",{key:"51afcd7545a6a988290a9c45057e8491732e9609",class:"b2b-flyout-menu__arrow"}),e("slot",{key:"87569322d879c7a87ae9db02537fd90a7395b3e8",name:"option"}))))}get hostElement(){return r(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-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-flyout-menu{position:relative;display:inline !important;}.b2b-flyout-menu__trigger{cursor:pointer;display:inline}.b2b-flyout-menu__trigger:focus{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;z-index:9999}.b2b-flyout-menu .b2b-flyout-menu__options__container{background-color:var(--b2b-color-white-100);display:none;width:max-content;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);margin:0.75rem 0 0;position:absolute;right:-0.625rem;text-align:left;z-index:1000;line-height:var(--b2b-size-copy-line-height-100);padding:var(--b2b-size-10) 0}.b2b-flyout-menu .b2b-flyout-menu__options__container--on{display:block}.b2b-flyout-menu__arrow{bottom:100%;height:0.625rem;overflow:hidden;position:absolute;right:0;transform:translateX(-0.75rem);width:1.25rem;z-index:1001}.b2b-flyout-menu__arrow::after{background:var(--b2b-color-white-100);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);content:"";height:0.875rem;position:absolute;transform:translateX(3px) translateY(3px) rotate(45deg);width:0.875rem}.b2b-flyout-menu .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}.b2b-flyout-menu__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30) 5px var(--b2b-size-30);border-bottom:1px solid transparent;cursor:pointer}.b2b-flyout-menu__option--separator{border-bottom:1px solid var(--b2b-color-grey-200)}.b2b-flyout-menu__option:hover,.b2b-flyout-menu__option:focus{background-color:var(--b2b-color-table-selected-hover);outline:none}.b2b-flyout-menu__option--disabled{pointer-events:none;color:var(--b2b-color-grey-200)}';export{t as b2b_flyout_menu}
|
|
@@ -69,17 +69,15 @@ const FlyoutMenuComponent = class {
|
|
|
69
69
|
* to the options. We only close the menu if the next element receiving focus
|
|
70
70
|
* (relatedTarget) is not a menu option.
|
|
71
71
|
*/
|
|
72
|
-
this.blurMenu = event => {
|
|
72
|
+
this.blurMenu = (event) => {
|
|
73
73
|
event.preventDefault();
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
: '';
|
|
77
|
-
if (target === 'b2b-flyout-menu-option') {
|
|
74
|
+
const target = event.relatedTarget;
|
|
75
|
+
if (target && target.tagName.toLowerCase() === 'b2b-flyout-menu-option') {
|
|
78
76
|
return;
|
|
79
77
|
}
|
|
80
|
-
|
|
78
|
+
setTimeout(() => {
|
|
81
79
|
this.closeMenu();
|
|
82
|
-
}
|
|
80
|
+
}, 150);
|
|
83
81
|
};
|
|
84
82
|
this.opened = false;
|
|
85
83
|
}
|
|
@@ -159,12 +157,12 @@ const FlyoutMenuComponent = class {
|
|
|
159
157
|
options[index].focus();
|
|
160
158
|
}
|
|
161
159
|
render() {
|
|
162
|
-
return (index.h(index.Host, { key: '
|
|
160
|
+
return (index.h(index.Host, { key: 'e36d8a784f82bb6bd40fc5a8a8483c7ad5c25af3' }, index.h("div", { key: '793eec3a26a6fa3ae0a2d271a1c749f8aafd5c97', class: {
|
|
163
161
|
'b2b-flyout-menu': true,
|
|
164
|
-
} }, index.h("div", { key: '
|
|
162
|
+
} }, index.h("div", { key: '96888cb9a1092ee95a6a51744ee4d2c9abcc5757', class: "b2b-flyout-menu__trigger" }, index.h("slot", { key: 'bfd8165d47e1537107530cf09b96cd482d7a76d0', name: "trigger" })), index.h("div", { key: '09ba18f51ce90489e8e97556a1eab48559edb07f', onFocusout: this.blurMenu, class: {
|
|
165
163
|
'b2b-flyout-menu__options__container': true,
|
|
166
164
|
'b2b-flyout-menu__options__container--on': this.opened,
|
|
167
|
-
} }, index.h("div", { key: '
|
|
165
|
+
} }, index.h("div", { key: '51afcd7545a6a988290a9c45057e8491732e9609', class: "b2b-flyout-menu__arrow" }), index.h("slot", { key: '87569322d879c7a87ae9db02537fd90a7395b3e8', name: "option" })))));
|
|
168
166
|
}
|
|
169
167
|
get hostElement() { return index.getElement(this); }
|
|
170
168
|
};
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-668808fd.js');
|
|
6
6
|
const table_types = require('./table.types-5df665b6.js');
|
|
7
7
|
|
|
8
|
-
const tableRowCss = ":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-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--colspan){flex-flow:row nowrap;display:flex}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-table-hover)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-hover)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-
|
|
8
|
+
const tableRowCss = ":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-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--colspan){flex-flow:row nowrap;display:flex}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-table-hover)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-hover)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-selected:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group:hover){background-color:var(--b2b-color-table-expand-hover)}:host(.b2b-table-row--color-group:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-expand-hover)}.b2b-table-row__control-cell--checkbox{flex:0 0 var(--b2b-size-40);width:var(--b2b-size-40)}.b2b-table-row__control-cell--accordion{flex:0 0 var(--b2b-size-60);width:var(--b2b-size-60)}";
|
|
9
9
|
const B2bTableRowStyle0 = tableRowCss;
|
|
10
10
|
|
|
11
11
|
const TableRowComponent = class {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--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 Tue,
|
|
4
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
}
|
|
125
125
|
/**
|
|
126
126
|
* Do not edit directly
|
|
127
|
-
* Generated on Tue,
|
|
127
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
128
128
|
*/
|
|
129
129
|
:root [data-theme="dark"] {
|
|
130
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { newE2EPage } from "@stencil/core/testing";
|
|
2
|
+
//ToDo Rewrite the tests so that the next, previous button and date selection scenarios are also tested
|
|
2
3
|
describe('B2B-Calendar', () => {
|
|
3
4
|
let page;
|
|
4
5
|
beforeEach(async () => {
|
|
@@ -31,8 +32,11 @@ describe('B2B-Calendar', () => {
|
|
|
31
32
|
it('should disable past dates', async () => {
|
|
32
33
|
page = await newE2EPage();
|
|
33
34
|
await page.setContent(`<b2b-calendar disable-past-dates=true></b2b-calendar>`);
|
|
34
|
-
const
|
|
35
|
-
|
|
35
|
+
const today = new Date();
|
|
36
|
+
const yesterday = new Date(today);
|
|
37
|
+
yesterday.setDate(today.getDate() - 1);
|
|
38
|
+
const prevDay = yesterday.getDate();
|
|
39
|
+
if (prevDay > 0 && prevDay >= 30) {
|
|
36
40
|
const prevDayElement = await page.find({ text: prevDay.toString() });
|
|
37
41
|
expect(prevDayElement.className).toBe('b2b-calendar-day b2b-calendar-day--disabled');
|
|
38
42
|
}
|
|
@@ -40,10 +44,13 @@ describe('B2B-Calendar', () => {
|
|
|
40
44
|
it('should disable future dates', async () => {
|
|
41
45
|
page = await newE2EPage();
|
|
42
46
|
await page.setContent(`<b2b-calendar disable-future-dates=true></b2b-calendar>`);
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
+
const today = new Date();
|
|
48
|
+
const tomorrow = new Date(today);
|
|
49
|
+
tomorrow.setDate(today.getDate() + 1);
|
|
50
|
+
const nextDay = tomorrow.getDate();
|
|
51
|
+
if (nextDay > 0 && nextDay !== 1) {
|
|
52
|
+
const nextDayElement = await page.find({ text: nextDay.toString() });
|
|
53
|
+
expect(nextDayElement.className).toBe('b2b-calendar-day b2b-calendar-day--disabled');
|
|
47
54
|
}
|
|
48
55
|
});
|
|
49
56
|
it('should disable weekends dates', async () => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -42,17 +42,15 @@ export class FlyoutMenuComponent {
|
|
|
42
42
|
* to the options. We only close the menu if the next element receiving focus
|
|
43
43
|
* (relatedTarget) is not a menu option.
|
|
44
44
|
*/
|
|
45
|
-
this.blurMenu = event => {
|
|
45
|
+
this.blurMenu = (event) => {
|
|
46
46
|
event.preventDefault();
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
: '';
|
|
50
|
-
if (target === 'b2b-flyout-menu-option') {
|
|
47
|
+
const target = event.relatedTarget;
|
|
48
|
+
if (target && target.tagName.toLowerCase() === 'b2b-flyout-menu-option') {
|
|
51
49
|
return;
|
|
52
50
|
}
|
|
53
|
-
|
|
51
|
+
setTimeout(() => {
|
|
54
52
|
this.closeMenu();
|
|
55
|
-
}
|
|
53
|
+
}, 150);
|
|
56
54
|
};
|
|
57
55
|
this.opened = false;
|
|
58
56
|
}
|
|
@@ -132,12 +130,12 @@ export class FlyoutMenuComponent {
|
|
|
132
130
|
options[index].focus();
|
|
133
131
|
}
|
|
134
132
|
render() {
|
|
135
|
-
return (h(Host, { key: '
|
|
133
|
+
return (h(Host, { key: 'e36d8a784f82bb6bd40fc5a8a8483c7ad5c25af3' }, h("div", { key: '793eec3a26a6fa3ae0a2d271a1c749f8aafd5c97', class: {
|
|
136
134
|
'b2b-flyout-menu': true,
|
|
137
|
-
} }, h("div", { key: '
|
|
135
|
+
} }, h("div", { key: '96888cb9a1092ee95a6a51744ee4d2c9abcc5757', class: "b2b-flyout-menu__trigger" }, h("slot", { key: 'bfd8165d47e1537107530cf09b96cd482d7a76d0', name: "trigger" })), h("div", { key: '09ba18f51ce90489e8e97556a1eab48559edb07f', onFocusout: this.blurMenu, class: {
|
|
138
136
|
'b2b-flyout-menu__options__container': true,
|
|
139
137
|
'b2b-flyout-menu__options__container--on': this.opened,
|
|
140
|
-
} }, h("div", { key: '
|
|
138
|
+
} }, h("div", { key: '51afcd7545a6a988290a9c45057e8491732e9609', class: "b2b-flyout-menu__arrow" }), h("slot", { key: '87569322d879c7a87ae9db02537fd90a7395b3e8', name: "option" })))));
|
|
141
139
|
}
|
|
142
140
|
static get is() { return "b2b-flyout-menu"; }
|
|
143
141
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 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 Tue,
|
|
3
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Do not edit directly
|
|
126
|
-
* Generated on Tue,
|
|
126
|
+
* Generated on Tue, 20 Aug 2024 07:01:55 GMT
|
|
127
127
|
*/
|
|
128
128
|
:root [data-theme="dark"] {
|
|
129
129
|
--b2b-size-200: 5rem; /* 80px */
|