@momentum-ui/web-components 3.0.0-alpha.2 → 3.0.0-alpha.4

package/dist/1200.js

@@ -1,4 +1,4 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1200],{61200:(t,e,i)=>{i(96798);var o,n=i(31890),s=i(4313),r=i(32022),c=i.n(r),a=i(60554),h=i.n(a),l=i(87161),p=i(70429),d=i(85125),u=i(20291),m=i(10318),g=i(57955),v=i(24480),y=i(81786),S=i(9223),b=function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};!function(t){var e;let i=e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,n=function*(){var e,i;if(this.isSvgAlreadyLoaded(t))return;const o="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,S.Jp)(this.computedSvgPath,t,"svg"):yield(0,S.D6)(t);o&&(this.svgIcon=o,null===(e=this.svgIcon)||void 0===e||e.setAttribute("class",`icon ${t}`),null===(i=this.svgIcon)||void 0===i||i.setAttribute("part","icon"),this.setSvgIconAttributes(),this.requestUpdate())},new((o=void 0)||(o=Promise))(function(t,s){function r(t){try{a(n.next(t))}catch(t){s(t)}}function c(t){try{a(n.throw(t))}catch(t){s(t)}}function a(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o(function(t){t(i)})).then(r,c)}a((n=n.apply(e,i||[])).next())});var e,i,o,n}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:y.O.svgIconUrl}getIsMomentumDesignName(t){return t.endsWith("-filled")||t.endsWith("-light")||t.endsWith("-regular")||t.endsWith("-bold")}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;if("preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name))return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:h()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):"preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name)?"":c().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[s.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return l.html`
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1200],{61200:(t,e,i)=>{i(96798);var o,n=i(31890),s=i(4313),r=i(32022),c=i.n(r),a=i(60554),h=i.n(a),l=i(87161),p=i(70429),d=i(85125),u=i(20291),m=i(10318),g=i(57955),v=i(24480),y=i(81786),S=i(9223),b=function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};!function(t){var e;let i=e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,n=function*(){var e,i;if(this.isSvgAlreadyLoaded(t))return;const o="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,S.Jp)(this.computedSvgPath,t,"svg"):yield(0,S.D6)(t);o&&(this.svgIcon=o,null===(e=this.svgIcon)||void 0===e||e.setAttribute("class",`icon ${t}`),null===(i=this.svgIcon)||void 0===i||i.setAttribute("part","icon"),this.setSvgIconAttributes())},new((o=void 0)||(o=Promise))(function(t,s){function r(t){try{a(n.next(t))}catch(t){s(t)}}function c(t){try{a(n.throw(t))}catch(t){s(t)}}function a(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o(function(t){t(i)})).then(r,c)}a((n=n.apply(e,i||[])).next())});var e,i,o,n}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:y.O.svgIconUrl}getIsMomentumDesignName(t){return t.endsWith("-filled")||t.endsWith("-light")||t.endsWith("-regular")||t.endsWith("-bold")}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;if("preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name))return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:h()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):"preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name)?"":c().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[s.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return l.html`
         <i
           part="icon"
           id=${this.id}

package/dist/1323.js

@@ -9,7 +9,7 @@
       `}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`
         ${this.getStyles()}
         <div class="md-menu-overlay">
-          <slot @slotchange="${this.handleTriggerSlotChange}" name="menu-trigger"></slot>
+          <slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
           <div
             part="overlay"
             class="overlay-container"

package/dist/2555.js

