@momentum-ui/web-components 3.2.6 → 3.2.7
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/708.js +2 -2
- package/dist/9146.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +2 -2
- package/dist/esm/708.js +4 -4
- package/dist/esm/9146.js +1 -1
- package/dist/esm/comp/md-menu-overlay-entry.js +3 -3
- package/dist/esm/index-entry.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/types/[sandbox]/examples/editable-field.d.ts +1 -1
- package/dist/types/components/avatar/Avatar.d.ts +3 -3
- package/dist/types/components/badge/Badge.d.ts +1 -1
- package/dist/types/components/button/Button.d.ts +2 -2
- package/dist/types/components/chip/Chip.d.ts +3 -3
- package/dist/types/components/combobox/ComboBox.d.ts +3 -3
- package/dist/types/components/dropdown/Dropdown.d.ts +2 -2
- package/dist/types/components/editable-textfield/EditableTextfield.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +5 -5
- package/dist/types/components/radio/Radio.d.ts +1 -1
- package/dist/types/components/taskitem/TaskItem.utils.d.ts +1 -1
- package/dist/types/internal-components/color-table/ColorTable.d.ts +1 -1
- package/package.json +1 -1
package/dist/708.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"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),
|
|
1
|
+
"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`
|
|
2
2
|
.md-menu-overlay .overlay-content {
|
|
3
3
|
max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
|
|
4
4
|
width: var(--md-menu-overlay-width, 370px);
|
|
5
5
|
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
6
6
|
}
|
|
7
|
-
`]}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
|
|
7
|
+
`]}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`
|
|
8
8
|
<div class="md-menu-overlay">
|
|
9
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
10
10
|
<div
|
package/dist/9146.js
CHANGED
|
@@ -1 +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}}`}}]);
|
|
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;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}}`}}]);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!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:()=>
|
|
1
|
+
!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`
|
|
2
2
|
.md-menu-overlay .overlay-content {
|
|
3
3
|
max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
|
|
4
4
|
width: var(--md-menu-overlay-width, 370px);
|
|
5
5
|
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
6
6
|
}
|
|
7
|
-
`]}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
|
|
7
|
+
`]}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`
|
|
8
8
|
<div class="md-menu-overlay">
|
|
9
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
10
10
|
<div
|
package/dist/esm/708.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export const __webpack_esm_id__=708;export const __webpack_esm_ids__=[708];export const __webpack_esm_modules__={708(e,t,i){var r,s,n=i(2900),o=i(9609),a=i(9938),l=i(2050),
|
|
1
|
+
export const __webpack_esm_id__=708;export const __webpack_esm_ids__=[708];export const __webpack_esm_modules__={708(e,t,i){var r,s,n=i(2900),o=i(9609),a=i(9938),l=i(2050),h=i(9644),d=i(9324),p=i(9520),v=i(6521),u=i(9709),c=i(2927),g=i(8899),y=i(3517),m=i(9146),E=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},O=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)(c.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=>O(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=>O(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[m.A,c.css`
|
|
2
2
|
.md-menu-overlay .overlay-content {
|
|
3
3
|
max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
|
|
4
4
|
width: var(--md-menu-overlay-width, 370px);
|
|
5
5
|
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
6
6
|
}
|
|
7
|
-
`]}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
|
|
7
|
+
`]}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,u.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>O(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:[...u.defaultModifiers,d.default,p.default,v.default,h.default,{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 c.html`
|
|
8
8
|
<div class="md-menu-overlay">
|
|
9
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
10
10
|
<div
|
|
11
11
|
part="overlay"
|
|
12
12
|
class="overlay-container"
|
|
13
13
|
role=${this.ariaRole}
|
|
14
|
-
aria-modal=${(0,
|
|
15
|
-
aria-label=${(0,
|
|
14
|
+
aria-modal=${(0,y.ifDefined)("dialog"===this.ariaRole?"true":void 0)}
|
|
15
|
+
aria-label=${(0,y.ifDefined)(this.ariaLabel||void 0)}
|
|
16
16
|
>
|
|
17
17
|
<div id="arrow" class="overlay-arrow" data-popper-arrow></div>
|
|
18
18
|
<div class="overlay-content" part="overlay-content">
|
package/dist/esm/9146.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const __webpack_esm_id__=9146;export const __webpack_esm_ids__=[9146];export const __webpack_esm_modules__={9146(r,o,e){e.d(o,{A:()=>a});const a=e(2927).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}}`}};
|
|
1
|
+
export const __webpack_esm_id__=9146;export const __webpack_esm_ids__=[9146];export const __webpack_esm_modules__={9146(r,o,e){e.d(o,{A:()=>a});const a=e(2927).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}}`}};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import*as e from"@popperjs/core/lib/modifiers/arrow";import*as t from"@popperjs/core/lib/modifiers/flip";import*as
|
|
1
|
+
import*as e from"@popperjs/core/lib/modifiers/arrow";import*as t from"@popperjs/core/lib/modifiers/flip";import*as r from"@popperjs/core/lib/modifiers/offset";import*as i from"@popperjs/core/lib/modifiers/preventOverflow";import*as s from"@popperjs/core/lib/popper-lite";import*as o from"lit";import*as n from"lit/decorators.js";import*as a from"lit/directives/if-defined.js";var l,p,d={708(e,t,r){r.d(t,{Bf:()=>i,HC:()=>O,W1:()=>x,o4:()=>b,zv:()=>w});var i,s=r(6142),o=r(2900),n=r(9609),a=r(9938),l=r(2050),p=r(9644),d=r(9324),h=r(9520),v=r(6521),u=r(9709),c=r(2927),m=r(8899),g=r(3517),y=r(9146),f=function(e,t,r,i){var s,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,r,n):s(t,r))||n);return o>3&&n&&Object.defineProperty(t,r,n),n},E=function(e,t,r,i){return new(r||(r=Promise))(function(s,o){function n(e){try{l(i.next(e))}catch(e){o(e)}}function a(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r(function(e){e(t)})).then(n,a)}l((i=i.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(i||(i={}));const O=["small","large"],w=s.W,b=["menu","dialog"];var x;!function(e){let t=class extends((0,a.d)(c.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 r;this===t.target&&(null===(r=e.ELEMENT.activeOverlay)||void 0===r||r.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var r,i;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===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.setFocusableElements(),null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.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=>E(this,void 0,void 0,function*(){let r=!1;const i=t.composedPath();i.length&&(r=!!i.find(e=>e===this),!r)||!this.overlayContainer||t.code!==o.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=>E(this,void 0,void 0,function*(){switch(e.code){case o.Uz.Space:case o.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const r=e.composedPath();r.length&&(t=!!r.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[y.A,c.css`
|
|
2
2
|
.md-menu-overlay .overlay-content {
|
|
3
3
|
max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
|
|
4
4
|
width: var(--md-menu-overlay-width, 370px);
|
|
5
5
|
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
6
6
|
}
|
|
7
|
-
`]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let
|
|
7
|
+
`]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let r;r=this.customWidth?this.customWidth:"small"===this.size?i.small:i.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",r),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,u.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>E(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:[...u.defaultModifiers,d.default,h.default,v.default,p.default,{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 r=e.elements.popper,i=r.getBoundingClientRect(),s=window.innerHeight;let o;o=(e.placement||"").startsWith("top")?i.bottom-16:s-i.top-16,o>0&&t.scrollHeight>o?(r.style.maxHeight=`${o}px`,r.style.overflow="hidden",t.style.maxHeight=`${o}px`,t.style.overflowY="auto"):(r.style.removeProperty("max-height"),r.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 c.html`
|
|
8
8
|
<div class="md-menu-overlay">
|
|
9
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
10
10
|
<div
|
|
@@ -20,4 +20,4 @@ import*as e from"@popperjs/core/lib/modifiers/arrow";import*as t from"@popperjs/
|
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
23
|
-
`}};t.activeOverlay=[],f([(0,m.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),f([(0,m.property)({type:String})],t.prototype,"size",void 0),f([(0,m.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),f([(0,m.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),f([(0,m.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),f([(0,m.property)({type:Boolean})],t.prototype,"disabled",void 0),f([(0,m.property)({type:String})],t.prototype,"placement",void 0),f([(0,m.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),f([(0,m.property)({type:String})],t.prototype,"ariaRole",void 0),f([(0,m.property)({type:String})],t.prototype,"ariaLabel",void 0),f([(0,m.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),f([(0,m.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),f([(0,m.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),f([(0,m.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),f([(0,m.query)(".overlay-arrow")],t.prototype,"arrow",void 0),f([(0,m.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),f([(0,m.queryAssignedNodes)({slot:"menu-trigger",flatten:!0})],t.prototype,"trigger",void 0),t=f([(0,n.w)("md-menu-overlay")],t),e.ELEMENT=t}(
|
|
23
|
+
`}};t.activeOverlay=[],f([(0,m.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),f([(0,m.property)({type:String})],t.prototype,"size",void 0),f([(0,m.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),f([(0,m.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),f([(0,m.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),f([(0,m.property)({type:Boolean})],t.prototype,"disabled",void 0),f([(0,m.property)({type:String})],t.prototype,"placement",void 0),f([(0,m.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),f([(0,m.property)({type:String})],t.prototype,"ariaRole",void 0),f([(0,m.property)({type:String})],t.prototype,"ariaLabel",void 0),f([(0,m.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),f([(0,m.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),f([(0,m.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),f([(0,m.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),f([(0,m.query)(".overlay-arrow")],t.prototype,"arrow",void 0),f([(0,m.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),f([(0,m.queryAssignedNodes)({slot:"menu-trigger",flatten:!0})],t.prototype,"trigger",void 0),t=f([(0,n.w)("md-menu-overlay")],t),e.ELEMENT=t}(x||(x={}))},9644(t,r,i){var s,o;t.exports=(s={default:()=>e.default},o={},i.d(o,s),o)},9324(e,r,i){var s,o;e.exports=(s={default:()=>t.default},o={},i.d(o,s),o)},9520(e,t,i){var s,o;e.exports=(s={default:()=>r.default},o={},i.d(o,s),o)},6521(e,t,r){var s,o;e.exports=(s={default:()=>i.default},o={},r.d(o,s),o)},9709(e,t,r){var i,o;e.exports=(i={createPopper:()=>s.createPopper,defaultModifiers:()=>s.defaultModifiers},o={},r.d(o,i),o)},2927(e,t,r){var i,s;e.exports=(i={LitElement:()=>o.LitElement,css:()=>o.css,html:()=>o.html},s={},r.d(s,i),s)},8899(e,t,r){var i,s;e.exports=(i={property:()=>n.property,query:()=>n.query,queryAssignedNodes:()=>n.queryAssignedNodes,state:()=>n.state},s={},r.d(s,i),s)},3517(e,t,r){var i,s;e.exports=(i={ifDefined:()=>a.ifDefined},s={},r.d(s,i),s)}},h={};function v(e){var t=h[e];if(void 0!==t)return t.exports;var r=h[e]={exports:{}};return d[e](r,r.exports,v),r.exports}v.m=d,l=[],v.O=(e,t,r,i)=>{if(!t){var s=1/0;for(p=0;p<l.length;p++){for(var[t,r,i]=l[p],o=!0,n=0;n<t.length;n++)(!1&i||s>=i)&&Object.keys(v.O).every(e=>v.O[e](t[n]))?t.splice(n--,1):(o=!1,i<s&&(s=i));if(o){l.splice(p--,1);var a=r();void 0!==a&&(e=a)}}return e}i=i||0;for(var p=l.length;p>0&&l[p-1][2]>i;p--)l[p]=l[p-1];l[p]=[t,r,i]},v.d=(e,t)=>{for(var r in t)v.o(t,r)&&!v.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);export{v as __webpack_require__};p={708:0,1682:0,6060:0},v.C=e=>{var t,r,{__webpack_esm_ids__:i,__webpack_esm_modules__:s,__webpack_esm_runtime__:o}=e,n=0;for(t in s)v.o(s,t)&&(v.m[t]=s[t]);for(o&&o(v);n<i.length;n++)r=i[n],v.o(p,r)&&p[r]&&p[r][0](),p[i[n]]=0;v.O()},v.O.j=e=>0===p[e];import*as u from"../9609.js";v.C(u);import*as c from"../519.js";v.C(c);import*as m from"../2050.js";v.C(m);import*as g from"../8441.js";v.C(g);import*as y from"../9983.js";v.C(y);import*as f from"../4700.js";v.C(f);import*as E from"../9146.js";v.C(E);import*as O from"../6142.js";v.C(O);var w=v.O(void 0,[9609,519,2050,8441,9983,4700,9146,6142],()=>v(708));const b=(w=v.O(w)).W1,x=w.Bf,C=w.zv,L=w.o4,T=w.HC;export{b as MenuOverlay,x as OverlaySizes,C as menuOverlayPlacement,L as menuOverlayRole,T as menuOverlaySize};
|
package/dist/esm/index-entry.js
CHANGED
|
@@ -1442,7 +1442,7 @@ import"@lit-labs/virtualizer";import{default as t}from"dompurify";import{AsYouTy
|
|
|
1442
1442
|
width: var(--md-menu-overlay-width, 370px);
|
|
1443
1443
|
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
1444
1444
|
}
|
|
1445
|
-
`]}updateCSSProperties(){const t=this.maxHeight||"calc(100vh - 48px)",e=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?o.small:o.large,this.style.setProperty("--md-menu-overlay-max-height",t),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",e)}firstUpdated(t){super.firstUpdated(t),this.updateCSSProperties()}updated(t){if(super.updated(t),(t.has("maxHeight")||t.has("customWidth")||t.has("size")||t.has("isDatePicker"))&&this.updateCSSProperties(),t.has("isOpen")){const e=t.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===e&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}t.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(t){var e;return"md-input"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.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(t){super.update(t)}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(t){t?this.create():this.destroy()}create(){this.triggerElement
|
|
1445
|
+
`]}updateCSSProperties(){const t=this.maxHeight||"calc(100vh - 48px)",e=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?o.small:o.large,this.style.setProperty("--md-menu-overlay-max-height",t),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",e)}firstUpdated(t){super.firstUpdated(t),this.updateCSSProperties()}updated(t){if(super.updated(t),(t.has("maxHeight")||t.has("customWidth")||t.has("size")||t.has("isDatePicker"))&&this.updateCSSProperties(),t.has("isOpen")){const e=t.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===e&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}t.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(t){var e;return"md-input"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.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(t){super.update(t)}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(t){t?this.create():this.destroy()}create(){var t;if(this.triggerElement){const e=null===(t=this.overlayContainer)||void 0===t?void 0:t.querySelector(".overlay-content");this.popperInstance=(0,u.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>f(this,void 0,void 0,function*(){var t;this.isOpen&&(null===(t=this.popperInstance)||void 0===t||t.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...u.defaultModifiers,h.default,p.default,c.default,d.default,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:t,reference:e})=>"left-end"===t||"right-end"===t?[e.height+e.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:t})=>{if(!e)return;const i=t.elements.popper,o=i.getBoundingClientRect(),s=window.innerHeight;let r;r=(t.placement||"").startsWith("top")?o.bottom-16:s-o.top-16,r>0&&e.scrollHeight>r?(i.style.maxHeight=`${r}px`,i.style.overflow="hidden",e.style.maxHeight=`${r}px`,e.style.overflowY="auto"):(i.style.removeProperty("max-height"),i.style.removeProperty("overflow"),e.style.removeProperty("max-height"),e.style.removeProperty("overflow-y"))}}]})}}destroy(){var t;if(this.popperInstance){this.overlayContainer&&(this.overlayContainer.style.removeProperty("max-height"),this.overlayContainer.style.removeProperty("overflow"));const e=null===(t=this.overlayContainer)||void 0===t?void 0:t.querySelector(".overlay-content");e&&(e.style.removeProperty("max-height"),e.style.removeProperty("overflow-y")),this.popperInstance.destroy(),this.popperInstance=null}}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var t;(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(t){var e;null===(e=this.setFocusOnTrigger)||void 0===e||e.call(this,t)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return m.html`
|
|
1446
1446
|
<div class="md-menu-overlay">
|
|
1447
1447
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
1448
1448
|
<div
|
package/dist/index-entry.js
CHANGED
|
@@ -1982,7 +1982,7 @@
|
|
|
1982
1982
|
width: var(--md-menu-overlay-width, 370px);
|
|
1983
1983
|
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
1984
1984
|
}
|
|
1985
|
-
`]}updateCSSProperties(){const t=this.maxHeight||"calc(100vh - 48px)",e=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?o.small:o.large,this.style.setProperty("--md-menu-overlay-max-height",t),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",e)}firstUpdated(t){super.firstUpdated(t),this.updateCSSProperties()}updated(t){if(super.updated(t),(t.has("maxHeight")||t.has("customWidth")||t.has("size")||t.has("isDatePicker"))&&this.updateCSSProperties(),t.has("isOpen")){const e=t.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===e&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}t.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(t){var e;return"md-input"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.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(t){super.update(t)}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(t){t?this.create():this.destroy()}create(){this.triggerElement
|
|
1985
|
+
`]}updateCSSProperties(){const t=this.maxHeight||"calc(100vh - 48px)",e=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?o.small:o.large,this.style.setProperty("--md-menu-overlay-max-height",t),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",e)}firstUpdated(t){super.firstUpdated(t),this.updateCSSProperties()}updated(t){if(super.updated(t),(t.has("maxHeight")||t.has("customWidth")||t.has("size")||t.has("isDatePicker"))&&this.updateCSSProperties(),t.has("isOpen")){const e=t.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===e&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}t.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(t){var e;return"md-input"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.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(t){super.update(t)}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(t){t?this.create():this.destroy()}create(){var t;if(this.triggerElement){const e=null===(t=this.overlayContainer)||void 0===t?void 0:t.querySelector(".overlay-content");this.popperInstance=(0,b.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>E(this,void 0,void 0,function*(){var t;this.isOpen&&(null===(t=this.popperInstance)||void 0===t||t.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...b.defaultModifiers,c(),m(),y(),h(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:t,reference:e})=>"left-end"===t||"right-end"===t?[e.height+e.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:t})=>{if(!e)return;const i=t.elements.popper,o=i.getBoundingClientRect(),s=window.innerHeight;let r;r=(t.placement||"").startsWith("top")?o.bottom-16:s-o.top-16,r>0&&e.scrollHeight>r?(i.style.maxHeight=`${r}px`,i.style.overflow="hidden",e.style.maxHeight=`${r}px`,e.style.overflowY="auto"):(i.style.removeProperty("max-height"),i.style.removeProperty("overflow"),e.style.removeProperty("max-height"),e.style.removeProperty("overflow-y"))}}]})}}destroy(){var t;if(this.popperInstance){this.overlayContainer&&(this.overlayContainer.style.removeProperty("max-height"),this.overlayContainer.style.removeProperty("overflow"));const e=null===(t=this.overlayContainer)||void 0===t?void 0:t.querySelector(".overlay-content");e&&(e.style.removeProperty("max-height"),e.style.removeProperty("overflow-y")),this.popperInstance.destroy(),this.popperInstance=null}}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var t;(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(t){var e;null===(e=this.setFocusOnTrigger)||void 0===e||e.call(this,t)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return g.html`
|
|
1986
1986
|
<div class="md-menu-overlay">
|
|
1987
1987
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
1988
1988
|
<div
|
|
@@ -10,7 +10,7 @@ export declare class EditableFieldTemplateSandbox extends LitElement {
|
|
|
10
10
|
disconnectedCallback(): void;
|
|
11
11
|
setErrorMessage: () => void;
|
|
12
12
|
resetErrorMessage: () => void;
|
|
13
|
-
renderErrorMessage(): import("lit-html").TemplateResult<1
|
|
13
|
+
renderErrorMessage(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
14
14
|
render(): import("lit-html").TemplateResult<1>;
|
|
15
15
|
}
|
|
16
16
|
export declare const editableField: import("lit-html").TemplateResult<1>;
|
|
@@ -75,7 +75,7 @@ export declare namespace Avatar {
|
|
|
75
75
|
private get chatIconSize();
|
|
76
76
|
private get presenceSize();
|
|
77
77
|
private get iconSize();
|
|
78
|
-
get renderIsTyping(): import("lit-html").TemplateResult<1
|
|
78
|
+
get renderIsTyping(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
79
79
|
private get avatarLetter();
|
|
80
80
|
private get avatarIcon();
|
|
81
81
|
private get avatarImage();
|
|
@@ -85,8 +85,8 @@ export declare namespace Avatar {
|
|
|
85
85
|
handleKeyDown(event: KeyboardEvent): void;
|
|
86
86
|
handleClick(event: MouseEvent): void;
|
|
87
87
|
private getBrandOrDesignIconSet;
|
|
88
|
-
get avatarContent(): import("lit-html").TemplateResult<1
|
|
89
|
-
renderPresence(): import("lit-html").TemplateResult<1
|
|
88
|
+
get avatarContent(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
89
|
+
renderPresence(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
90
90
|
private renderAvatarContent;
|
|
91
91
|
render(): import("lit-html").TemplateResult<1>;
|
|
92
92
|
}
|
|
@@ -31,7 +31,7 @@ export declare namespace Badge {
|
|
|
31
31
|
renderTextColor: () => string | typeof nothing;
|
|
32
32
|
renderHeight: () => string | typeof nothing;
|
|
33
33
|
renderWidth: () => string | typeof nothing;
|
|
34
|
-
getStyles: () => import("lit-html").TemplateResult<1
|
|
34
|
+
getStyles: () => typeof nothing | import("lit-html").TemplateResult<1>;
|
|
35
35
|
static get styles(): import("lit").CSSResult[];
|
|
36
36
|
private get computedAriaHiddenSplits();
|
|
37
37
|
private get computedTabIndex();
|
|
@@ -129,10 +129,10 @@ export declare namespace Button {
|
|
|
129
129
|
get slottedText(): string | undefined;
|
|
130
130
|
get hasIcon(): boolean;
|
|
131
131
|
iconTemplate: () => import("lit-html").TemplateResult<1>;
|
|
132
|
-
textTemplate: () => import("lit-html").TemplateResult<1
|
|
132
|
+
textTemplate: () => typeof nothing | import("lit-html").TemplateResult<1>;
|
|
133
133
|
childrenTemplate(): import("lit-html").TemplateResult<1>;
|
|
134
134
|
get computedAriaExpand(): "true" | "false" | undefined;
|
|
135
|
-
buttonTemplate(tag: Button.Tag): import("lit-html").TemplateResult<1
|
|
135
|
+
buttonTemplate(tag: Button.Tag): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
136
136
|
get buttonContainerClassMap(): {
|
|
137
137
|
"md-button__container": boolean;
|
|
138
138
|
"md-button__container--small": boolean;
|
|
@@ -52,10 +52,10 @@ export declare namespace Chip {
|
|
|
52
52
|
protected renderBgColor: () => string | typeof nothing;
|
|
53
53
|
protected renderTextColor: () => string | typeof nothing;
|
|
54
54
|
protected renderHeight: () => string | typeof nothing;
|
|
55
|
-
protected getStyles: () => import("lit-html").TemplateResult<1
|
|
55
|
+
protected getStyles: () => typeof nothing | import("lit-html").TemplateResult<1>;
|
|
56
56
|
static get styles(): import("lit").CSSResult[];
|
|
57
|
-
protected loadingTemplate(): import("lit-html").TemplateResult<1
|
|
58
|
-
protected iconTemplate(): import("lit-html").TemplateResult<1
|
|
57
|
+
protected loadingTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
58
|
+
protected iconTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
59
59
|
getToolTipContent(): string;
|
|
60
60
|
private get textContentClassMap();
|
|
61
61
|
private get textContentTemplate();
|
|
@@ -199,7 +199,7 @@ export declare namespace ComboBox {
|
|
|
199
199
|
arrowButtonTemplate(): TemplateResult<1>;
|
|
200
200
|
groupArrowButtonTemplate(data: string): TemplateResult<1>;
|
|
201
201
|
getSelectAllOption(): TemplateResult<1>;
|
|
202
|
-
getSelctedCount(): TemplateResult<1
|
|
202
|
+
getSelctedCount(): typeof nothing | TemplateResult<1>;
|
|
203
203
|
checkForVirtualScroll(): boolean;
|
|
204
204
|
rangeChanged(): void;
|
|
205
205
|
getCustomErrorContent(): DocumentFragment;
|
|
@@ -210,8 +210,8 @@ export declare namespace ComboBox {
|
|
|
210
210
|
addStyle(): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/style-map.js").StyleMapDirective>;
|
|
211
211
|
renderItem(option: OptionMember | string, index: number): TemplateResult;
|
|
212
212
|
inputTitle(): string;
|
|
213
|
-
helpTextTemplate(): TemplateResult<1
|
|
214
|
-
messagesTemplate(): TemplateResult<1
|
|
213
|
+
helpTextTemplate(): typeof nothing | TemplateResult<1>;
|
|
214
|
+
messagesTemplate(): typeof nothing | TemplateResult<1>;
|
|
215
215
|
get newArrowButtonTemplate(): TemplateResult<1>;
|
|
216
216
|
get renderNewMomentumArrow(): TemplateResult;
|
|
217
217
|
get renderTrailingInputControls(): TemplateResult;
|
|
@@ -138,8 +138,8 @@ export declare namespace Dropdown {
|
|
|
138
138
|
};
|
|
139
139
|
handleInput(event: Event): void;
|
|
140
140
|
private notifyInputValueChanged;
|
|
141
|
-
helpTextTemplate(): import("lit-html").TemplateResult<1
|
|
142
|
-
messagesTemplate(): import("lit-html").TemplateResult<1
|
|
141
|
+
helpTextTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
142
|
+
messagesTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
143
143
|
iconTemplate(): import("lit-html").TemplateResult<1>;
|
|
144
144
|
clearButtonTemplate(): import("lit-html").TemplateResult<1>;
|
|
145
145
|
arrowButtonTemplate(): import("lit-html").TemplateResult<1>;
|
|
@@ -40,7 +40,7 @@ export declare namespace EditableTextfield {
|
|
|
40
40
|
showAlert(): void;
|
|
41
41
|
static get styles(): CSSResultArray;
|
|
42
42
|
get overflowStyles(): string | false | 0;
|
|
43
|
-
messagesTemplate(): import("lit-html").TemplateResult<1
|
|
43
|
+
messagesTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
44
44
|
render(): import("lit-html").TemplateResult<1>;
|
|
45
45
|
}
|
|
46
46
|
}
|
|
@@ -161,15 +161,15 @@ export declare namespace Input {
|
|
|
161
161
|
get ariaExpandedValue(): "true" | "false" | undefined;
|
|
162
162
|
get hasRightIcon(): boolean;
|
|
163
163
|
inputTemplate(): import("lit-html").TemplateResult<1>;
|
|
164
|
-
inputLeftTemplate(): import("lit-html").TemplateResult<1
|
|
164
|
+
inputLeftTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
165
165
|
private get inputRightTemplateClassMap();
|
|
166
166
|
inputRightTemplate(): import("lit-html").TemplateResult<1> | undefined;
|
|
167
167
|
private get comboBoxButtonTemplate();
|
|
168
168
|
private characterCountLabelTemplate;
|
|
169
|
-
secondaryLabelTemplate(): import("lit-html").TemplateResult<1
|
|
170
|
-
helpTextTemplate(): import("lit-html").TemplateResult<1
|
|
171
|
-
messagesTemplate(): import("lit-html").TemplateResult<1
|
|
172
|
-
labelTemplate(): import("lit-html").TemplateResult<1
|
|
169
|
+
secondaryLabelTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
170
|
+
helpTextTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
171
|
+
messagesTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
172
|
+
labelTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
173
173
|
static get styles(): import("lit").CSSResult[];
|
|
174
174
|
render(): import("lit-html").TemplateResult<1>;
|
|
175
175
|
}
|
|
@@ -23,7 +23,7 @@ export declare namespace Radio {
|
|
|
23
23
|
private get inputAriaLabel();
|
|
24
24
|
static get styles(): import("lit").CSSResult[];
|
|
25
25
|
private get helpTextClassMap();
|
|
26
|
-
messagesTemplate(): import("lit-html").TemplateResult<1
|
|
26
|
+
messagesTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
27
27
|
render(): import("lit-html").TemplateResult<1>;
|
|
28
28
|
}
|
|
29
29
|
export {};
|
|
@@ -6,5 +6,5 @@ export declare const getChannelAvatar: (selected: boolean, status: string | null
|
|
|
6
6
|
export declare const renderTaskType: (mediaType: string, selected: boolean, status: string | null, iconSrc: string) => TemplateResult<1>;
|
|
7
7
|
export declare const renderStatus: (status: string) => TemplateResult<1>;
|
|
8
8
|
export declare const renderLegacyTaskType: (mediaType: string, selected: boolean, iconSrc: string) => TemplateResult<1>;
|
|
9
|
-
export declare const renderChatCount: (quantity: number, isRestyle: boolean, element: HTMLElement) => TemplateResult<1
|
|
9
|
+
export declare const renderChatCount: (quantity: number, isRestyle: boolean, element: HTMLElement) => typeof nothing | TemplateResult<1>;
|
|
10
10
|
export {};
|
|
@@ -3,7 +3,7 @@ import { LitElement, nothing, PropertyValues } from "lit";
|
|
|
3
3
|
export declare class ColorTableSandbox extends LitElement {
|
|
4
4
|
private colorTokenTableData;
|
|
5
5
|
firstUpdated(changedProperties: PropertyValues): void;
|
|
6
|
-
renderColorTable(): import("lit-html").TemplateResult<1
|
|
6
|
+
renderColorTable(): typeof nothing | import("lit-html").TemplateResult<1>;
|
|
7
7
|
static get styles(): import("lit").CSSResult[];
|
|
8
8
|
render(): import("lit-html").TemplateResult<1>;
|
|
9
9
|
}
|