@momentum-ui/web-components 2.14.9 → 2.14.10

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.
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[16],{30:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return i})),r.d(t,"menuOverlaySize",(function(){return w})),r.d(t,"menuOverlayPlacement",(function(){return x})),r.d(t,"menuOverlayRole",(function(){return L})),r.d(t,"MenuOverlay",(function(){return C}));var i,o=r(1),a=r(6),n=r(34),s=r(16),l=r(24),d=r.n(l),h=r(25),p=r.n(h),c=r(26),v=r.n(c),u=r(27),m=r.n(u),g=r(20),y=r(0),b=r(3),O=y.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{filter:drop-shadow(0 0 5px rgba(0, 0, 0, .16));height:0;visibility:hidden;width:0;z-index:-1}.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-arrow-bg-color,var(--md-tertiary-white-bg-color));bottom:-.875rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.875rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-top:solid 1rem transparent;left:-.875rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-top:solid 1rem transparent;right:-.875rem}`,E=function(e,t,r,i){var o,a=arguments.length,n=a<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 s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(t,r,n):o(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},f=function(e,t,r,i){return new(r||(r=Promise))((function(o,a){function n(e){try{l(i.next(e))}catch(e){a(e)}}function s(e){try{l(i.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,s)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(i||(i={}));const w=["small","large"],x=["left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"],L=["menu","dialog"];var C;!function(e){let t=class extends(Object(n.a)(y.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.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,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 o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,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=Object(s.b)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>f(this,void 0,void 0,(function*(){let r=!1;const i=t.composedPath();if((!i.length||(r=!!i.find(e=>e===this),r))&&this.overlayContainer&&t.code===o.b.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=>f(this,void 0,void 0,(function*(){switch(e.code){case o.b.Space:case o.b.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)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderOverflowY(){return this.isDatePicker?"overflow-y: visible;":"overflow-y: auto;"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${i.small};`:`width: ${i.large};`}getStyles(){return y.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[16],{30:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return i})),r.d(t,"menuOverlaySize",(function(){return w})),r.d(t,"menuOverlayPlacement",(function(){return x})),r.d(t,"menuOverlayRole",(function(){return L})),r.d(t,"MenuOverlay",(function(){return C}));var i,o=r(1),n=r(6),a=r(34),s=r(16),l=r(24),d=r.n(l),h=r(25),p=r.n(h),c=r(26),v=r.n(c),u=r(27),m=r.n(u),g=r(20),y=r(0),b=r(3),O=y.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{filter:drop-shadow(0 0 5px rgba(0, 0, 0, .16));height:0;visibility:hidden;width:0;z-index:-1}.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-arrow-bg-color,var(--md-tertiary-white-bg-color));bottom:-.875rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.875rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-top:solid 1rem transparent;left:-.875rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-top:solid 1rem transparent;right:-.875rem}`,E=function(e,t,r,i){var o,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,r,a):o(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},f=function(e,t,r,i){return new(r||(r=Promise))((function(o,n){function a(e){try{l(i.next(e))}catch(e){n(e)}}function s(e){try{l(i.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(i||(i={}));const w=["small","large"],x=["left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"],L=["menu","dialog"];var C;!function(e){let t=class extends(Object(a.a)(y.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.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,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 o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,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=Object(s.b)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>f(this,void 0,void 0,(function*(){let r=!1;const i=t.composedPath();if((!i.length||(r=!!i.find(e=>e===this),r))&&this.overlayContainer&&t.code===o.b.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=>f(this,void 0,void 0,(function*(){switch(e.code){case o.b.Space:case o.b.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)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderOverflowY(){return this.isDatePicker?"overflow-y: visible;":"overflow-y: auto;"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${i.small};`:`width: ${i.large};`}getStyles(){return y.html`
2
2
  <style>
3
3
  :host .md-menu-overlay .overlay-content {
4
4
  ${this.renderMaxHeight()};
@@ -6,7 +6,7 @@
6
6
  ${this.renderOverflowY()};
7
7
  }
8
8
  </style>
9
- `}connectedCallback(){super.connectedCallback(),this.handleIframeClick=this.handleIframeClick.bind(this),window.addEventListener("blur",this.handleIframeClick),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleIframeClick),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),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)}checkIsInputField(e){return!(!e||!e.tagName||"md-input"!==e.tagName.toLowerCase())}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return f(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.trigger&&(this.triggerElement=this.trigger[0],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.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0)}))}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)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}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=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>f(this,void 0,void 0,(function*(){this.isOpen&&(this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...g.defaultModifiers,p.a,v.a,m.a,d.a,{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(()=>{this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){this.setFocusOnTrigger(e)}handleIframeClick(){var e;"IFRAME"===(null===(e=document.activeElement)||void 0===e?void 0:e.tagName)&&this._isOpen&&(this.isOpen=!1)}static get styles(){return[O]}render(){return y.html`
9
+ `}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}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.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)}checkIsInputField(e){return!(!e||!e.tagName||"md-input"!==e.tagName.toLowerCase())}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return f(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.trigger&&(this.triggerElement=this.trigger[0],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.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0)}))}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)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}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=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>f(this,void 0,void 0,(function*(){this.isOpen&&(this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...g.defaultModifiers,p.a,v.a,m.a,d.a,{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(()=>{this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){this.setFocusOnTrigger(e)}handleWindowBlurEvent(){this._isOpen&&(this.isOpen=!1)}static get styles(){return[O]}render(){return y.html`
10
10
  ${this.getStyles()}
11
11
  <div class="md-menu-overlay">
12
12
  <slot name="menu-trigger" aria-expanded=${this.isOpen}></slot>
@@ -23,4 +23,4 @@
23
23
  </div>
24
24
  </div>
25
25
  </div>
26
- `}};t.activeOverlay=[],E([Object(y.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),E([Object(y.property)({type:String})],t.prototype,"size",void 0),E([Object(y.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),E([Object(y.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),E([Object(y.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),E([Object(y.property)({type:Boolean})],t.prototype,"disabled",void 0),E([Object(y.property)({type:String})],t.prototype,"placement",void 0),E([Object(y.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),E([Object(y.property)({type:String})],t.prototype,"ariaRole",void 0),E([Object(y.property)({type:String})],t.prototype,"ariaLabel",void 0),E([Object(y.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),E([Object(y.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),E([Object(y.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),E([Object(y.query)(".overlay-arrow")],t.prototype,"arrow",void 0),E([Object(y.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=E([Object(a.a)("md-menu-overlay")],t),e.ELEMENT=t}(C||(C={}))}}]);
26
+ `}};t.activeOverlay=[],E([Object(y.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),E([Object(y.property)({type:String})],t.prototype,"size",void 0),E([Object(y.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),E([Object(y.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),E([Object(y.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),E([Object(y.property)({type:Boolean})],t.prototype,"disabled",void 0),E([Object(y.property)({type:String})],t.prototype,"placement",void 0),E([Object(y.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),E([Object(y.property)({type:String})],t.prototype,"ariaRole",void 0),E([Object(y.property)({type:String})],t.prototype,"ariaLabel",void 0),E([Object(y.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),E([Object(y.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),E([Object(y.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),E([Object(y.query)(".overlay-arrow")],t.prototype,"arrow",void 0),E([Object(y.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=E([Object(n.a)("md-menu-overlay")],t),e.ELEMENT=t}(C||(C={}))}}]);
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[21],{40:function(e,t,o){"use strict";o.r(t),o.d(t,"tooltipPlacement",(function(){return c})),o.d(t,"tooltipStrategy",(function(){return h})),o.d(t,"Tooltip",(function(){return u}));var n=o(1),s=o(7),i=o(6),p=o(5),l=o(0),r=o(4),a=o(60),d=function(e,t,o,n){var s,i=arguments.length,p=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(p=(i<3?s(p):i>3?s(t,o,p):s(t,o))||p);return i>3&&p&&Object.defineProperty(t,o,p),p};const c=["auto","auto-start","auto-end","left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"],h=["fixed","absolute"];var u;!function(e){let t=class extends(Object(s.a)(l.LitElement)){constructor(){super(...arguments),this.message="",this.placement="auto",this.disabled=!1,this.opened=!1,this.slotContent=null,this._keyDownListener=e=>{this.handleKeyDown(e)},this._wheelListener=e=>{this.opened&&this.notifyTooltipDestroy()}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._keyDownListener),window.addEventListener("wheel",this._wheelListener,{passive:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._keyDownListener),window.removeEventListener("wheel",this._wheelListener)}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.notifyTooltipCreate()}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.notifyTooltipDestroy()}openTooltip(){this.dispatchEvent(new CustomEvent("tooltip-create",{bubbles:!0,composed:!0,detail:Object.assign({placement:this.placement,reference:this.reference,popper:this.popper},!this.message&&{slotContent:this.slotContent})}))}closeTooltip(){this.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeMessage(){this.dispatchEvent(new CustomEvent("tooltip-message",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeSlotContent(e){this.dispatchEvent(new CustomEvent("tooltip-slot",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper,slotContent:e}}))}notifyTooltipCreate(){this.disabled||(this.opened=!0)}notifyTooltipDestroy(){this.disabled||(this.opened=!1)}handleKeyDown(e){e.code===n.b.Escape&&this.notifyTooltipDestroy()}handleSlotContentChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent&&this.changeSlotContent(e),this.slotContent=e)}}updated(e){super.updated(e),e.has("opened")&&(this.opened?this.openTooltip():this.closeTooltip()),e.has("message")&&this.changeMessage()}get tooltipClassMap(){return{"md-tooltip--disabled":this.disabled}}render(){return l.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[21],{40:function(e,t,o){"use strict";o.r(t),o.d(t,"tooltipPlacement",(function(){return d})),o.d(t,"tooltipStrategy",(function(){return h})),o.d(t,"Tooltip",(function(){return u}));var n=o(1),s=o(7),i=o(6),p=o(5),l=o(0),r=o(4),a=o(60),c=function(e,t,o,n){var s,i=arguments.length,p=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(p=(i<3?s(p):i>3?s(t,o,p):s(t,o))||p);return i>3&&p&&Object.defineProperty(t,o,p),p};const d=["auto","auto-start","auto-end","left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"],h=["fixed","absolute"];var u;!function(e){let t=class extends(Object(s.a)(l.LitElement)){constructor(){super(...arguments),this.message="",this.placement="auto",this.disabled=!1,this.opened=!1,this.slotContent=null,this._keyDownListener=e=>{this.handleKeyDown(e)},this._wheelListener=e=>{this.opened&&this.notifyTooltipDestroy()}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._keyDownListener),window.addEventListener("wheel",this._wheelListener,{passive:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._keyDownListener),window.removeEventListener("wheel",this._wheelListener)}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.notifyTooltipCreate()}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.notifyTooltipDestroy()}openTooltip(){this.dispatchEvent(new CustomEvent("tooltip-create",{bubbles:!0,composed:!0,detail:Object.assign({placement:this.placement,reference:this.reference,popper:this.popper},!this.message&&{slotContent:this.slotContent})}))}closeTooltip(){this.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeMessage(){this.dispatchEvent(new CustomEvent("tooltip-message",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeSlotContent(e){this.dispatchEvent(new CustomEvent("tooltip-slot",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper,slotContent:e}}))}notifyTooltipCreate(){this.disabled||(this.opened=!0)}notifyTooltipDestroy(){this.disabled||(this.opened=!1)}handleKeyDown(e){e.code===n.b.Escape&&this.notifyTooltipDestroy()}handleSlotContentChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent&&this.changeSlotContent(e),this.slotContent=e)}}updated(e){super.updated(e),e.has("opened")&&(this.opened?this.openTooltip():this.closeTooltip()),e.has("message")&&this.changeMessage()}get tooltipClassMap(){return{"md-tooltip--disabled":this.disabled}}render(){return l.html`
2
2
  <div class="md-tooltip ${Object(r.classMap)(this.tooltipClassMap)}">
3
3
  <div class="md-tooltip__popper" role="tooltip" part="tooltip-popper">
4
4
  <div id="md-tooltip__content" class="md-tooltip__content" part="tooltip-content">
@@ -11,6 +11,7 @@
11
11
  part="tooltip_reference"
12
12
  @mouseenter=${()=>this.notifyTooltipCreate()}
13
13
  @mouseleave=${()=>this.notifyTooltipDestroy()}
14
+ @click=${()=>this.notifyTooltipDestroy()}
14
15
  @focusin=${e=>this.handleFocusIn(e)}
15
16
  @focusout=${e=>this.handleFocusOut(e)}
16
17
  @keydown=${e=>this.handleKeyDown(e)}
@@ -19,4 +20,4 @@
19
20
  <slot></slot>
20
21
  </div>
21
22
  </div>
22
- `}static get styles(){return[p.a,a.a]}};d([Object(l.property)({type:String})],t.prototype,"message",void 0),d([Object(l.property)({type:String,reflect:!0})],t.prototype,"placement",void 0),d([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),d([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"opened",void 0),d([Object(l.query)(".md-tooltip__popper")],t.prototype,"popper",void 0),d([Object(l.query)(".md-tooltip__reference")],t.prototype,"reference",void 0),t=d([Object(i.a)("md-tooltip")],t),e.ELEMENT=t}(u||(u={}))}}]);
23
+ `}static get styles(){return[p.a,a.a]}};c([Object(l.property)({type:String})],t.prototype,"message",void 0),c([Object(l.property)({type:String,reflect:!0})],t.prototype,"placement",void 0),c([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),c([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"opened",void 0),c([Object(l.query)(".md-tooltip__popper")],t.prototype,"popper",void 0),c([Object(l.query)(".md-tooltip__reference")],t.prototype,"reference",void 0),t=c([Object(i.a)("md-tooltip")],t),e.ELEMENT=t}(u||(u={}))}}]);
@@ -15,7 +15,7 @@
15
15
  ${this.renderHead()} ${this.renderBody()}
16
16
  </table>
17
17
  </div>
18
- `}renderHead(){let e=d.nothing;const t=this.COLS.reduce((e,t)=>!!t.group||e,!1);if(t){let t="";e=l.html`
18
+ `}ariaSortOrder(e){return"ascending"===e||"descending"===e?e:"none"}renderHead(){let e=d.nothing;const t=this.COLS.reduce((e,t)=>!!t.group||e,!1);if(t){let t="";e=l.html`
19
19
  ${this.COLS.map(e=>e.group?t!=e.group.name?(t=e.group.name,l.html` <colgroup span=${e.group.length}></colgroup> `):void 0:l.html` <col /> `)}
20
20
  <tr tabindex="0">
21
21
  ${this.COLS.map(e=>e.group?t!=e.group.name?(t=e.group.name,l.html`
@@ -41,7 +41,7 @@
41
41
  width=${Object(s.ifDefined)(e.width?e.width:e.options.width)}
42
42
  scope="col"
43
43
  part="head-col"
44
- aria-sort=${e.sort}
44
+ aria-sort=${this.ariaSortOrder(e.sort)}
45
45
  title="${e.options.title}"
46
46
  class=${"col-index-"+e.index}
47
47
  >
@@ -68,7 +68,7 @@ export declare namespace MenuOverlay {
68
68
  private focusInsideOverlay;
69
69
  private focusOnNestedTrigger;
70
70
  handleOutsideOverlayClick: (event: MouseEvent) => void;
71
- handleIframeClick(): void;
71
+ handleWindowBlurEvent(): void;
72
72
  static get styles(): import("lit-element").CSSResult[];
73
73
  render(): import("lit-element").TemplateResult;
74
74
  }
@@ -64,6 +64,7 @@ export declare namespace TableAdvanced {
64
64
  private eX;
65
65
  private onResize;
66
66
  render(): TemplateResult;
67
+ private ariaSortOrder;
67
68
  private renderHead;
68
69
  sortIconTemplate(sortOrder: SortOrder): TemplateResult | typeof nothing;
69
70
  private renderCol;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@momentum-ui/web-components",
3
- "version": "2.14.9",
3
+ "version": "2.14.10",
4
4
  "author": "Yana Harris",
5
5
  "license": "MIT",
6
6
  "repository": "https://github.com/momentum-design/momentum-ui.git",