@@ -1,4 +1,4 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1439,2555,3820,6677,9058],{63208:(e,t,i)=>{i(17814),i(61200);var r,o=i(31890),s=i(81625),n=i(4313),l=i(87161),a=i(70429),h=i(34363),d=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 l=e.length-1;l>=0;l--)(o=e[l])&&(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};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.datePickerProps=void 0,this.shortDay=!1,this.viewAnchorDate=(0,s.tB)(),this.localeMonth=void 0,this.setDate=(e,t)=>{this.viewAnchorDate=e,null==t||t()},this.increaseMonth=e=>{const{handleMonthChange:t}=this,{viewAnchorDate:i}=this;this.setDate((0,s.PS)(i,1),()=>t&&t(e,this.viewAnchorDate))},this.decreaseMonth=e=>{const{handleMonthChange:t}=this,{viewAnchorDate:i}=this;this.setDate((0,s.SL)(i,1),()=>t&&t(e,this.viewAnchorDate))},this.renderMonthName=()=>l.html` <div class="md-datepicker__navigation--current-month" aria-live="polite">${this.localeMonth}</div> `,this.renderPreviousMonthButton=()=>{var e,t;const i=(null===(e=this.filterParams)||void 0===e?void 0:e.minDate)&&(0,s.PD)(this.viewAnchorDate,null===(t=this.filterParams)||void 0===t?void 0:t.minDate);return l.html`
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1439,2555,3820,6677,9058],{63208:(e,t,i)=>{i(17814),i(61200);var o,r=i(31890),s=i(81625),n=i(4313),l=i(87161),a=i(70429),h=i(34363),c=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.datePickerProps=void 0,this.shortDay=!1,this.viewAnchorDate=(0,s.tB)(),this.localeMonth=void 0,this.setDate=(e,t)=>{this.viewAnchorDate=e,null==t||t()},this.increaseMonth=e=>{const{handleMonthChange:t}=this,{viewAnchorDate:i}=this;this.setDate((0,s.PS)(i,1),()=>t&&t(e,this.viewAnchorDate))},this.decreaseMonth=e=>{const{handleMonthChange:t}=this,{viewAnchorDate:i}=this;this.setDate((0,s.SL)(i,1),()=>t&&t(e,this.viewAnchorDate))},this.renderMonthName=()=>l.html` <div class="md-datepicker__navigation--current-month" aria-live="polite">${this.localeMonth}</div> `,this.renderPreviousMonthButton=()=>{var e,t;const i=(null===(e=this.filterParams)||void 0===e?void 0:e.minDate)&&(0,s.PD)(this.viewAnchorDate,null===(t=this.filterParams)||void 0===t?void 0:t.minDate);return l.html`
         <md-button
           variant="ghost"
           circle
@@ -25,7 +25,7 @@
           tabindex="-1"
           ><md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
         </md-button>
-      `},this.header=()=>{var e;const t=(0,s.mK)(this.viewAnchorDate,null===(e=this.datePickerProps)||void 0===e?void 0:e.weekStart);return[].concat([0,1,2,3,4,5,6].map(e=>{var i;const r=(0,s.fi)((0,s.WV)(t,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en"),e),o=(0,s.XN)(r),n=this.getWeekDayName(o,r);return l.html` <div class="md-datepicker__day--name">${n}</div> `}))},this.renderMonth=()=>l.html`
+      `},this.header=()=>{var e;const t=(0,s.mK)(this.viewAnchorDate,null===(e=this.datePickerProps)||void 0===e?void 0:e.weekStart);return[].concat([0,1,2,3,4,5,6].map(e=>{var i;const o=(0,s.fi)((0,s.WV)(t,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en"),e),r=(0,s.XN)(o),n=this.getWeekDayName(r,o);return l.html` <div class="md-datepicker__day--name">${n}</div> `}))},this.renderMonth=()=>l.html`
         <div class="md-datepicker__month-container">
           <div class="md-datepicker__header">
             <div class="md-datepicker__navigation">
@@ -42,17 +42,17 @@
             .datePickerProps=${this.datePickerProps}
           ></md-datepicker-month>
         </div>
-      `}connectedCallback(){var e,t,i;super.connectedCallback(),this.viewAnchorDate=(null===(e=this.datePickerProps)||void 0===e?void 0:e.focused)||(null===(t=this.datePickerProps)||void 0===t?void 0:t.selected)||(0,s.tB)(),this.localeMonth=(0,s.WV)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)}updated(e){var t,i,r,o,n;super.updated(e),e.has("datePickerProps")&&(null===(null===(t=this.datePickerProps)||void 0===t?void 0:t.selected.invalidReason)&&(this.viewAnchorDate=this.datePickerProps.selected||(0,s.tB)()),this.localeMonth=((null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)?(0,s.WV)(this.viewAnchorDate,null===(r=this.datePickerProps)||void 0===r?void 0:r.locale):this.viewAnchorDate).toFormat(this.monthFormat)),e.has("viewAnchorDate")&&(this.localeMonth=((null===(o=this.datePickerProps)||void 0===o?void 0:o.locale)?(0,s.WV)(this.viewAnchorDate,null===(n=this.datePickerProps)||void 0===n?void 0:n.locale):this.viewAnchorDate).toFormat(this.monthFormat))}getWeekDayName(e,t){return this.shortDay?(0,s.XY)(e,t):(0,s.DY)(e,t)}static get styles(){return[n.A,h.A]}render(){return l.html`
+      `}connectedCallback(){var e,t,i;super.connectedCallback(),this.viewAnchorDate=(null===(e=this.datePickerProps)||void 0===e?void 0:e.focused)||(null===(t=this.datePickerProps)||void 0===t?void 0:t.selected)||(0,s.tB)(),this.localeMonth=(0,s.WV)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)}updated(e){var t,i,o,r,n;super.updated(e),e.has("datePickerProps")&&(null===(null===(t=this.datePickerProps)||void 0===t?void 0:t.selected.invalidReason)&&(this.viewAnchorDate=this.datePickerProps.selected||(0,s.tB)()),this.localeMonth=((null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)?(0,s.WV)(this.viewAnchorDate,null===(o=this.datePickerProps)||void 0===o?void 0:o.locale):this.viewAnchorDate).toFormat(this.monthFormat)),e.has("viewAnchorDate")&&(this.localeMonth=((null===(r=this.datePickerProps)||void 0===r?void 0:r.locale)?(0,s.WV)(this.viewAnchorDate,null===(n=this.datePickerProps)||void 0===n?void 0:n.locale):this.viewAnchorDate).toFormat(this.monthFormat))}getWeekDayName(e,t){return this.shortDay?(0,s.XY)(e,t):(0,s.DY)(e,t)}static get styles(){return[n.A,h.A]}render(){return l.html`
         <div class="md-datepicker__calendar" id="Datepicker-Calendar">${this.viewAnchorDate&&this.renderMonth()}</div>
-      `}};d([(0,a.property)({attribute:!1})],t.prototype,"monthFormat",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"filterParams",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"handleMonthChange",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),d([(0,a.property)({type:Boolean,reflect:!0,attribute:"short-day"})],t.prototype,"shortDay",void 0),d([(0,a.state)()],t.prototype,"viewAnchorDate",void 0),d([(0,a.state)()],t.prototype,"localeMonth",void 0),t=d([(0,o.w)("md-datepicker-calendar")],t),e.ELEMENT=t}(r||(r={}))},66677:(e,t,i)=>{function r(e,t,i){let r;return function(...o){const s=this,n=i&&!r;clearTimeout(r),r=setTimeout(function(){r=null,i||e.apply(s,o)},t),n&&e.apply(s,o)}}function o(e,t){return function t(i){if(!i||i===document||i===window)return null;const r=i.closest(e);return null!=r?r:t(i.getRootNode().host)}(t)}function s(e,t=document){var i;const r=t instanceof ShadowRoot||t instanceof Document?t.querySelector(e):null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector(e);if(r)return r;const o=Array.from(t.querySelectorAll("*")).map(e=>{var t;return null!==(t=e.shadowRoot)&&void 0!==t?t:null}).filter(e=>null!==e);for(const t of o){const i=s(e,t);if(i)return i}return null}function n(e,t=document){if(t instanceof ShadowRoot||t instanceof Document){const i=t.getElementById(e);if(i)return i}const i=Array.from(t.querySelectorAll("*")).map(e=>{var t;return null!==(t=e.shadowRoot)&&void 0!==t?t:null}).filter(e=>null!==e);for(const t of i){const i=n(e,t);if(i)return i}return null}function l(){var e;let t=document.activeElement;for(;null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement;)t=t.shadowRoot.activeElement;return t}i.d(t,{QZ:()=>o,XI:()=>n,dw:()=>l,qi:()=>s,sg:()=>r})},71128:(e,t,i)=>{i.d(t,{PopoverController:()=>y}),i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),h=i(20291),d=i(68419),c=i(36365),p=i(3998),u=i(33759),v=i(86210),m=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 l=e.length-1;l>=0;l--)(o=e[l])&&(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},g=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((r=r.apply(e,t||[])).next())})};class y{show(e){}hide(){}toggle(){}isVisible(){return!1}}let f=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=d.zY.TRIGGER,this.placement=d.zY.PLACEMENT,this.strategy=d.zY.STRATEGY,this.color=d.zY.COLOR,this.visible=d.zY.VISIBLE,this.offset=d.zY.OFFSET,this.focusTrap=d.zY.FOCUS_TRAP,this.preventScroll=d.zY.PREVENT_SCROLL,this.showArrow=d.zY.ARROW,this.closeButton=d.zY.CLOSE_BUTTON,this.interactive=d.zY.INTERACTIVE,this.delay=d.zY.DELAY,this.hideOnEscape=d.zY.HIDE_ON_ESCAPE,this.hideOnBlur=d.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=d.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=d.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=d.zY.FOCUS_BACK,this.backdrop=d.zY.BACKDROP,this.flip=d.zY.FLIP,this.size=d.zY.SIZE,this.zIndex=d.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=d.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=d.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=d.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||p.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{p.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return g(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,c.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return g(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),c.T.onDestroyedPopover(this),p.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return g(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(d.ME).includes(this.placement)?this.placement:d.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(d.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:d.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(d.o$).includes(this.color)?this.color:d.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return g(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)p.S.peek()!==this&&p.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),p.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,c.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return g(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>g(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
+      `}};c([(0,a.property)({attribute:!1})],t.prototype,"monthFormat",void 0),c([(0,a.property)({attribute:!1})],t.prototype,"filterParams",void 0),c([(0,a.property)({attribute:!1})],t.prototype,"handleMonthChange",void 0),c([(0,a.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),c([(0,a.property)({type:Boolean,reflect:!0,attribute:"short-day"})],t.prototype,"shortDay",void 0),c([(0,a.state)()],t.prototype,"viewAnchorDate",void 0),c([(0,a.state)()],t.prototype,"localeMonth",void 0),t=c([(0,r.w)("md-datepicker-calendar")],t),e.ELEMENT=t}(o||(o={}))},66677:(e,t,i)=>{function o(e,t,i){let o;return function(...r){const s=this,n=i&&!o;clearTimeout(o),o=setTimeout(function(){o=null,i||e.apply(s,r)},t),n&&e.apply(s,r)}}function r(e,t){return function t(i){if(!i||i===document||i===window)return null;const o=i.closest(e);return null!=o?o:t(i.getRootNode().host)}(t)}function s(e,t=document){var i;const o=t instanceof ShadowRoot||t instanceof Document?t.querySelector(e):null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector(e);if(o)return o;const r=Array.from(t.querySelectorAll("*")).map(e=>{var t;return null!==(t=e.shadowRoot)&&void 0!==t?t:null}).filter(e=>null!==e);for(const t of r){const i=s(e,t);if(i)return i}return null}function n(e,t=document){if(t instanceof ShadowRoot||t instanceof Document){const i=t.getElementById(e);if(i)return i}const i=Array.from(t.querySelectorAll("*")).map(e=>{var t;return null!==(t=e.shadowRoot)&&void 0!==t?t:null}).filter(e=>null!==e);for(const t of i){const i=n(e,t);if(i)return i}return null}function l(){var e;let t=document.activeElement;for(;null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement;)t=t.shadowRoot.activeElement;return t}i.d(t,{QZ:()=>r,XI:()=>n,dw:()=>l,qi:()=>s,sg:()=>o})},71128:(e,t,i)=>{i.d(t,{PopoverController:()=>g}),i(96798),i(61200);var o=i(31890),r=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),h=i(68419),c=i(36365),d=i(3998),p=i(33759),u=i(86210),v=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},m=function(e,t,i,o){return new(i||(i=Promise))(function(r,s){function n(e){try{a(o.next(e))}catch(e){s(e)}}function l(e){try{a(o.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((o=o.apply(e,t||[])).next())})};class g{show(e){}hide(){}toggle(){}isVisible(){return!1}}let y=class extends((0,r.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=h.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||d.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{d.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new p.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return m(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,c.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return m(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),c.T.onDestroyedPopover(this),d.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return m(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(h.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return m(this,void 0,void 0,function*(){var o,r,s,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(o=this.activateFocusTrap)||void 0===o||o.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),d.S.removeItem(this),this.utils.handleAppendTo(!1),this.backdropElement&&(null===(r=this.backdropElement)||void 0===r||r.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,c.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}setFocusableElements(){var e;null===(e=super.setFocusableElements)||void 0===e||e.call(this);const t=this.triggerElement;this.appendTo&&this.activeFocusTrap&&t&&this.focusableElements&&(this.focusableElements.includes(t)||this.focusableElements.push(t))}handleCreatePopoverFirstUpdate(){return m(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>m(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:o,placement:r}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),o.arrow&&this.arrowElement&&this.utils.updateArrowStyle(o.arrow,r),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(r)}),{animationFrame:this.animationFrame})}render(){return l.html`
       <div class="popover-hover-bridge"></div>
       ${this.closeButton?l.html` <md-button
             class="popover-close"
             hasRemoveStyle
             size="20"
             circle
-            ariaLabel=${(0,h.ifDefined)(this.closeButtonAriaLabel)||""}
-            @button-click="${this.hidePopover}"
+            .ariaLabel=${this.closeButtonAriaLabel}
+            @button-click=${this.hidePopover}
           >
             <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
           </md-button>`:l.nothing}
@@ -60,4 +60,4 @@
       <div part="popover-content">
         <slot></slot>
       </div>
-    `}static get styles(){return[v.A]}};m([(0,a.property)({type:String,reflect:!0})],f.prototype,"id",void 0),m([(0,a.property)({type:String,reflect:!0})],f.prototype,"triggerID",void 0),m([(0,a.property)({type:String,reflect:!0})],f.prototype,"trigger",void 0),m([(0,a.property)({type:String,reflect:!0})],f.prototype,"placement",void 0),m([(0,a.property)({type:String,reflect:!0})],f.prototype,"strategy",void 0),m([(0,a.property)({type:String,reflect:!0})],f.prototype,"color",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,"visible",void 0),m([(0,a.property)({type:Number,reflect:!0})],f.prototype,"offset",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],f.prototype,"focusTrap",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],f.prototype,"preventScroll",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],f.prototype,"showArrow",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],f.prototype,"closeButton",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,"interactive",void 0),m([(0,a.property)({type:String,reflect:!0})],f.prototype,"delay",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],f.prototype,"hideOnEscape",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],f.prototype,"hideOnBlur",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],f.prototype,"hideOnWindowBlur",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],f.prototype,"hideOnOutsideClick",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],f.prototype,"focusBackToTrigger",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,"backdrop",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,"flip",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,"size",void 0),m([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],f.prototype,"zIndex",void 0),m([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],f.prototype,"appendTo",void 0),m([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],f.prototype,"closeButtonAriaLabel",void 0),m([(0,a.property)({type:String,reflect:!0})],f.prototype,"role",void 0),m([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],f.prototype,"ariaLabelledby",void 0),m([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],f.prototype,"ariaDescribedby",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],f.prototype,"disableAriaExpanded",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],f.prototype,"animationFrame",void 0),m([(0,a.property)({type:Object,attribute:!1})],f.prototype,"controller",null),f=m([(0,r.w)("md-popover")],f)}}]);
+    `}static get styles(){return[u.A]}};v([(0,a.property)({type:String,reflect:!0})],y.prototype,"id",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"color",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),v([(0,a.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],y.prototype,"hideOnWindowBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),v([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),v([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),v([(0,a.property)({type:String,reflect:!0})],y.prototype,"role",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],y.prototype,"animationFrame",void 0),v([(0,a.property)({type:Object,attribute:!1})],y.prototype,"controller",null),y=v([(0,o.w)("md-popover")],y)}}]);

package/dist/6273.js

@@ -71,7 +71,7 @@
                 auxiliaryContentPosition="before"
                 ?required=${this.required}
                 @keydown=${e=>this.handleInputKeyDown(e)}
-                @input-change="${e=>this.handleDateInputChange(e)}"
+                @input-change=${e=>this.handleDateInputChange(e)}
                 ?disabled=${this.disabled}
                 ?hide-message=${!this.errorMessage||this.isValueValid()}
                 ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
@@ -109,7 +109,7 @@
                   auxiliaryContentPosition="before"
                   ?required=${this.required}
                   @keydown=${e=>this.handleInputKeyDown(e)}
-                  @input-change="${e=>this.handleDateInputChange(e)}"
+                  @input-change=${e=>this.handleDateInputChange(e)}
                   ?disabled=${this.disabled}
                   ?hide-message=${!this.errorMessage||this.isValueValid()}
                   ariaInvalid=${!!this.errorMessage||!this.isValueValid()}

package/dist/6396.js

@@ -1,9 +1,5 @@
 "use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6396],{6396:(e,t,o)=>{var l,i=o(31890),r=o(4313),s=o(87161),a=o(70429),p=o(85125),n=o(31013),h=function(e,t,o,l){var i,r=arguments.length,s=r<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,o):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,l);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.label="",this.theme="",this.radioLabel=!1,this.checkboxLabel=!1,this.toggleSwitchLabel=!1,this.htmlFor="",this.active=!1,this.disabled=!1,this.indeterminate=!1,this.secondaryLabel=!1}static get styles(){return[r.A,n.A]}setFocus(){this.dispatchEvent(new CustomEvent("setFocus"))}get labelClassMap(){return{[`md-label--${this.theme}`]:!!this.theme,"md-radio__label":this.radioLabel,"md-checkbox__label":this.checkboxLabel,"md-secondary-label":this.secondaryLabel,active:this.active,disabled:this.disabled,indeterminate:this.indeterminate}}handleClick(){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return s.html`
