@momentum-ui/web-components 3.2.6 → 3.2.8

package/dist/708.js

@@ -1,10 +1,10 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[708],{708(e,t,i){var r,s,n=i(2900),o=i(9609),a=i(9938),l=i(2050),h=i(2962),d=i.n(h),p=i(6538),v=i.n(p),u=i(8250),c=i.n(u),g=i(9371),m=i.n(g),y=i(4863),E=i(7161),O=i(429),f=i(291),w=i(9146),b=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o},L=function(e,t,i,r){return new(i||(i=Promise))(function(s,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function a(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(o,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={})),function(e){let t=class extends((0,a.d)(E.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this._componentAddedAriaExpanded=!1,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const s=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==s&&(e.ELEMENT.activeOverlay.splice(s,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>L(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==n.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>L(this,void 0,void 0,function*(){switch(e.code){case n.Uz.Space:case n.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[w.A,E.css`
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[708],{708(e,t,i){var r,s,n=i(2900),o=i(9609),a=i(9938),l=i(2050),h=i(2962),p=i.n(h),d=i(6538),v=i.n(d),u=i(8250),c=i.n(u),g=i(9371),y=i.n(g),m=i(4863),E=i(7161),O=i(429),f=i(291),w=i(9146),b=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o},C=function(e,t,i,r){return new(i||(i=Promise))(function(s,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function a(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(o,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={})),function(e){let t=class extends((0,a.d)(E.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this._componentAddedAriaExpanded=!1,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const s=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==s&&(e.ELEMENT.activeOverlay.splice(s,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>C(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==n.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>C(this,void 0,void 0,function*(){switch(e.code){case n.Uz.Space:case n.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[w.A,E.css`
           .md-menu-overlay .overlay-content {
             max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
             width: var(--md-menu-overlay-width, 370px);
             overflow-y: var(--md-menu-overlay-overflow-y, auto);
           }
-        `]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>L(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!0}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return E.html`
+        `]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){var e;if(this.triggerElement){const t=null===(e=this.overlayContainer)||void 0===e?void 0:e.querySelector(".overlay-content");this.popperInstance=(0,m.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>C(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...m.defaultModifiers,v(),c(),y(),p(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!0}},{name:"constrainToViewport",enabled:!0,phase:"afterWrite",requires:["computeStyles"],fn:({state:e})=>{if(!t)return;const i=e.elements.popper,r=i.getBoundingClientRect(),s=window.innerHeight;let n;n=(e.placement||"").startsWith("top")?r.bottom-16:s-r.top-16,n>0&&t.scrollHeight>n?(i.style.maxHeight=`${n}px`,i.style.overflow="hidden",t.style.maxHeight=`${n}px`,t.style.overflowY="auto"):(i.style.removeProperty("max-height"),i.style.removeProperty("overflow"),t.style.removeProperty("max-height"),t.style.removeProperty("overflow-y"))}}]})}}destroy(){var e;if(this.popperInstance){this.overlayContainer&&(this.overlayContainer.style.removeProperty("max-height"),this.overlayContainer.style.removeProperty("overflow"));const t=null===(e=this.overlayContainer)||void 0===e?void 0:e.querySelector(".overlay-content");t&&(t.style.removeProperty("max-height"),t.style.removeProperty("overflow-y")),this.popperInstance.destroy(),this.popperInstance=null}}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return E.html`
         <div class="md-menu-overlay">
           <slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
           <div

package/dist/9146.js

@@ -1 +1 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9146],{9146(r,o,e){e.d(o,{A:()=>a});const a=e(7161).css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-primary-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;justify-content:space-around;max-width:calc(100vw - var(--vw-padding)*2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{height:0;visibility:hidden;width:0}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-menu-overlay-border-color,--gray-20);bottom:-.95rem;filter:drop-shadow(0 14px 8px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;left:-.95rem;filter:drop-shadow(-16px 0 10px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;right:-.95rem;filter:drop-shadow(16px 0 10px rgba(0, 0, 0, .16))}.overlay-container>.overlay-arrow:after{content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent;pointer-events:none}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:var(--md-primary-bg-color);bottom:-17px;right:-19px}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:var(--md-primary-bg-color);top:-17px;left:-19px}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:var(--md-primary-bg-color);bottom:-19px;left:-17px}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:var(--md-primary-bg-color);top:-19px;right:-17px}@media(forced-colors:active){.overlay-container[data-popper-placement^=top]>.overlay-arrow{forced-color-adjust:none;border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem ButtonBorder;bottom:-.95rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem ButtonBorder;border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-right:solid 1rem ButtonBorder;border-top:solid 1rem transparent;left:-.95rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-left:solid 1rem ButtonBorder;border-top:solid 1rem transparent;right:-.95rem}.overlay-container>.overlay-arrow:after{forced-color-adjust:none;content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:Canvas}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:Canvas}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:Canvas}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:Canvas}}`}}]);
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9146],{9146(r,o,e){e.d(o,{A:()=>a});const a=e(7161).css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-primary-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-around;max-width:calc(100vw - var(--vw-padding)*2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{height:0;visibility:hidden;width:0}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-menu-overlay-border-color,--gray-20);bottom:-.95rem;filter:drop-shadow(0 14px 8px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;left:-.95rem;filter:drop-shadow(-16px 0 10px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;right:-.95rem;filter:drop-shadow(16px 0 10px rgba(0, 0, 0, .16))}.overlay-container>.overlay-arrow:after{content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent;pointer-events:none}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:var(--md-primary-bg-color);bottom:-17px;right:-19px}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:var(--md-primary-bg-color);top:-17px;left:-19px}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:var(--md-primary-bg-color);bottom:-19px;left:-17px}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:var(--md-primary-bg-color);top:-19px;right:-17px}@media(forced-colors:active){.overlay-container[data-popper-placement^=top]>.overlay-arrow{forced-color-adjust:none;border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem ButtonBorder;bottom:-.95rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem ButtonBorder;border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-right:solid 1rem ButtonBorder;border-top:solid 1rem transparent;left:-.95rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-left:solid 1rem ButtonBorder;border-top:solid 1rem transparent;right:-.95rem}.overlay-container>.overlay-arrow:after{forced-color-adjust:none;content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:Canvas}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:Canvas}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:Canvas}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:Canvas}}`}}]);

package/dist/comp/md-menu-overlay-entry.js

@@ -1,10 +1,10 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit/decorators.js"),require("lit"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit/decorators.js","lit","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit/decorators.js"),require("lit"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js")):t(e["lit/decorators.js"],e.lit,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,a)=>(()=>{"use strict";var l,p={708(e,t,i){i.r(t),i.d(t,{MenuOverlay:()=>j,OverlaySizes:()=>r,menuOverlayPlacement:()=>T,menuOverlayRole:()=>C,menuOverlaySize:()=>L});var r,o=i(6142),s=i(2900),n=i(9609),a=i(9938),l=i(2050),p=i(2962),d=i.n(p),h=i(6538),v=i.n(h),u=i(8250),c=i.n(u),g=i(9371),m=i.n(g),y=i(4863),f=i(7161),E=i(429),O=i(291),b=i(9146),w=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},x=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function a(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={}));const L=["small","large"],T=o.W,C=["menu","dialog"];var j;!function(e){let t=class extends((0,a.d)(f.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this._componentAddedAriaExpanded=!1,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>x(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==s.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>x(this,void 0,void 0,function*(){switch(e.code){case s.Uz.Space:case s.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[b.A,f.css`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit/decorators.js"),require("lit"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit/decorators.js","lit","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit/decorators.js"),require("lit"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js")):t(e["lit/decorators.js"],e.lit,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,a)=>(()=>{"use strict";var l,p={708(e,t,i){i.r(t),i.d(t,{MenuOverlay:()=>j,OverlaySizes:()=>r,menuOverlayPlacement:()=>L,menuOverlayRole:()=>T,menuOverlaySize:()=>C});var r,o=i(6142),s=i(2900),n=i(9609),a=i(9938),l=i(2050),p=i(2962),d=i.n(p),h=i(6538),v=i.n(h),u=i(8250),c=i.n(u),g=i(9371),m=i.n(g),y=i(4863),f=i(7161),E=i(429),O=i(291),b=i(9146),w=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},x=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function a(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={}));const C=["small","large"],L=o.W,T=["menu","dialog"];var j;!function(e){let t=class extends((0,a.d)(f.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this._componentAddedAriaExpanded=!1,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>x(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==s.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>x(this,void 0,void 0,function*(){switch(e.code){case s.Uz.Space:case s.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[b.A,f.css`
           .md-menu-overlay .overlay-content {
             max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
             width: var(--md-menu-overlay-width, 370px);
             overflow-y: var(--md-menu-overlay-overflow-y, auto);
           }
-        `]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!0}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return f.html`
+        `]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){var e;if(this.triggerElement){const t=null===(e=this.overlayContainer)||void 0===e?void 0:e.querySelector(".overlay-content");this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!0}},{name:"constrainToViewport",enabled:!0,phase:"afterWrite",requires:["computeStyles"],fn:({state:e})=>{if(!t)return;const i=e.elements.popper,r=i.getBoundingClientRect(),o=window.innerHeight;let s;s=(e.placement||"").startsWith("top")?r.bottom-16:o-r.top-16,s>0&&t.scrollHeight>s?(i.style.maxHeight=`${s}px`,i.style.overflow="hidden",t.style.maxHeight=`${s}px`,t.style.overflowY="auto"):(i.style.removeProperty("max-height"),i.style.removeProperty("overflow"),t.style.removeProperty("max-height"),t.style.removeProperty("overflow-y"))}}]})}}destroy(){var e;if(this.popperInstance){this.overlayContainer&&(this.overlayContainer.style.removeProperty("max-height"),this.overlayContainer.style.removeProperty("overflow"));const t=null===(e=this.overlayContainer)||void 0===e?void 0:e.querySelector(".overlay-content");t&&(t.style.removeProperty("max-height"),t.style.removeProperty("overflow-y")),this.popperInstance.destroy(),this.popperInstance=null}}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return f.html`
         <div class="md-menu-overlay">
           <slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
           <div

package/dist/esm/513.js

@@ -1 +1 @@
-export const __webpack_esm_id__=513;export const __webpack_esm_ids__=[513];export const __webpack_esm_modules__={513(e,d,r){r.d(d,{A:()=>a});const a=r(2927).css`:host(md-card-v2){display:inline-block}:host(md-card-v2) .md-card-v2{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;min-width:15rem;height:8rem;border-radius:.5rem;padding:1rem;border:1px solid transparent;background:var(--md-card-v2-background,var(--md-glass-overlay-bg-color));font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif)}:host(md-card-v2) .md-card-v2:hover{background:var(--md-card-v2-background-hover,var(--md-glass-overlay-bg-color))}:host(md-card-v2) .md-card-v2.md-card--active{border:1px solid var(--md-primary-text-color)}:host(md-card-v2) .md-card-v2.md-card--inactive{border:1px solid transparent;background:var(--md-glass-overlay-inactive-bg-color)}:host(md-card-v2) .md-card-v2-header{display:flex;justify-content:center;flex:1 1 100%;flex-direction:column;user-select:none}:host(md-card-v2) .md-card-v2-header-title{display:flex;flex:1;gap:6px}:host(md-card-v2) .md-card-v2-header-title h3{font-size:var(--font-size-body-midsize,.875rem);font-weight:var(--brand-font-weight-medium,500);line-height:1.25rem;color:var(--md-secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(md-card-v2) .md-card-v2-header-title md-icon{color:var(--md-secondary-text-color)}:host(md-card-v2) .md-card-v2-content{display:flex;flex-direction:column;flex:1;gap:8px;user-select:none}:host(md-card-v2) .md-card-v2-content h2{font-size:1.5rem;font-weight:var(--brand-font-weight-bold,700);line-height:2rem;color:var(--md-primary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(md-card-v2) .md-card-v2-content.inactive h2{color:var(--md-secondary-text-color)}:host(md-card-v2) .md-card-v2-footer{display:flex;justify-content:space-between;align-items:center;width:100%}:host(md-card-v2) .md-card-v2-footer-content{display:flex;align-items:center}:host(md-card-v2) .md-card-v2-footer-content ::slotted(*){display:inline-flex;align-items:center;gap:4px}:host(md-card-v2) .md-card-v2-footer-expand{margin-left:auto}:host(md-card-v2) .md-card-v2-footer-expand.hidden{visibility:hidden}:host(md-card-v2[has-extra-info]) .md-card-v2{height:10rem;gap:8px}:host(md-card-v2[has-extra-info]) .md-card-v2-content{display:flex;flex-direction:column;flex:1;user-select:none;gap:6px}:host(md-card-v2[has-extra-info]) .md-card-v2-content-extra-info{display:inline-flex;align-items:center;color:var(--md-secondary-text-color);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem}:host(md-card-v2[expandable]) .md-card-v2:hover{box-shadow:0 2px 8px rgba(0,0,0,.2)}:host(md-card-v2[selected]) .md-card-v2{background:var(--md-card-v2-background-hover,var(--md-glass-overlay-bg-color))}`}};
+export const __webpack_esm_id__=513;export const __webpack_esm_ids__=[513];export const __webpack_esm_modules__={513(e,d,r){r.d(d,{A:()=>a});const a=r(2927).css`:host(md-card-v2){display:inline-block}:host(md-card-v2) .md-card-v2{align-content:center;align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;box-sizing:border-box;min-width:15rem;height:8rem;border-radius:.5rem;padding:1rem;border:1px solid transparent;background:var(--md-card-v2-background,var(--md-glass-overlay-bg-color));font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif)}:host(md-card-v2) .md-card-v2:hover{background:var(--md-card-v2-background-hover,var(--md-glass-overlay-bg-color))}:host(md-card-v2) .md-card-v2.md-card--active{border:1px solid var(--md-primary-text-color)}:host(md-card-v2) .md-card-v2.md-card--active:hover{border:1px solid var(--md-primary-text-color)}:host(md-card-v2) .md-card-v2.md-card--inactive{border:1px solid transparent;background:var(--md-glass-overlay-inactive-bg-color)}:host(md-card-v2) .md-card-v2-header{display:flex;justify-content:center;flex:1 1 100%;flex-direction:column;user-select:none}:host(md-card-v2) .md-card-v2-header-title{display:flex;flex:1;gap:6px}:host(md-card-v2) .md-card-v2-header-title h3{font-size:var(--font-size-body-midsize,.875rem);font-weight:var(--brand-font-weight-medium,500);line-height:1.25rem;color:var(--md-secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(md-card-v2) .md-card-v2-header-title md-icon{color:var(--md-secondary-text-color)}:host(md-card-v2) .md-card-v2-content{display:flex;flex-direction:column;flex:1;gap:8px;user-select:none}:host(md-card-v2) .md-card-v2-content h2{font-size:1.5rem;font-weight:var(--brand-font-weight-bold,700);line-height:2rem;color:var(--md-primary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(md-card-v2) .md-card-v2-content.inactive h2{color:var(--md-secondary-text-color)}:host(md-card-v2) .md-card-v2-footer{display:flex;justify-content:space-between;align-items:center;width:100%}:host(md-card-v2) .md-card-v2-footer-content{display:flex;align-items:center}:host(md-card-v2) .md-card-v2-footer-content ::slotted(*){display:inline-flex;align-items:center;gap:4px}:host(md-card-v2) .md-card-v2-footer-expand{margin-left:auto}:host(md-card-v2) .md-card-v2-footer-expand.hidden{visibility:hidden}:host(md-card-v2[has-extra-info]) .md-card-v2{height:10rem;gap:8px}:host(md-card-v2[has-extra-info]) .md-card-v2-content{display:flex;flex-direction:column;flex:1;user-select:none;gap:6px}:host(md-card-v2[has-extra-info]) .md-card-v2-content-extra-info{display:inline-flex;align-items:center;color:var(--md-secondary-text-color);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem}:host(md-card-v2[expandable]) .md-card-v2:hover{border:1px solid var(--card-v2-border-hover)}:host(md-card-v2[expandable]) .md-card-v2.md-card--active,:host(md-card-v2[expandable]) .md-card-v2.md-card--active:hover{border:1px solid var(--md-primary-text-color)}:host(md-card-v2[selected]) .md-card-v2{background:var(--md-card-v2-background-hover,var(--md-glass-overlay-bg-color))}`}};