@momentum-ui/web-components 3.0.0-alpha.6 → 3.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1323.js +8 -11
- package/dist/comp/md-menu-overlay-entry.js +7 -10
- package/dist/index-entry.js +25 -28
- 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/menu-overlay/MenuOverlay.d.ts +4 -6
- 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/1323.js
CHANGED
|
@@ -1,21 +1,18 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1323],{11323:(e,t,i)=>{var r,s,n=i(90195),o=i(31890),a=i(28373),l=i(66677),h=i(22962),
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
${this.renderOverflowY()};
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1323],{11323:(e,t,i)=>{var r,s,n=i(90195),o=i(31890),a=i(28373),l=i(66677),h=i(22962),p=i.n(h),d=i(84157),v=i.n(d),u=i(68250),c=i.n(u),g=i(69371),m=i.n(g),y=i(4863),E=i(87161),O=i(70429),f=i(20291),w=i(47819),b=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o},L=function(e,t,i,r){return new(i||(i=Promise))(function(s,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function a(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(o,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={})),function(e){let t=class extends((0,a.d)(E.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const s=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==s&&(e.ELEMENT.activeOverlay.splice(s,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>L(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==n.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>L(this,void 0,void 0,function*(){switch(e.code){case n.Uz.Space:case n.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[w.A,E.css`
|
|
2
|
+
.md-menu-overlay .overlay-content {
|
|
3
|
+
max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
|
|
4
|
+
width: var(--md-menu-overlay-width, 370px);
|
|
5
|
+
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
7
6
|
}
|
|
8
|
-
|
|
9
|
-
`}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.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","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),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):(this.dispatchMenuClose(),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded()))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,m.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>L(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...m.defaultModifiers,v(),g(),y(),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:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[f.A]}render(){return E.html`
|
|
10
|
-
${this.getStyles()}
|
|
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.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>L(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),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:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return E.html`
|
|
11
8
|
<div class="md-menu-overlay">
|
|
12
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
13
10
|
<div
|
|
14
11
|
part="overlay"
|
|
15
12
|
class="overlay-container"
|
|
16
13
|
role=${this.ariaRole}
|
|
17
|
-
aria-modal=${(0,
|
|
18
|
-
aria-label=${(0,
|
|
14
|
+
aria-modal=${(0,f.ifDefined)("dialog"===this.ariaRole?"true":void 0)}
|
|
15
|
+
aria-label=${(0,f.ifDefined)(this.ariaLabel||void 0)}
|
|
19
16
|
>
|
|
20
17
|
<div id="arrow" class="overlay-arrow" data-popper-arrow></div>
|
|
21
18
|
<div class="overlay-content" part="overlay-content">
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),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","lit/decorators.js","@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"),require("lit/decorators.js"),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,e["lit/decorators.js"],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={4863:e=>{e.exports=n},11323:(e,t,i)=>{i.r(t),i.d(t,{MenuOverlay:()=>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
${this.renderOverflowY()};
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),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","lit/decorators.js","@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"),require("lit/decorators.js"),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,e["lit/decorators.js"],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={4863:e=>{e.exports=n},11323:(e,t,i)=>{i.r(t),i.d(t,{MenuOverlay:()=>j,OverlaySizes:()=>r,menuOverlayPlacement:()=>T,menuOverlayRole:()=>C,menuOverlaySize:()=>L});var r,o=i(35211),s=i(90195),n=i(31890),a=i(28373),l=i(66677),p=i(22962),d=i.n(p),h=i(84157),v=i.n(h),u=i(68250),c=i.n(u),g=i(69371),m=i.n(g),y=i(4863),f=i(87161),E=i(70429),O=i(20291),b=i(47819),w=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},x=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function a(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={}));const L=["small","large"],T=o.W,C=["menu","dialog"];var j;!function(e){let t=class extends((0,a.d)(f.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this.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
|
+
.md-menu-overlay .overlay-content {
|
|
3
|
+
max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
|
|
4
|
+
width: var(--md-menu-overlay-width, 370px);
|
|
5
|
+
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
7
6
|
}
|
|
8
|
-
|
|
9
|
-
`}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.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","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),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):(this.dispatchMenuClose(),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded()))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[b.A]}render(){return f.html`
|
|
10
|
-
${this.getStyles()}
|
|
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.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return f.html`
|
|
11
8
|
<div class="md-menu-overlay">
|
|
12
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
13
10
|
<div
|
|
@@ -23,4 +20,4 @@
|
|
|
23
20
|
</div>
|
|
24
21
|
</div>
|
|
25
22
|
</div>
|
|
26
|
-
`}};t.activeOverlay=[],w([(0,E.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),w([(0,E.property)({type:String})],t.prototype,"size",void 0),w([(0,E.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),w([(0,E.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),w([(0,E.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),w([(0,E.property)({type:Boolean})],t.prototype,"disabled",void 0),w([(0,E.property)({type:String})],t.prototype,"placement",void 0),w([(0,E.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),w([(0,E.property)({type:String})],t.prototype,"ariaRole",void 0),w([(0,E.property)({type:String})],t.prototype,"ariaLabel",void 0),w([(0,E.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),w([(0,E.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),w([(0,E.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),w([(0,E.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),w([(0,E.query)(".overlay-arrow")],t.prototype,"arrow",void 0),w([(0,E.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),w([(0,E.queryAssignedNodes)({slot:"menu-trigger",flatten:!0})],t.prototype,"trigger",void 0),t=w([(0,n.w)("md-menu-overlay")],t),e.ELEMENT=t}(
|
|
23
|
+
`}};t.activeOverlay=[],w([(0,E.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),w([(0,E.property)({type:String})],t.prototype,"size",void 0),w([(0,E.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),w([(0,E.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),w([(0,E.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),w([(0,E.property)({type:Boolean})],t.prototype,"disabled",void 0),w([(0,E.property)({type:String})],t.prototype,"placement",void 0),w([(0,E.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),w([(0,E.property)({type:String})],t.prototype,"ariaRole",void 0),w([(0,E.property)({type:String})],t.prototype,"ariaLabel",void 0),w([(0,E.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),w([(0,E.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),w([(0,E.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),w([(0,E.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),w([(0,E.query)(".overlay-arrow")],t.prototype,"arrow",void 0),w([(0,E.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),w([(0,E.queryAssignedNodes)({slot:"menu-trigger",flatten:!0})],t.prototype,"trigger",void 0),t=w([(0,n.w)("md-menu-overlay")],t),e.ELEMENT=t}(j||(j={}))},20291:e=>{e.exports=a},22962:e=>{e.exports=i},68250:e=>{e.exports=o},69371:e=>{e.exports=s},70429:e=>{e.exports=t},84157:e=>{e.exports=r},87161:t=>{t.exports=e}},d={};function h(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return p[e](i,i.exports,h),i.exports}h.m=p,l=[],h.O=(e,t,i,r)=>{if(!t){var o=1/0;for(p=0;p<l.length;p++){for(var[t,i,r]=l[p],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(h.O).every(e=>h.O[e](t[n]))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){l.splice(p--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var p=l.length;p>0&&l[p-1][2]>r;p--)l[p]=l[p-1];l[p]=[t,i,r]},h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var i in t)h.o(t,i)&&!h.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1323:0,1682:0};h.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,a]=i,l=0;if(s.some(t=>0!==e[t])){for(r in n)h.o(n,r)&&(h.m[r]=n[r]);if(a)var p=a(h)}for(t&&t(i);l<s.length;l++)o=s[l],h.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return h.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var v=h.O(void 0,[1890,2576,6677,8210,1270,3135,7819,5211],()=>h(11323));return h.O(v)})());
|