-        <label
-          @click="${()=>this.handleClick()}"
-          class="md-label ${(0,p.classMap)(this.labelClassMap)}"
-          for="${this.htmlFor}"
-        >
+        <label @click=${this.handleClick} class="md-label ${(0,p.classMap)(this.labelClassMap)}" for="${this.htmlFor}">
           ${this.label?s.html` <span>${this.label}</span> `:s.html` <slot></slot> `}
         </label>
       `}};h([(0,a.property)({type:String})],t.prototype,"label",void 0),h([(0,a.property)({type:String})],t.prototype,"theme",void 0),h([(0,a.property)({type:Boolean})],t.prototype,"radioLabel",void 0),h([(0,a.property)({type:Boolean})],t.prototype,"checkboxLabel",void 0),h([(0,a.property)({type:Boolean})],t.prototype,"toggleSwitchLabel",void 0),h([(0,a.property)({type:String})],t.prototype,"htmlFor",void 0),h([(0,a.property)({type:Boolean})],t.prototype,"active",void 0),h([(0,a.property)({type:Boolean})],t.prototype,"disabled",void 0),h([(0,a.property)({type:Boolean})],t.prototype,"indeterminate",void 0),h([(0,a.property)({type:Boolean})],t.prototype,"secondaryLabel",void 0),t=h([(0,i.w)("md-label")],t),e.ELEMENT=t}(l||(l={}))}}]);

package/dist/6408.js

@@ -108,7 +108,7 @@
               secondaryLabel
               .htmlFor=${this.htmlId}
               .label=${this.secondaryLabel}
-              @label-click="${()=>this.handleLabelClick()}"
+              @label-click=${()=>this.handleLabelClick()}
             ></md-label>
           `:p.nothing}helpTextTemplate(){return this.helpText?p.html`
             <md-help-text
@@ -132,7 +132,7 @@
               class="md-input__label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
               .htmlFor=${this.htmlId}
               .label=${this.label}
-              @label-click="${()=>this.handleLabelClick()}"
+              @label-click=${()=>this.handleLabelClick()}
             ></md-label>
           `:p.nothing}static get styles(){return[r.A,c.A]}render(){return p.html`
         <div class="md-input-container ${(0,d.classMap)(this.inputClassMap)}" part="md-input-container">

package/dist/8028.js

@@ -1,4 +1,4 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8028],{38028:(t,e,i)=>{i(61200),i(69788),i(15300);var a,n=i(31890),s=i(26283),o=i(4313),r=i(87161),c=i(70429),l=i(85125),h=i(20291),p=i(10318),d=i(89756),m=i(38923),y=i(7292),u=function(t,e,i,a){var n,s=arguments.length,o=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(o=(s<3?n(o):s>3?n(e,i,o):n(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};!function(t){let e=class extends r.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-chat-outbound":"chat-outbound-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-facebook":"social-facebook-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold","channel-monitoring":"monitoring-bold"}}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}static get styles(){return[o.A,y.A]}isPresenceType(t){return m.e.includes(t)}firstUpdated(){const t=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(t){const{presenceColor:e,presenceIcon:i}=(0,m.E)(t,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=i}}updated(t){super.updated(t);const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e&&(t.has("type")||t.has("presenceType")||t.has("newMomentum"))){const{presenceColor:t,presenceIcon:i}=(0,m.E)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}t.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size,[`md-avatar--${this.color}`]:!!this.color,active:"active"===this.state})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum,active:"active"===this.state}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const t=this.title.trim().split(" ");return 1===t.length?t[0].charAt(0):t[0].charAt(0)+t[t.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}getIconName(t){return this.iconNameMap[t]||""}get chatIconSize(){return this.iconSize}get presenceSize(){return this.size<=24?10.5:this.size<=32?14:this.size<=48?13.94:this.size<=64?18.58:this.size<=72?20.9:this.size<=88?25.55:36}get iconSize(){return 24===this.size?"16":28===this.size?"18":32===this.size?"20":36===this.size?"22":40===this.size?"24":48===this.size?"28":56===this.size?"32":64===this.size?"36":72===this.size?"40":Math.round(this.size/1.7).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?r.html` <md-loading></md-loading> `:r.nothing}get avatarLetter(){return this.title?r.html`
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8028],{38028:(t,e,i)=>{i(61200),i(69788),i(15300);var a,n=i(31890),s=i(26283),o=i(4313),r=i(87161),c=i(70429),l=i(85125),h=i(20291),p=i(10318),d=i(89756),m=i(38923),y=i(7292),u=function(t,e,i,a){var n,s=arguments.length,o=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(o=(s<3?n(o):s>3?n(e,i,o):n(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};!function(t){let e=class extends r.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-chat-outbound":"chat-outbound-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-facebook":"social-facebook-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold","channel-monitoring":"monitoring-bold"}}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}static get styles(){return[o.A,y.A]}isPresenceType(t){return m.e.includes(t)}firstUpdated(){const t=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(t){const{presenceColor:e,presenceIcon:i}=(0,m.E)(t,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=i}}willUpdate(t){var e;null===(e=super.willUpdate)||void 0===e||e.call(this,t);const i=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(i&&(t.has("type")||t.has("presenceType")||t.has("newMomentum"))){const{presenceColor:t,presenceIcon:e}=(0,m.E)(i,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=e}}updated(t){super.updated(t),t.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size,[`md-avatar--${this.color}`]:!!this.color,active:"active"===this.state})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum,active:"active"===this.state}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const t=this.title.trim().split(" ");return 1===t.length?t[0].charAt(0):t[0].charAt(0)+t[t.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}getIconName(t){return this.iconNameMap[t]||""}get chatIconSize(){return this.iconSize}get presenceSize(){return this.size<=24?10.5:this.size<=32?14:this.size<=48?13.94:this.size<=64?18.58:this.size<=72?20.9:this.size<=88?25.55:36}get iconSize(){return 24===this.size?"16":28===this.size?"18":32===this.size?"20":36===this.size?"22":40===this.size?"24":48===this.size?"28":56===this.size?"32":64===this.size?"36":72===this.size?"40":Math.round(this.size/1.7).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?r.html` <md-loading></md-loading> `:r.nothing}get avatarLetter(){return this.title?r.html`
             <span class="md-avatar__letter ${(0,l.classMap)(this.avatarLetterClassMap)}">
               ${this.pretifyTitle}
               <slot></slot>

package/dist/8345.js

@@ -1 +1 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8345],{3998:(e,o,t)=>{t.d(o,{S:()=>r});const r=new class{constructor(){this.stack=[]}push(e){this.stack.push(e)}pop(){return this.stack.pop()}removeItem(e){this.stack=this.stack.filter(o=>o!==e)}peek(){return this.stack[this.stack.length-1]}remove(e){this.stack=this.stack.filter(o=>o!==e)}clear(){this.stack=[]}shouldDeferToTopForOutsideClick(e){const o=this.peek();return!(!o||o===e||!(o.triggerElement&&e.contains(o.triggerElement)||e.triggerElement&&o.contains(e.triggerElement)))}}},33759:(e,o,t)=>{t.d(o,{h:()=>i});var r=t(66677);class i{constructor(e){this.arrowPixelChange=!1,this.originalParent=null,this.originalNextSibling=null,this.popover=e}setupDelay(){try{const[e,o]=this.popover.delay.split(",").map(e=>{const o=parseInt(e,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${e}`);return o});return[e,o]}catch(e){return this.popover.delay="0,0",[0,0]}}setupHoverBridge(e){const o=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(o.style,{top:"",left:"",right:"",bottom:""});const t=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,r=this.popover.offsetHeight||0,i=this.popover.offsetWidth||0,p=!!this.popover.appendTo&&this.originalParent;if(o){const s=e.split("-")[0];switch(p&&this.popover.trigger.includes("mouseenter")&&o.addEventListener("mouseenter",this.popover.cancelCloseDelay),s){case"top":o.style.height=t,o.style.bottom=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`;break;case"left":o.style.height=`${r}px`,o.style.width=t,o.style.right=`calc(-1.5 * (${t}))`;break;case"right":o.style.height=`${r}px`,o.style.width=t,o.style.left=`calc(-0.5 * (${t}))`;break;default:o.style.height=t,o.style.top=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`}}}handleAppendTo(e){if(this.popover.appendTo)if(e){this.originalParent=this.popover.parentNode,this.originalNextSibling=this.popover.nextSibling;const e=(0,r.XI)(this.popover.appendTo,document);if(e&&(this.popover.removeEventListeners(),e.appendChild(this.popover),this.popover.setupTriggerListener(),this.popover.trigger.includes("mouseenter"))){const e=this.popover.renderRoot.querySelector(".popover-hover-bridge");e&&e.addEventListener("mouseenter",this.popover.cancelCloseDelay)}}else this.originalParent&&(this.popover.removeEventListeners(),this.originalNextSibling?this.originalParent.insertBefore(this.popover,this.originalNextSibling):this.originalParent.appendChild(this.popover),this.popover.setupTriggerListener())}setupAccessibility(){var e,o,t;"dialog"!==this.popover.role&&"alertdialog"!==this.popover.role||this.popover.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive?(this.popover.setAttribute("aria-modal","true"),this.popover.ariaLabel||(this.popover.ariaLabel=(null===(e=this.popover.triggerElement)||void 0===e?void 0:e.ariaLabel)||(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=(null===(t=this.popover.triggerElement)||void 0===t?void 0:t.id)||"")):this.popover.removeAttribute("aria-modal")}updateAriaHasPopupAttribute(){var e,o,t;this.popover.interactive?null===(e=this.popover.triggerElement)||void 0===e||e.setAttribute("aria-haspopup",(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.getAttribute("aria-haspopup"))||"dialog"):null===(t=this.popover.triggerElement)||void 0===t||t.removeAttribute("aria-haspopup")}updateAriaExpandedAttribute(){var e,o;this.popover.disableAriaExpanded?null===(e=this.popover.triggerElement)||void 0===e||e.removeAttribute("aria-expanded"):null===(o=this.popover.triggerElement)||void 0===o||o.setAttribute("aria-expanded",`${this.popover.visible}`)}updateArrowStyle(e,o){var t;if(!this.popover.arrowElement)return;const r=o.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:p,y:s}=e,a=this.popover.arrowElement.getBoundingClientRect(),n=null===(t=this.popover.arrowElement.offsetParent)||void 0===t?void 0:t.getBoundingClientRect();if(!this.arrowPixelChange){const e=(null==n?void 0:n[i])?12-Math.abs(a[i]-n[i]):0;1===Math.round(e)?this.arrowPixelChange=!0:this.arrowPixelChange=!1}const l=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:null!=p?`${p}px`:"",top:null!=s?`${s}px`:"",[i]:-this.popover.arrowElement.offsetHeight/2-l+"px"})}updatePopoverStyle(e,o){Object.assign(this.popover.style,{left:`${e}px`,top:`${o}px`})}createBackdrop(){var e;if(!this.popover.backdropElement){const o=document.createElement("div");o.classList.add("popover-backdrop"),null===(e=this.popover.parentElement)||void 0===e||e.appendChild(o);const t=document.createElement("style");t.textContent=`\n        .popover-backdrop {\n          position: fixed;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          background: transparent;\n          z-index: ${this.popover.zIndex-1};\n        }\n      `,o.appendChild(t),this.popover.backdropElement=o}}}},36365:(e,o,t)=>{t.d(o,{T:()=>r});class r{static dispatchPopoverEvent(e,o){o.dispatchEvent(new CustomEvent(e,{detail:{show:o.visible},composed:!0,bubbles:!0}))}static onShowPopover(e){this.dispatchPopoverEvent("shown",e)}static onHidePopover(e){this.dispatchPopoverEvent("hidden",e)}static onCreatedPopover(e){this.dispatchPopoverEvent("created",e)}static onDestroyedPopover(e){this.dispatchPopoverEvent("destroyed",e)}}},68419:(e,o,t)=>{t.d(o,{ME:()=>r,o$:()=>p,tr:()=>i,zY:()=>s});const r={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},i={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},p={TONAL:"tonal",CONTRAST:"contrast"},s={PLACEMENT:r.BOTTOM,STRATEGY:"absolute",TRIGGER:i.CLICK,COLOR:p.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_WINDOW_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,ANIMATION_FRAME:!1}},86210:(e,o,t)=>{t.d(o,{A:()=>r});const r=t(87161).css`:host{--md-popover-arrow-border-radius:0.1875rem;--md-popover-arrow-border:0.0625rem solid var(--popover-border-color);--md-popover-elevation-3:var(--md-elevation-3);--md-popover-max-width:max-content;--md-popover-max-height:auto;--md-popover-position:absolute;display:none;position:var(--md-popover-position);top:0;left:0;box-sizing:content-box;background-color:var(--popover-bg-color);border-radius:.5rem;border:.0625rem solid var(--popover-border-color);filter:var(--md-popover-elevation-3);width:var(--md-popover-max-width)}:host([strategy=fixed]){--md-popover-position:fixed}:host([visible]){display:block}:host([color=contrast]){background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color);color:var(--popover-inverted-text-color)}:host([color=contrast]) .popover-arrow{background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color)}:host([color=contrast]) .popover-close{color:var(--popover-inverted-text-color)}:host::part(popover-content){position:relative;padding:.75rem;min-width:max-content;z-index:9998;max-height:var(--md-popover-max-height)}.popover-hover-bridge{position:absolute;transform:translateX(-50%);background:rgba(0,0,0,0);pointer-events:auto}.popover-arrow{position:absolute;width:1rem;height:1rem;background-color:var(--popover-bg-color);transform:rotate(45deg);pointer-events:none;border:var(--md-popover-arrow-border)}.popover-close{position:absolute;right:.75rem;top:.75rem;cursor:pointer;z-index:9999;padding-left:.5rem;width:1.25rem;height:1.25rem}.popover-arrow[data-side=top]{border-top:none;border-left:none;border-bottom-right-radius:var(--md-popover-arrow-border-radius);border-top-left-radius:100%}.popover-arrow[data-side=bottom]{border-bottom:none;border-right:none;border-top-left-radius:var(--md-popover-arrow-border-radius);border-bottom-right-radius:100%}.popover-arrow[data-side=right]{border-top:none;border-right:none;border-bottom-left-radius:var(--md-popover-arrow-border-radius);border-top-right-radius:100%}.popover-arrow[data-side=left]{border-bottom:none;border-left:none;border-top-right-radius:var(--md-popover-arrow-border-radius);border-bottom-left-radius:100%}`}}]);
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8345],{3998:(e,o,t)=>{t.d(o,{S:()=>r});const r=new class{constructor(){this.stack=[]}push(e){this.stack.push(e)}pop(){return this.stack.pop()}removeItem(e){this.stack=this.stack.filter(o=>o!==e)}peek(){return this.stack[this.stack.length-1]}remove(e){this.stack=this.stack.filter(o=>o!==e)}clear(){this.stack=[]}shouldDeferToTopForOutsideClick(e){const o=this.peek();return!(!o||o===e||!(o.triggerElement&&e.contains(o.triggerElement)||e.triggerElement&&o.contains(e.triggerElement)))}}},33759:(e,o,t)=>{t.d(o,{h:()=>i});var r=t(66677);class i{constructor(e){this.arrowPixelChange=!1,this.originalParent=null,this.originalNextSibling=null,this.popover=e}setupDelay(){try{const[e,o]=this.popover.delay.split(",").map(e=>{const o=parseInt(e,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${e}`);return o});return[e,o]}catch(e){return this.popover.delay="0,0",[0,0]}}setupHoverBridge(e){const o=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(o.style,{top:"",left:"",right:"",bottom:""});const t=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,r=this.popover.offsetHeight||0,i=this.popover.offsetWidth||0,p=!!this.popover.appendTo&&this.originalParent;if(o){const s=e.split("-")[0];switch(p&&this.popover.trigger.includes("mouseenter")&&o.addEventListener("mouseenter",this.popover.cancelCloseDelay),s){case"top":o.style.height=t,o.style.bottom=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`;break;case"left":o.style.height=`${r}px`,o.style.width=t,o.style.right=`calc(-1.5 * (${t}))`;break;case"right":o.style.height=`${r}px`,o.style.width=t,o.style.left=`calc(-0.5 * (${t}))`;break;default:o.style.height=t,o.style.top=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`}}}handleAppendTo(e){if(this.popover.appendTo)if(e){this.originalParent=this.popover.parentNode,this.originalNextSibling=this.popover.nextSibling;const e=(0,r.XI)(this.popover.appendTo,document);if(e&&(this.popover.removeEventListeners(),e.appendChild(this.popover),this.popover.setupTriggerListener(),this.reattachFocusListeners(),this.popover.trigger.includes("mouseenter"))){const e=this.popover.renderRoot.querySelector(".popover-hover-bridge");e&&e.addEventListener("mouseenter",this.popover.cancelCloseDelay)}}else this.originalParent&&(this.popover.removeEventListeners(),this.originalNextSibling?this.originalParent.insertBefore(this.popover,this.originalNextSibling):this.originalParent.appendChild(this.popover),this.popover.setupTriggerListener())}reattachFocusListeners(){this.popover.querySelectorAll("*").forEach(e=>{const o=e;o.handleFocusIn&&o.handleFocusOut&&(o.removeEventListener("focus",o.handleFocusIn),o.removeEventListener("blur",o.handleFocusOut),o.addEventListener("focus",o.handleFocusIn),o.addEventListener("blur",o.handleFocusOut))})}setupAccessibility(){var e,o,t;"dialog"!==this.popover.role&&"alertdialog"!==this.popover.role||this.popover.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive?(this.popover.setAttribute("aria-modal","true"),this.popover.ariaLabel||(this.popover.ariaLabel=(null===(e=this.popover.triggerElement)||void 0===e?void 0:e.ariaLabel)||(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=(null===(t=this.popover.triggerElement)||void 0===t?void 0:t.id)||"")):this.popover.removeAttribute("aria-modal")}updateAriaHasPopupAttribute(){var e,o,t;this.popover.interactive?null===(e=this.popover.triggerElement)||void 0===e||e.setAttribute("aria-haspopup",(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.getAttribute("aria-haspopup"))||"dialog"):null===(t=this.popover.triggerElement)||void 0===t||t.removeAttribute("aria-haspopup")}updateAriaExpandedAttribute(){var e,o;this.popover.disableAriaExpanded?null===(e=this.popover.triggerElement)||void 0===e||e.removeAttribute("aria-expanded"):null===(o=this.popover.triggerElement)||void 0===o||o.setAttribute("aria-expanded",`${this.popover.visible}`)}updateArrowStyle(e,o){var t;if(!this.popover.arrowElement)return;const r=o.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:p,y:s}=e,a=this.popover.arrowElement.getBoundingClientRect(),n=null===(t=this.popover.arrowElement.offsetParent)||void 0===t?void 0:t.getBoundingClientRect();if(!this.arrowPixelChange){const e=(null==n?void 0:n[i])?12-Math.abs(a[i]-n[i]):0;1===Math.round(e)?this.arrowPixelChange=!0:this.arrowPixelChange=!1}const l=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:null!=p?`${p}px`:"",top:null!=s?`${s}px`:"",[i]:-this.popover.arrowElement.offsetHeight/2-l+"px"})}updatePopoverStyle(e,o){Object.assign(this.popover.style,{left:`${e}px`,top:`${o}px`})}createBackdrop(){var e;if(!this.popover.backdropElement){const o=document.createElement("div");o.classList.add("popover-backdrop"),null===(e=this.popover.parentElement)||void 0===e||e.appendChild(o);const t=document.createElement("style");t.textContent=`\n        .popover-backdrop {\n          position: fixed;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          background: transparent;\n          z-index: ${this.popover.zIndex-1};\n        }\n      `,o.appendChild(t),this.popover.backdropElement=o}}}},36365:(e,o,t)=>{t.d(o,{T:()=>r});class r{static dispatchPopoverEvent(e,o){o.dispatchEvent(new CustomEvent(e,{detail:{show:o.visible},composed:!0,bubbles:!0}))}static onShowPopover(e){this.dispatchPopoverEvent("shown",e)}static onHidePopover(e){this.dispatchPopoverEvent("hidden",e)}static onCreatedPopover(e){this.dispatchPopoverEvent("created",e)}static onDestroyedPopover(e){this.dispatchPopoverEvent("destroyed",e)}}},68419:(e,o,t)=>{t.d(o,{ME:()=>r,o$:()=>p,tr:()=>i,zY:()=>s});const r={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},i={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},p={TONAL:"tonal",CONTRAST:"contrast"},s={PLACEMENT:r.BOTTOM,STRATEGY:"absolute",TRIGGER:i.CLICK,COLOR:p.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_WINDOW_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,ANIMATION_FRAME:!1}},86210:(e,o,t)=>{t.d(o,{A:()=>r});const r=t(87161).css`:host{--md-popover-arrow-border-radius:0.1875rem;--md-popover-arrow-border:0.0625rem solid var(--popover-border-color);--md-popover-elevation-3:var(--md-elevation-3);--md-popover-max-width:max-content;--md-popover-max-height:auto;--md-popover-position:absolute;display:none;position:var(--md-popover-position);top:0;left:0;box-sizing:content-box;background-color:var(--popover-bg-color);border-radius:.5rem;border:.0625rem solid var(--popover-border-color);filter:var(--md-popover-elevation-3);width:var(--md-popover-max-width)}:host([strategy=fixed]){--md-popover-position:fixed}:host([visible]){display:block}:host([color=contrast]){background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color);color:var(--popover-inverted-text-color)}:host([color=contrast]) .popover-arrow{background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color)}:host([color=contrast]) .popover-close{color:var(--popover-inverted-text-color)}:host::part(popover-content){position:relative;padding:.75rem;min-width:max-content;z-index:9998;max-height:var(--md-popover-max-height)}.popover-hover-bridge{position:absolute;transform:translateX(-50%);background:rgba(0,0,0,0);pointer-events:auto}.popover-arrow{position:absolute;width:1rem;height:1rem;background-color:var(--popover-bg-color);transform:rotate(45deg);pointer-events:none;border:var(--md-popover-arrow-border)}.popover-close{position:absolute;right:.75rem;top:.75rem;cursor:pointer;z-index:9999;padding-left:.5rem;width:1.25rem;height:1.25rem}.popover-arrow[data-side=top]{border-top:none;border-left:none;border-bottom-right-radius:var(--md-popover-arrow-border-radius);border-top-left-radius:100%}.popover-arrow[data-side=bottom]{border-bottom:none;border-right:none;border-top-left-radius:var(--md-popover-arrow-border-radius);border-bottom-right-radius:100%}.popover-arrow[data-side=right]{border-top:none;border-right:none;border-bottom-left-radius:var(--md-popover-arrow-border-radius);border-top-right-radius:100%}.popover-arrow[data-side=left]{border-bottom:none;border-left:none;border-top-right-radius:var(--md-popover-arrow-border-radius);border-bottom-left-radius:100%}`}}]);

