@otto-de/b2b-core-components 1.12.1 → 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-dd5330c5.entry.js +1 -0
- package/dist/cjs/b2b-flyout-menu.cjs.entry.js +8 -10
- 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 +1 -0
- 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 +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-flyout-menu.js +8 -10
- package/dist/esm/b2b-flyout-menu.entry.js +8 -10
- 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-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-
|
|
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))));
|
|
@@ -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
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 */
|