@momentum-ui/web-components 2.25.3 → 2.25.5

package/dist/2555.js

@@ -52,7 +52,7 @@
             size="20"
             circle
             ariaLabel=${(0,h.ifDefined)(this.closeButtonAriaLabel)||""}
-            @button-click="${this.hidePopover}"
+            @button-click=${this.hidePopover}
           >
             <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
           </md-button>`:a.nothing}

package/dist/3192.js

@@ -1,8 +1,8 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[3192],{83192:(e,t,o)=>{var s,n=o(90195),i=o(3001),l=o(31890),p=o(66677),r=o(26272),d=o(41488),a=o(23968),c=o(77251),h=function(e,t,o,s){var n,i=arguments.length,l=i<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,s);else for(var p=e.length-1;p>=0;p--)(n=e[p])&&(l=(i<3?n(l):i>3?n(t,o,l):n(t,o))||l);return i>3&&l&&Object.defineProperty(t,o,l),l};!function(e){let t=class extends((0,i.UM)((0,i.yC)(d.LitElement))){constructor(){super(...arguments),this.message="",this.placement="auto",this.disabled=!1,this.opened=!1,this.slotToTooltip=!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(){this.notifyTooltipDisconnected(),super.disconnectedCallback(),document.removeEventListener("keydown",this._keyDownListener),window.removeEventListener("wheel",this._wheelListener)}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),(0,p.sg)(()=>{this.slotToTooltip&&(this.disabled=this.reference&&!this.isContentTruncated(this.reference))},100)()}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})}))}notifyTooltipDisconnected(){document.dispatchEvent(new CustomEvent("tooltip-disconnected",{bubbles:!0,composed:!0,detail:{}}))}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.Uz.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(),e.has("disabled")&&this.opened&&(this.opened=!1)}handleSlotChanged(e){const t=e.target;if(this.slotToTooltip&&t){const e=t.assignedNodes({flatten:!0}).map(e=>e.textContent).join(" ").trim();this.message=e,this.disabled=this.reference&&!this.isContentTruncated(this.reference)}}isContentTruncated(e){return e.scrollWidth>e.clientWidth}get tooltipClassMap(){return{"md-tooltip--disabled":this.disabled}}render(){return d.html`
-        <div class="md-tooltip ${(0,a.classMap)(this.tooltipClassMap)}">
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[3192],{83192:(e,t,o)=>{var s,n=o(90195),i=o(3001),l=o(31890),p=o(66677),r=o(26272),a=o(41488),d=o(23968),h=o(77251),c=function(e,t,o,s){var n,i=arguments.length,l=i<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,s);else for(var p=e.length-1;p>=0;p--)(n=e[p])&&(l=(i<3?n(l):i>3?n(t,o,l):n(t,o))||l);return i>3&&l&&Object.defineProperty(t,o,l),l};!function(e){let t=class extends((0,i.UM)((0,i.yC)(a.LitElement))){constructor(){super(...arguments),this.message="",this.placement="auto",this.disabled=!1,this.opened=!1,this.slotToTooltip=!1,this.slotContent=null,this._keyDownListener=e=>{this.handleKeyDown(e)},this._wheelListener=e=>{this.opened&&this.notifyTooltipDestroy()}}hasMessage(){return this.message&&this.message.trim().length>0}hasSlotContent(){return this.slotContent&&this.slotContent.length>0}get hasTooltipContent(){return this.hasMessage()||this.hasSlotContent()}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._keyDownListener),window.addEventListener("wheel",this._wheelListener,{passive:!0})}disconnectedCallback(){this.notifyTooltipDisconnected(),super.disconnectedCallback(),document.removeEventListener("keydown",this._keyDownListener),window.removeEventListener("wheel",this._wheelListener)}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),(0,p.sg)(()=>{this.slotToTooltip&&(this.disabled=this.reference&&!this.isContentTruncated(this.reference))},100)()}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})}))}notifyTooltipDisconnected(){document.dispatchEvent(new CustomEvent("tooltip-disconnected",{bubbles:!0,composed:!0,detail:{}}))}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.hasTooltipContent&&(this.opened=!0)}notifyTooltipDestroy(){this.disabled||(this.opened=!1)}handleKeyDown(e){e.code===n.Uz.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(),e.has("disabled")&&this.opened&&(this.opened=!1)}handleSlotChanged(e){const t=e.target;if(this.slotToTooltip&&t){const e=t.assignedNodes({flatten:!0}).map(e=>e.textContent).join(" ").trim();this.message=e,this.disabled=this.reference&&!this.isContentTruncated(this.reference)}}isContentTruncated(e){return e.scrollWidth>e.clientWidth}get tooltipClassMap(){return{"md-tooltip--disabled":this.disabled}}render(){return a.html`
+        <div class="md-tooltip ${(0,d.classMap)(this.tooltipClassMap)}">
           <div class="md-tooltip__popper" role="tooltip" part="tooltip-popper">
             <div id="md-tooltip__content" class="md-tooltip__content" part="tooltip-content">
-              ${this.message||d.html` <slot name="tooltip-content" @slotchange=${this.handleSlotContentChange}></slot> `}
+              ${this.message||a.html` <slot name="tooltip-content" @slotchange=${this.handleSlotContentChange}></slot> `}
             </div>
             <div id="arrow" class="md-tooltip__arrow" data-popper-arrow></div>
           </div>
@@ -19,4 +19,4 @@
             <slot @slotchange=${this.handleSlotChanged}></slot>
           </div>
         </div>
-      `}static get styles(){return[r.A,c.A]}};h([(0,d.property)({type:String})],t.prototype,"message",void 0),h([(0,d.property)({type:String,reflect:!0})],t.prototype,"placement",void 0),h([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),h([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"opened",void 0),h([(0,d.property)({type:Boolean,reflect:!0,attribute:"slot-to-tooltip"})],t.prototype,"slotToTooltip",void 0),h([(0,d.query)(".md-tooltip__popper")],t.prototype,"popper",void 0),h([(0,d.query)(".md-tooltip__reference")],t.prototype,"reference",void 0),t=h([(0,l.w)("md-tooltip")],t),e.ELEMENT=t}(s||(s={}))}}]);
+      `}static get styles(){return[r.A,h.A]}};c([(0,a.property)({type:String})],t.prototype,"message",void 0),c([(0,a.property)({type:String,reflect:!0})],t.prototype,"placement",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"opened",void 0),c([(0,a.property)({type:Boolean,reflect:!0,attribute:"slot-to-tooltip"})],t.prototype,"slotToTooltip",void 0),c([(0,a.query)(".md-tooltip__popper")],t.prototype,"popper",void 0),c([(0,a.query)(".md-tooltip__reference")],t.prototype,"reference",void 0),t=c([(0,l.w)("md-tooltip")],t),e.ELEMENT=t}(s||(s={}))}}]);