package/dist/comp/md-advance-list-entry.js

@@ -1,25 +1,25 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("@lit-labs/virtualizer"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","@lit-labs/virtualizer"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("@lit-labs/virtualizer")):t(e.lit,e["lit/decorators.js"],e["@lit-labs/virtualizer"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i)=>(()=>{"use strict";var s,r={28307:(e,t,i)=>{i.r(t),i.d(t,{AdvanceList:()=>s});var s,r=i(90195),l=i(31890),o=i(32972),d=i(4313),a=(i(83048),i(87161)),n=i(70429),h=i(89312),c=function(e,t,i,s){var r,l=arguments.length,o=l<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(o=(l<3?r(o):l>3?r(t,i,o):r(t,i))||o);return l>3&&o&&Object.defineProperty(t,i,o),o};!function(e){e.prefixId="item-";let t=class extends((0,o.y)(a.LitElement)){constructor(){super(...arguments),this.items=[],this.isLoading=!1,this.isMulti=!1,this.groupOnMultiSelect=!1,this.value=[],this.ariaRoleList="listbox",this.ariaRoleListItem="option",this.ariaLabelList="",this.isError=!1,this.containerHeight="292px",this.lastSelectedIdByOrder="",this.selectAllItems=!1,this.focusReset=!1,this.disabledItems=[],this.totalRecords=0,this.isNonSelectable=!1,this.scrollIndex=-1,this.activeId="",this.selectedItemsIds=[],this.isUserNavigated=!1,this.handleKeyDown=t=>{var i;const{ArrowDown:s,ArrowUp:l,Tab:o,Space:d,Enter:a}=r.Uz,{code:n}=t,h=n===s,c=n===l,p=n===o,u=n===d,v=n===a;if(h||c){if(t.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value.length>0&&""!==this.value[0])return void(this.activeId=this.value[0]);if(""===this.activeId&&!c&&this.items.length>0)return void(this.activeId=this.items[0].id);const e=this.items.findIndex(e=>e.id===this.activeId);h?e<this.items.length-1&&!this.isNextElemenentStatusIndicator(e)&&(this.scrollIndex=e+1,this.activeId=this.items[this.scrollIndex].id):e>0&&(this.scrollIndex=e-1,this.activeId=this.items[this.scrollIndex].id)}else if(p)""===this.activeId&&this.value.length>0&&(this.activeId=this.value[0]);else if((u||v)&&(t.preventDefault(),this.activeId)){const t=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`#${e.prefixId}${this.activeId}`);t&&("true"===t.getAttribute("aria-disabled")||t.hasAttribute("disabled")||this.updateItemSelection(t))}},this.handleRangeChange=e=>{const{last:t}=e;this.updateSelectedState(),this.items.length<this.totalRecords&&t>=this.items.length-1&&!this.isLoading&&!this.isError&&this.dispatchEvent(new CustomEvent("load-more",{bubbles:!0,composed:!0})),this.isUserNavigated=!1},this.renderItem=(t,i)=>"status-indicator"===t.id?a.html`
-          <div class="default-wrapper-status-indicator" id="status-indicator">${t.template(t,i)}</div>
-        `:a.html`
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("@lit-labs/virtualizer"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","@lit-labs/virtualizer"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("@lit-labs/virtualizer")):e(t.lit,t["lit/decorators.js"],t["@lit-labs/virtualizer"]);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(self,(t,e,i)=>(()=>{"use strict";var s,r={28307:(t,e,i)=>{i.r(e),i.d(e,{AdvanceList:()=>s});var s,r=i(90195),l=i(31890),o=i(32972),a=i(4313),d=(i(83048),i(87161)),n=i(70429),h=i(89312),c=function(t,e,i,s){var r,l=arguments.length,o=l<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(l<3?r(o):l>3?r(e,i,o):r(e,i))||o);return l>3&&o&&Object.defineProperty(e,i,o),o};!function(t){t.prefixId="item-";let e=class extends((0,o.y)(d.LitElement)){constructor(){super(...arguments),this.items=[],this.isLoading=!1,this.isMulti=!1,this.groupOnMultiSelect=!1,this.value=[],this.ariaRoleList="listbox",this.ariaRoleListItem="option",this.ariaLabelList="",this.isError=!1,this.containerHeight="292px",this.lastSelectedIdByOrder="",this.selectAllItems=!1,this.focusReset=!1,this.disabledItems=[],this.totalRecords=0,this.isNonSelectable=!1,this.scrollIndex=-1,this.activeId="",this.selectedItemsIds=[],this.isUserNavigated=!1,this.handleKeyDown=e=>{var i,s,l;const{ArrowDown:o,ArrowUp:a,Tab:d,Space:n,Enter:h}=r.Uz,{code:c}=e,p=c===o,u=c===a,v=c===d,m=c===n,b=c===h;if(p||u){if(e.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value.length>0&&""!==this.value[0])return void(this.activeId=this.value[0]);if(""===this.activeId&&!u&&this.items.length>0)return void(this.activeId=this.items[0].id);const t=this.items.findIndex(t=>t.id===this.activeId);p?t<this.items.length-1&&!this.isNextElemenentStatusIndicator(t)&&(this.scrollIndex=t+1,this.activeId=this.items[this.scrollIndex].id,null===(i=this.virtualizer)||void 0===i||i.scrollToIndex(this.scrollIndex,"start")):t>0&&(this.scrollIndex=t-1,this.activeId=this.items[this.scrollIndex].id,null===(s=this.virtualizer)||void 0===s||s.scrollToIndex(this.scrollIndex,"start"))}else if(v)""===this.activeId&&this.value.length>0&&(this.activeId=this.value[0]);else if((m||b)&&(e.preventDefault(),this.activeId)){const e=null===(l=this.shadowRoot)||void 0===l?void 0:l.querySelector(`#${t.prefixId}${this.activeId}`);e&&("true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||this.updateItemSelection(e))}},this.handleRangeChange=t=>{const{last:e}=t;this.updateSelectedState(),this.items.length<this.totalRecords&&e>=this.items.length-1&&!this.isLoading&&!this.isError&&this.dispatchEvent(new CustomEvent("load-more",{bubbles:!0,composed:!0})),this.isUserNavigated=!1},this.renderItem=(e,i)=>"status-indicator"===e.id?d.html`
+          <div class="default-wrapper-status-indicator" id="status-indicator">${e.template(e,i)}</div>
+        `:d.html`
         <div
-          class="default-wrapper ${t.id} ${this.isNonSelectable?"non-selectable":""}"
+          class="default-wrapper ${e.id} ${this.isNonSelectable?"non-selectable":""}"
           part="advance-list-item-wrapper"
           aria-setsize="${this.totalRecords}"
           aria-posinset="${i+1}"
           role="${this.ariaRoleListItem}"
-          aria-label=${t.name}
-          id="${e.prefixId}${t.id}"
+          aria-label=${e.name}
+          id="${t.prefixId}${e.id}"
           index="${i}"
         >
-          ${t.template(t,i)}
+          ${e.template(e,i)}
         </div>
-      `}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}static get styles(){return[d.A,h.A]}getStyles(){return a.html`
+      `}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}static get styles(){return[a.A,h.A]}getStyles(){return d.html`
         <style>
           :host .virtual-scroll {
             height: ${this.containerHeight};
           }
         </style>
-      `}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),null===(e=this.listContainer)||void 0===e||e.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(e){var t;super.firstUpdated(e),null===(t=this.listContainer)||void 0===t||t.addEventListener("keydown",this.handleKeyDown)}updated(e){super.updated(e),e.has("value")&&(void 0!==e.get("value")||this.value.length>0)&&(this.requestUpdate(),this.updateComplete.then(()=>{this.selectedItemsIds=this.value,this.updateSelectedState()})),e.has("selectAllItems")&&this.selectAllItems&&(this.selectedItemsIds=this.items.filter(e=>!this.disabledItems.includes(e.id)).map(e=>e.id),this.updateSelectedState(),this.notifySelectedChange()),e.has("focusReset")&&this.focusReset&&(this.activeId="")}setCheckboxAttributes(e,t){var i,s,r,l;!e||(null===(i=t.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))&&"true"===(null===(s=t.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?null===(l=t.querySelector("md-checkbox"))||void 0===l||l.removeAttribute("checked"):null===(r=t.querySelector("md-checkbox"))||void 0===r||r.setAttribute("checked","true")}updateWrapperAttributes(e,t){this.isMulti?this.setCheckboxAttributes(t,e):e.classList.toggle("selected",t),e.setAttribute("selected",t.toString()),e.setAttribute("aria-selected",t.toString()),e.setAttribute("tabindex",t?"0":"-1")}updateSelectedState(){var t;Array.from((null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".default-wrapper"))||[]).forEach(t=>{var i,s;const r=this.selectedItemsIds.some(i=>t.id===`${e.prefixId}${i}`);this.updateWrapperAttributes(t,r),this.groupOnMultiSelect&&this.value.length>0&&this.items.length!==this.value.length&&t.id===`${e.prefixId}${this.lastSelectedIdByOrder}`?t.classList.add("selected-border-bottom"):t.classList.remove("selected-border-bottom"),t.id===`${e.prefixId}${this.activeId}`?(t.setAttribute("tabindex","0"),t.focus()):t.setAttribute("tabindex","-1"),""==this.activeId&&t.id===`${e.prefixId}${this.value[0]}`&&t.setAttribute("tabindex","0"),(null===(i=t.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))||"true"===(null===(s=t.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?(t.setAttribute("disabled",""),t.setAttribute("aria-disabled","true")):(t.removeAttribute("disabled"),t.removeAttribute("aria-disabled"))})}findClickedItem(e){var t;const i=Array.from((null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".default-wrapper"))||[]),s=e.composedPath(),r=i.find(e=>s.includes(e));if(r)return(null==r?void 0:r.hasAttribute("disabled"))||"true"===(null==r?void 0:r.getAttribute("aria-disabled"))?0:r}isNextElemenentStatusIndicator(e){return(this.isLoading||this.isError)&&e===this.items.length-2}updateItemForMultiSelect(e){const t=this.selectedItemsIds.indexOf(e);-1===t?(this.selectedItemsIds.push(this.activeId),this.selectedItemsIds.length===this.items.length-this.disabledItems.length&&(this.selectAllItems=!0)):(this.selectedItemsIds.splice(t,1),this.selectAllItems=!1)}updateItemSelection(e){e&&(this.activeId=e.id.substring(e.id.indexOf("-")+1),this.isMulti?this.updateItemForMultiSelect(this.activeId):this.selectedItemsIds=[this.activeId],this.updateSelectedState(),this.notifySelectedChange())}handleClick(e){e.preventDefault(),this.isUserNavigated=!1;const t=this.findClickedItem(e);t&&(this.scrollIndex=parseInt(t.getAttribute("index")||"0"),this.updateItemSelection(t))}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selectedItemsIds},bubbles:!0,composed:!0}))}getActiveDescendant(){return this.activeId?`${e.prefixId}${this.activeId}`:this.value?`${e.prefixId}${this.value[0]}`:""}render(){return a.html`
+      `}disconnectedCallback(){var t;super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),null===(t=this.listContainer)||void 0===t||t.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(t){var e;super.firstUpdated(t),null===(e=this.listContainer)||void 0===e||e.addEventListener("keydown",this.handleKeyDown)}willUpdate(t){var e;null===(e=super.willUpdate)||void 0===e||e.call(this,t),t.has("value")&&(void 0!==t.get("value")||this.value.length>0)&&(this.selectedItemsIds=this.value),t.has("selectAllItems")&&this.selectAllItems&&(this.selectedItemsIds=this.items.filter(t=>!this.disabledItems.includes(t.id)).map(t=>t.id)),t.has("focusReset")&&this.focusReset&&(this.activeId="")}updated(t){super.updated(t),t.has("value")&&(void 0!==t.get("value")||this.value.length>0)&&this.updateSelectedState(),t.has("selectAllItems")&&this.selectAllItems&&(this.updateSelectedState(),this.notifySelectedChange())}setCheckboxAttributes(t,e){var i,s,r,l;!t||(null===(i=e.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))&&"true"===(null===(s=e.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?null===(l=e.querySelector("md-checkbox"))||void 0===l||l.removeAttribute("checked"):null===(r=e.querySelector("md-checkbox"))||void 0===r||r.setAttribute("checked","true")}updateWrapperAttributes(t,e){this.isMulti?this.setCheckboxAttributes(e,t):t.classList.toggle("selected",e),t.setAttribute("selected",e.toString()),t.setAttribute("aria-selected",e.toString()),t.setAttribute("tabindex",e?"0":"-1")}updateSelectedState(){var e;Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]).forEach(e=>{var i,s;const r=this.selectedItemsIds.some(i=>e.id===`${t.prefixId}${i}`);this.updateWrapperAttributes(e,r),this.groupOnMultiSelect&&this.value.length>0&&this.items.length!==this.value.length&&e.id===`${t.prefixId}${this.lastSelectedIdByOrder}`?e.classList.add("selected-border-bottom"):e.classList.remove("selected-border-bottom"),e.id===`${t.prefixId}${this.activeId}`?(e.setAttribute("tabindex","0"),e.focus()):e.setAttribute("tabindex","-1"),""==this.activeId&&e.id===`${t.prefixId}${this.value[0]}`&&e.setAttribute("tabindex","0"),(null===(i=e.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))||"true"===(null===(s=e.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true")):(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"))})}findClickedItem(t){var e;const i=Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]),s=t.composedPath(),r=i.find(t=>s.includes(t));if(r)return(null==r?void 0:r.hasAttribute("disabled"))||"true"===(null==r?void 0:r.getAttribute("aria-disabled"))?0:r}isNextElemenentStatusIndicator(t){return(this.isLoading||this.isError)&&t===this.items.length-2}updateItemForMultiSelect(t){const e=this.selectedItemsIds.indexOf(t);-1===e?(this.selectedItemsIds.push(this.activeId),this.selectedItemsIds.length===this.items.length-this.disabledItems.length&&(this.selectAllItems=!0)):(this.selectedItemsIds.splice(e,1),this.selectAllItems=!1)}updateItemSelection(t){t&&(this.activeId=t.id.substring(t.id.indexOf("-")+1),this.isMulti?this.updateItemForMultiSelect(this.activeId):this.selectedItemsIds=[this.activeId],this.updateSelectedState(),this.notifySelectedChange())}handleClick(t){t.preventDefault(),this.isUserNavigated=!1;const e=this.findClickedItem(t);e&&(this.scrollIndex=parseInt(e.getAttribute("index")||"0"),this.updateItemSelection(e))}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selectedItemsIds},bubbles:!0,composed:!0}))}getActiveDescendant(){return this.activeId?`${t.prefixId}${this.activeId}`:this.value?`${t.prefixId}${this.value[0]}`:""}render(){return d.html`
         ${this.getStyles()}
         <div
           class="md-advance-list-wrapper virtual-scroll"
@@ -32,7 +32,7 @@
         >
           <lit-virtualizer
             .items=${this.items}
-            .renderItem=${(e,t)=>this.renderItem(e,t)}
+            .renderItem=${(t,e)=>this.renderItem(t,e)}
           ></lit-virtualizer>
         </div>
-      `}};c([(0,n.property)({type:Array})],t.prototype,"items",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"isLoading",void 0),c([(0,n.property)({type:Boolean,attribute:"is-multi"})],t.prototype,"isMulti",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"groupOnMultiSelect",void 0),c([(0,n.property)({type:Array})],t.prototype,"value",void 0),c([(0,n.property)({type:String})],t.prototype,"ariaRoleList",void 0),c([(0,n.property)({type:String})],t.prototype,"ariaRoleListItem",void 0),c([(0,n.property)({type:String})],t.prototype,"ariaLabelList",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"isError",void 0),c([(0,n.property)({type:String})],t.prototype,"containerHeight",void 0),c([(0,n.property)({type:String})],t.prototype,"lastSelectedIdByOrder",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"selectAllItems",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"focusReset",void 0),c([(0,n.property)({type:Array})],t.prototype,"disabledItems",void 0),c([(0,n.property)({type:Number})],t.prototype,"totalRecords",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"isNonSelectable",void 0),c([(0,n.queryAll)("div.default-wrapper")],t.prototype,"lists",void 0),c([(0,n.query)(".virtual-scroll")],t.prototype,"listContainer",void 0),c([(0,n.state)()],t.prototype,"scrollIndex",void 0),c([(0,n.state)()],t.prototype,"activeId",void 0),c([(0,n.state)()],t.prototype,"selectedItemsIds",void 0),c([(0,n.state)()],t.prototype,"isUserNavigated",void 0),t=c([(0,l.w)("md-advance-list")],t),e.ELEMENT=t}(s||(s={}))},70429:e=>{e.exports=t},83048:e=>{e.exports=i},87161:t=>{t.exports=e}},l={};function o(e){var t=l[e];if(void 0!==t)return t.exports;var i=l[e]={exports:{}};return r[e](i,i.exports,o),i.exports}o.m=r,s=[],o.O=(e,t,i,r)=>{if(!t){var l=1/0;for(h=0;h<s.length;h++){for(var[t,i,r]=s[h],d=!0,a=0;a<t.length;a++)(!1&r||l>=r)&&Object.keys(o.O).every(e=>o.O[e](t[a]))?t.splice(a--,1):(d=!1,r<l&&(l=r));if(d){s.splice(h--,1);var n=i();void 0!==n&&(e=n)}}return e}r=r||0;for(var h=s.length;h>0&&s[h-1][2]>r;h--)s[h]=s[h-1];s[h]=[t,i,r]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3079:0};o.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[l,d,a]=i,n=0;if(l.some(t=>0!==e[t])){for(s in d)o.o(d,s)&&(o.m[s]=d[s]);if(a)var h=a(o)}for(t&&t(i);n<l.length;n++)r=l[n],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return o.O(h)},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 d=o.O(void 0,[1890,4313,2576,8210,1270,9312],()=>o(28307));return o.O(d)})());
+      `}};c([(0,n.property)({type:Array})],e.prototype,"items",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"isLoading",void 0),c([(0,n.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"groupOnMultiSelect",void 0),c([(0,n.property)({type:Array})],e.prototype,"value",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaRoleList",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaRoleListItem",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaLabelList",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"isError",void 0),c([(0,n.property)({type:String})],e.prototype,"containerHeight",void 0),c([(0,n.property)({type:String})],e.prototype,"lastSelectedIdByOrder",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"selectAllItems",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"focusReset",void 0),c([(0,n.property)({type:Array})],e.prototype,"disabledItems",void 0),c([(0,n.property)({type:Number})],e.prototype,"totalRecords",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"isNonSelectable",void 0),c([(0,n.query)(".virtual-scroll")],e.prototype,"listContainer",void 0),c([(0,n.query)("lit-virtualizer")],e.prototype,"virtualizer",void 0),c([(0,n.state)()],e.prototype,"scrollIndex",void 0),c([(0,n.state)()],e.prototype,"activeId",void 0),c([(0,n.state)()],e.prototype,"selectedItemsIds",void 0),c([(0,n.state)()],e.prototype,"isUserNavigated",void 0),e=c([(0,l.w)("md-advance-list")],e),t.ELEMENT=e}(s||(s={}))},70429:t=>{t.exports=e},83048:t=>{t.exports=i},87161:e=>{e.exports=t}},l={};function o(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return r[t](i,i.exports,o),i.exports}o.m=r,s=[],o.O=(t,e,i,r)=>{if(!e){var l=1/0;for(h=0;h<s.length;h++){for(var[e,i,r]=s[h],a=!0,d=0;d<e.length;d++)(!1&r||l>=r)&&Object.keys(o.O).every(t=>o.O[t](e[d]))?e.splice(d--,1):(a=!1,r<l&&(l=r));if(a){s.splice(h--,1);var n=i();void 0!==n&&(t=n)}}return t}r=r||0;for(var h=s.length;h>0&&s[h-1][2]>r;h--)s[h]=s[h-1];s[h]=[e,i,r]},o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={3079:0};o.O.j=e=>0===t[e];var e=(e,i)=>{var s,r,[l,a,d]=i,n=0;if(l.some(e=>0!==t[e])){for(s in a)o.o(a,s)&&(o.m[s]=a[s]);if(d)var h=d(o)}for(e&&e(i);n<l.length;n++)r=l[n],o.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return o.O(h)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var a=o.O(void 0,[1890,4313,2576,8210,1270,9312],()=>o(28307));return o.O(a)})());

package/dist/comp/md-alert-banner-entry.js

@@ -1,17 +1,17 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,s,n,o,l)=>(()=>{"use strict";var a,c={10318:e=>{e.exports=r},19479:(e,t,i)=>{i.r(t),i.d(t,{AlertBanner:()=>h,alertBannerAlignment:()=>p,alertBannerType:()=>m}),i(96798),i(61200);var r=i(31890),s=i(26283),n=i(4313),o=i(87161),l=i(70429),a=i(85125),c=i(52186),d=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 l=e.length-1;l>=0;l--)(s=e[l])&&(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};const m=["default","accent","warning","error","success","default-momentum","promotional"],p=["center","leading"];var h;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.type="",this.titleText="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:t}=e;(0,s.o)(t)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[n.A,c.A]}getIconForType(){switch(this.type){case"error":return"error-legacy-bold";case"warning":return"warning-bold";case"success":return"check-circle-bold";default:return"info-circle-bold"}}get alertBannerClassMap(){return{"md-alert-banner":!0,[`md-alert-banner--${this.type}`]:this.type,"md-alert-banner--leading":this.isLeadingAlignment||this.titleText,closable:this.closable,"with-title":!!this.titleText}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,"md-alert-banner__with-title":!!this.titleText,leading:this.isLeadingAlignment||this.titleText}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment||this.titleText}}get closeButtonTemplate(){const e=this.titleText?"close-div with-title":"close-div";return o.html`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,s,n,o,l)=>(()=>{"use strict";var a,c={10318:e=>{e.exports=r},19479:(e,t,i)=>{i.r(t),i.d(t,{AlertBanner:()=>h,alertBannerAlignment:()=>p,alertBannerType:()=>m}),i(96798),i(61200);var r=i(31890),s=i(26283),n=i(4313),o=i(87161),l=i(70429),a=i(85125),c=i(52186),d=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 l=e.length-1;l>=0;l--)(s=e[l])&&(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};const m=["default","accent","warning","error","success","default-momentum","promotional"],p=["center","leading"];var h;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.type="",this.titleText="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback()}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide"))}onRefreshClick(){this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}handleKeyDown(e){const{code:t}=e;(0,s.o)(t)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[n.A,c.A]}getIconForType(){switch(this.type){case"error":return"error-legacy-bold";case"warning":return"warning-bold";case"success":return"check-circle-bold";default:return"info-circle-bold"}}get alertBannerClassMap(){return{"md-alert-banner":!0,[`md-alert-banner--${this.type}`]:this.type,"md-alert-banner--leading":this.isLeadingAlignment||this.titleText,closable:this.closable,"with-title":!!this.titleText}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,"md-alert-banner__with-title":!!this.titleText,leading:this.isLeadingAlignment||this.titleText}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment||this.titleText}}get closeButtonTemplate(){const e=this.titleText?"close-div with-title":"close-div";return o.html`
         <div class="${e}">
           <md-button
             class="md-alert-banner__close"
             hasRemoveStyle
             circle
             ariaLabel=${this.closeAriaLabel}
-            @click="${this.onHide}"
-            @keydown="${this.handleKeyDown}"
+            @click=${this.onHide}
+            @keydown=${this.handleKeyDown}
           >
             <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
           </md-button>
         </div>
-      `}get titleTemplate(){return this.titleText?o.html`<div class="md-alert-banner__title">${this.titleText}</div>`:o.nothing}render(){const e=this.closable?o.html` ${this.closeButtonTemplate} `:null,t=this.showBannerTypeIcon||this.titleText?"with-icon":"",i=this.showBannerTypeIcon?o.html`
+      `}get titleTemplate(){return this.titleText?o.html`<div class="md-alert-banner__title">${this.titleText}</div>`:o.nothing}render(){const e=this.closable?o.html` ${this.closeButtonTemplate} `:o.nothing,t=this.showBannerTypeIcon||this.titleText?"with-icon":"",i=this.showBannerTypeIcon?o.html`
             <md-icon
               class=${(0,a.classMap)({"md-alert-banner__icon":!0,"with-title":!!this.titleText})}
               name="${this.getIconForType()}"
@@ -21,7 +21,7 @@
             </md-icon>
           `:o.html`<slot name="left"></slot>`,r=this.titleText?"refresh-button-with-title":"refresh-button",s=this.showRefreshButton?o.html` <md-button
             class="${r}"
-            @click="${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}"
+            @click=${this.onRefreshClick}
             variant="ghostInheritTextColor"
             circle
             size="20"
@@ -46,7 +46,7 @@
                     </div>
                   </div>
                 </div>
-              `:null}
+              `:o.nothing}
         `:o.html`
           ${this.show?o.html`
                 <div class="${(0,a.classMap)(this.alertBannerClassMap)}" role="alert">
@@ -60,5 +60,5 @@
                   </div>
                   ${e}
                 </div>
-              `:null}
+              `:o.nothing}
         `}};d([(0,l.property)({type:String})],t.prototype,"type",void 0),d([(0,l.property)({type:String})],t.prototype,"titleText",void 0),d([(0,l.property)({type:String})],t.prototype,"message",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"closable",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),d([(0,l.property)({type:String,attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"showBannerTypeIcon",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"showRefreshButton",void 0),d([(0,l.property)({type:String})],t.prototype,"alignment",void 0),t=d([(0,r.w)("md-alert-banner")],t),e.ELEMENT=t}(h||(h={}))},20291:e=>{e.exports=s},32022:e=>{e.exports=n},60554:e=>{e.exports=o},70429:e=>{e.exports=t},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},d={};function m(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return c[e](i,i.exports,m),i.exports}m.m=c,a=[],m.O=(e,t,i,r)=>{if(!t){var s=1/0;for(c=0;c<a.length;c++){for(var[t,i,r]=a[c],n=!0,o=0;o<t.length;o++)(!1&r||s>=r)&&Object.keys(m.O).every(e=>m.O[e](t[o]))?t.splice(o--,1):(n=!1,r<s&&(s=r));if(n){a.splice(c--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var c=a.length;c>0&&a[c-1][2]>r;c--)a[c]=a[c-1];a[c]=[t,i,r]},m.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return m.d(t,{a:t}),t},m.d=(e,t)=>{for(var i in t)m.o(t,i)&&!m.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},m.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6029:0};m.O.j=t=>0===e[t];var t=(t,i)=>{var r,s,[n,o,l]=i,a=0;if(n.some(t=>0!==e[t])){for(r in o)m.o(o,r)&&(m.m[r]=o[r]);if(l)var c=l(m)}for(t&&t(i);a<n.length;a++)s=n[a],m.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return m.O(c)},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 p=m.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,2186],()=>m(19479));return m.O(p)})());

package/dist/comp/md-alert-entry.js

@@ -80,13 +80,7 @@
           </div>
           ${this.closable?s.html`
                 <div class="md-alert__button">
-                  <md-button
-                    ariaLabel="${this.btnlabel}"
-                    hasRemoveStyle
-                    color="color-none"
-                    circle
-                    @click="${()=>this.close()}"
-                  >
+                  <md-button ariaLabel="${this.btnlabel}" hasRemoveStyle color="color-none" circle @click=${this.close}>
                     <md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
                   </md-button>
                 </div>
@@ -144,7 +138,7 @@
                       hasRemoveStyle
                       color="color-none"
                       circle
-                      @click="${()=>this.close()}"
+                      @click=${this.close}
                     >
                       <md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
                     </md-button>

package/dist/comp/md-audio-player-entry.js

@@ -9,7 +9,7 @@
                 <md-button
                   hasRemoveStyle
                   class="play-btn"
-                  @click="${this.togglePlay}"
+                  @click=${this.togglePlay}
                   aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
                 >
                   ${this.isPlaying?l.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:l.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
@@ -28,7 +28,7 @@
             </div>
             <div class="timeline-container">
               <md-tooltip placement="top" message="${this.labelMap.timeline.tooltipText}">
-                <div class="timeline" @click="${this.setTime}" aria-label="${this.labelMap.timeline.ariaLabel}">
+                <div class="timeline" @click=${this.setTime} aria-label="${this.labelMap.timeline.ariaLabel}">
                   <div class="progress-bar" style="width: ${this.currentTime/this.duration*100}%"></div>
                   <div class="buffer-bar" style="width: ${this.bufferedRange/this.duration*100}%"></div>
                 </div>
@@ -36,8 +36,8 @@
             </div>
             <div
               class="volume-container"
-              @mouseleave="${()=>this.toggleVolumeExpand(!1)}"
-              @mouseenter="${()=>this.toggleVolumeExpand(!0)}"
+              @mouseleave=${()=>this.toggleVolumeExpand(!1)}
+              @mouseenter=${()=>this.toggleVolumeExpand(!0)}
               aria-label="${this.labelMap.volumeSlider.ariaLabel}"
             >
               <md-tooltip
@@ -46,7 +46,7 @@
               >
                 <div
                   class="volume"
-                  @mousedown="${this.handleVolumeChange}"
+                  @mousedown=${this.handleVolumeChange}
                   aria-label="${this.labelMap.volumeSlider.ariaLabel} ${Math.trunc(100*this.volume)}%"
                 >
                   <div class="volume-slider" style="width: ${this.isMuted?0:100*this.volume}%"></div>
@@ -57,7 +57,7 @@
                   hasRemoveStyle
                   class="volume-btn"
                   aria-label="${this.labelMap.volumeBtn.ariaLabel}"
-                  @click="${this.toggleSoundMute}"
+                  @click=${this.toggleSoundMute}
                 >
                   ${this.isMuted?l.html`
                         <md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
@@ -67,7 +67,7 @@
             </div>
             <div class="speed-icon-container" aria-label="${this.labelMap.playbackSpeedBtn.ariaLabel}">
               <md-tooltip placement="top" message="${this.labelMap.playbackSpeedBtn.tooltipText}">
-                <md-button hasRemoveStyle id="speed-btn" @click="${this.toggleSpeedPopup}">
+                <md-button hasRemoveStyle id="speed-btn" @click=${this.toggleSpeedPopup}>
                   <md-icon slot="icon" name="too-fast-bold" size="16" iconSet="momentumDesign"></md-icon>
                 </md-button>
               </md-tooltip>
@@ -76,7 +76,7 @@
                   ${p.map(e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return l.html`
                       <li
                         class=${t?"speed-popup-selected-speed":""}
-                        @click="${()=>this.setPlaybackSpeed(e.value)}"
+                        @click=${()=>this.setPlaybackSpeed(e.value)}
                       >
                         <span>${e.label}</span>
                         ${this.playbackSpeed==e.value?l.html`