@momentum-ui/web-components 2.25.3 → 2.25.4

package/dist/comp/md-task-item-entry.js

@@ -30,7 +30,7 @@
         `)():a.nothing}
           <slot></slot>
         </span>
-      `}};h([(0,l.property)({type:String})],e.prototype,"ariaLabel",void 0),h([(0,l.property)({type:String})],e.prototype,"color",void 0),h([(0,l.property)({type:String})],e.prototype,"bgColor",void 0),h([(0,l.property)({type:String})],e.prototype,"textColor",void 0),h([(0,l.property)({type:String})],e.prototype,"height",void 0),h([(0,l.property)({type:String})],e.prototype,"width",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"outlined",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"compact",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"circle",void 0),h([(0,l.property)({type:Number,attribute:"circle-size"})],e.prototype,"circleSize",void 0),h([(0,l.property)({type:Number})],e.prototype,"size",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"small",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"split",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),h([(0,l.property)({type:String})],e.prototype,"tabIndexing",void 0),h([(0,l.property)({type:String})],e.prototype,"ariaHiddenSplits",void 0),e=h([(0,o.w)("md-badge")],e),t.ELEMENT=e}(s||(s={}))},85314:t=>{t.exports=a},86610:(t,e,i)=>{i.r(e),i.d(e,{TaskItem:()=>s}),i(38028),i(63704),i(61200);var s,o=i(31890),r=i(26272),l=i(41488),a=i(40333),n=i(23968),p=i(31465),d=i(5657),m=i(50182),h=i(97822),c=function(t,e,i,s){var o,r=arguments.length,l=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(l=(r<3?o(l):r>3?o(e,i,l):o(e,i))||l);return r>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.mediaType=p.r.TELEPHONY,this.status="",this.popovertitle="",this.queue="",this.queueTimeLabel="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.disabled=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.isRestyle=!1,this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.additionEmptyMargin=!1}get title(){return this.displayTitle}set title(t){this.titleValue=t,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(t){this.itemTitleValue=t,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}getAriaLabel(){var t,e,i,s;if(this.customAriaLabel)return this.customAriaLabel;let o=this.queue;if(!o){const i=this.querySelector('[slot="queue"]');if(i){o=null!==(e=null===(t=i.textContent)||void 0===t?void 0:t.trim())&&void 0!==e?e:i.innerText.trim();const s=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(o);if(s){const[,t=0,e,i]=s.map(Number);(new Date).setHours(t,e,i),o=o.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${e} minutes ${i} seconds`)}}}const r=this.querySelector('[slot="queue-time"]');let l=this.queueTimeLabel;return r&&(l+=`${null!==(s=null===(i=r.textContent)||void 0===i?void 0:i.trim())&&void 0!==s?s:r.innerText.trim()}`),`${this.mediaType} ${this.status} ${this.popovertitle} ${this.itemTitle} ${o} ${l} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,m.A]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}handleAdditionSlotChange(){var t;const e=(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-taskitem__addition")).getBoundingClientRect();this.additionEmptyMargin=0===e.width&&0===e.height}render(){return l.html`
+      `}};h([(0,l.property)({type:String})],e.prototype,"ariaLabel",void 0),h([(0,l.property)({type:String})],e.prototype,"color",void 0),h([(0,l.property)({type:String})],e.prototype,"bgColor",void 0),h([(0,l.property)({type:String})],e.prototype,"textColor",void 0),h([(0,l.property)({type:String})],e.prototype,"height",void 0),h([(0,l.property)({type:String})],e.prototype,"width",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"outlined",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"compact",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"circle",void 0),h([(0,l.property)({type:Number,attribute:"circle-size"})],e.prototype,"circleSize",void 0),h([(0,l.property)({type:Number})],e.prototype,"size",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"small",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"split",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),h([(0,l.property)({type:String})],e.prototype,"tabIndexing",void 0),h([(0,l.property)({type:String})],e.prototype,"ariaHiddenSplits",void 0),e=h([(0,o.w)("md-badge")],e),t.ELEMENT=e}(s||(s={}))},85314:t=>{t.exports=a},86610:(t,e,i)=>{i.r(e),i.d(e,{TaskItem:()=>s}),i(38028),i(63704),i(61200);var s,o=i(31890),r=i(26272),l=i(41488),a=i(40333),n=i(23968),p=i(97822),d=i(31465),m=i(5657),h=i(50182),c=function(t,e,i,s){var o,r=arguments.length,l=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(l=(r<3?o(l):r>3?o(e,i,l):o(e,i))||l);return r>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.mediaType=d.r.TELEPHONY,this.status="",this.popovertitle="",this.queue="",this.queueTimeLabel="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.disabled=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.isRestyle=!1,this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.additionEmptyMargin=!1}get title(){return this.displayTitle}set title(t){this.titleValue=t,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(t){this.itemTitleValue=t,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}getAriaLabel(){var t,e,i,s;if(this.customAriaLabel)return this.customAriaLabel;let o=this.queue;if(!o){const i=this.querySelector('[slot="queue"]');if(i){o=null!==(e=null===(t=i.textContent)||void 0===t?void 0:t.trim())&&void 0!==e?e:i.innerText.trim();const s=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(o);if(s){const[,t=0,e,i]=s.map(Number);(new Date).setHours(t,e,i),o=o.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${e} minutes ${i} seconds`)}}}const r=this.querySelector('[slot="queue-time"]');let l=this.queueTimeLabel;return r&&(l+=`${null!==(s=null===(i=r.textContent)||void 0===i?void 0:i.trim())&&void 0!==s?s:r.innerText.trim()}`),`${this.mediaType} ${this.status} ${this.popovertitle} ${this.itemTitle} ${o} ${l} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,h.A]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}handleAdditionSlotChange(){var t;const e=(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-taskitem__addition")).getBoundingClientRect();this.additionEmptyMargin=0===e.width&&0===e.height}render(){return l.html`
         <div
           part="task-item-container"
           class="md-taskitem ${(0,n.classMap)({selected:this.selected})}"
@@ -39,11 +39,11 @@
           @click=${t=>this.handleClick(t)}
           @keydown=${t=>this.handleKeyDown(t)}
           aria-label=${this.getAriaLabel()}
-          aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
+          aria-disabled=${(0,p.ifDefined)(this.disabled||void 0)}
         >
           <div class="md-taskitem__mediatype">
-            ${(0,d.i0)(this.isRestyle,this.mediaType,this.selected,this.status,this.iconSrc)}
-            ${this.status&&!this.isRestyle?l.html` <span class=${`md-taskitem__status ${this.status}`}> ${(0,d.LG)(this.status)} </span> `:a.nothing}
+            ${(0,m.i0)(this.isRestyle,this.mediaType,this.selected,this.status,this.iconSrc)}
+            ${this.status&&!this.isRestyle?l.html` <span class=${`md-taskitem__status ${this.status}`}> ${(0,m.LG)(this.status)} </span> `:a.nothing}
           </div>
           <div class="md-taskitem__content" part="task-item-content">
             ${this.popovertitle?l.html`
@@ -56,7 +56,9 @@
                     class="md-taskitem__content_title ${(0,n.classMap)({mainTitle:!this.popovertitle,"display-only-title":this.displayOnlyTitle})}"
                     ><md-tooltip placement="bottom" slot-to-tooltip>${this.itemTitle}</md-tooltip></span
                   >
-                `:l.html` <span class="md-taskitem__content_popover_title popover-item-title"><slot name="title"></slot></span> `}
+                `:l.html`
+                  <span class="md-taskitem__content_popover_title popover-item-title"><slot name="title"></slot></span>
+                `}
             <div class="md-taskitem__content_inner">
               ${this.displayOnlyTitle?a.nothing:l.html`
                     <span class="md-taskitem__content_queue">
@@ -83,8 +85,8 @@
             ${this.lastmessage?a.nothing:l.html` <slot name="lastmessage"></slot> `}
           </div>
           <div class="md-taskitem__addition ${(0,n.classMap)({empty_addition:this.additionEmptyMargin})}">
-            <slot @slotchange="${this.handleAdditionSlotChange}"></slot>
-            ${(0,d.Um)(this.quantity,this.isRestyle,this)}
+            <slot @slotchange=${this.handleAdditionSlotChange}></slot>
+            ${(0,m.Um)(this.quantity,this.isRestyle,this)}
           </div>
         </div>
       `}};c([(0,l.property)({type:String})],e.prototype,"mediaType",void 0),c([(0,l.property)({type:String})],e.prototype,"status",void 0),c([(0,l.property)({type:String})],e.prototype,"popovertitle",void 0),c([(0,l.property)({type:String})],e.prototype,"queue",void 0),c([(0,l.property)({type:String,attribute:"queue-time-label"})],e.prototype,"queueTimeLabel",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"accepted",void 0),c([(0,l.property)({type:Boolean,attribute:"display-only-title"})],e.prototype,"displayOnlyTitle",void 0),c([(0,l.property)({type:Number})],e.prototype,"quantity",void 0),c([(0,l.property)({type:String})],e.prototype,"lastmessage",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"selected",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:String})],e.prototype,"customAriaLabel",void 0),c([(0,l.property)({type:String})],e.prototype,"iconSrc",void 0),c([(0,l.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),c([(0,l.property)({type:Boolean,attribute:"is-restyle"})],e.prototype,"isRestyle",void 0),c([(0,l.property)({type:String,reflect:!0})],e.prototype,"title",null),c([(0,l.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),c([(0,l.internalProperty)()],e.prototype,"additionEmptyMargin",void 0),e=c([(0,o.w)("md-task-item")],e),t.ELEMENT=e}(s||(s={}))},97822:t=>{t.exports=o}},h={};function c(t){var e=h[t];if(void 0!==e)return e.exports;var i=h[t]={exports:{}};return m[t](i,i.exports,c),i.exports}c.m=m,d=[],c.O=(t,e,i,s)=>{if(!e){var o=1/0;for(n=0;n<d.length;n++){for(var[e,i,s]=d[n],r=!0,l=0;l<e.length;l++)(!1&s||o>=s)&&Object.keys(c.O).every(t=>c.O[t](e[l]))?e.splice(l--,1):(r=!1,s<o&&(o=s));if(r){d.splice(n--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var n=d.length;n>0&&d[n-1][2]>s;n--)d[n]=d[n-1];d[n]=[e,i,s]},c.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return c.d(e,{a:e}),e},c.d=(t,e)=>{for(var i in e)c.o(e,i)&&!c.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},c.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),c.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={8111:0,8339:0};c.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,l,a]=i,n=0;if(r.some(e=>0!==t[e])){for(s in l)c.o(l,s)&&(c.m[s]=l[s]);if(a)var p=a(c)}for(e&&e(i);n<r.length;n++)o=r[n],c.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return c.O(p)},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 u=c.O(void 0,[6633,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,3553,6877,6700,8923,7119,8028,2019,8612,5427],()=>c(86610));return c.O(u)})());

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

@@ -12,9 +12,9 @@
           max=${(0,h.ifDefined)(e.max)}
           maxLength=${2}
           placeholder="${y[t]}"
-          @input-change="${e=>this.handleTimeChange(e,t)}"
-          @input-keydown="${e=>this.handleTimeKeyDown(e,t)}"
-          @input-blur="${e=>this.handleTimeBlur(e,t)}"
+          @input-change=${e=>this.handleTimeChange(e,t)}
+          @input-keydown=${e=>this.handleTimeKeyDown(e,t)}
+          @input-blur=${e=>this.handleTimeBlur(e,t)}
           .messageArr=${[{message:"",type:this.messageType(this.timeValidity[t])}]}
           .ariaLabel="${t}-input"
           ariaInvalid="${!this.timeValidity[t]}"
@@ -31,7 +31,7 @@
           no-clear-icon
           .inputValue=${this.timeValue[s.R5.AM_PM]}
           .ariaLabel=${this.timeValue[s.R5.AM_PM]}
-          @change-selected="${t=>this.handleTimeChange(t,s.R5.AM_PM)}"
+          @change-selected=${t=>this.handleTimeChange(t,s.R5.AM_PM)}
         >
         </md-combobox>
       `}get timePickerClassMap(){return{"twenty-four-hour-format":this.finalTwentyFourFormat}}connectedCallback(){super.connectedCallback(),this.initializeTimeValues()}updated(t){super.updated(t),["value","locale","twentyFourHourFormat","showDefaultNowTime","timeSpecificity"].some(e=>t.has(e))&&this.initializeTimeValues()}initializeTimeValues(){if(this.showDefaultNowTime||this.value){const t=this.value||(0,r.tB)().toISOTime({suppressMilliseconds:!0});t&&this.updateValue(t)}else{const t=c.DateTime.now().setLocale(this.locale),e=this.getLocaleTimeFormat(t);this.finalTwentyFourFormat=this.twentyFourHourFormat||e;const i=this.timeSpecificity===s.R5.MINUTE||this.timeSpecificity===s.R5.SECOND,o=this.timeSpecificity===s.R5.SECOND;this.timeValue={[s.R5.HOUR]:"",[s.R5.MINUTE]:i?"":"00",[s.R5.SECOND]:o?"":"00",[s.R5.AM_PM]:"AM"}}}updateValue(t){const e=t||this.value;if(!e)return;this.timeObject=c.DateTime.fromISO(e,{locale:this.locale});const i=this.getLocaleTimeFormat(this.timeObject);this.finalTwentyFourFormat=this.twentyFourHourFormat||i,this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.updateTimeValues()}dispatchTimeChangeEvent(){this.dispatchEvent(new CustomEvent("time-selection-change",{bubbles:!0,composed:!0,detail:{time:this.value,data:this.timeObject,isValid:this.isEntireTimeValid()}}))}handleTimeChange(t,e){var i,o,r;this.timeValue[e]=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.value,this.requestUpdate(),this.formatTimeUnit(e);const a=this.timeValue[e];if(this.twoDigitAutoTab&&this.tabNext&&(e!==s.R5.AM_PM&&2===a.length&&"0"!==a[0]||"00"===a)){t.preventDefault();const e=null==t?void 0:t.target,i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("md-input, md-combobox");if(i){const t=Array.prototype.findIndex.call(i,t=>null==e?void 0:e.isEqualNode(t)),s=(t+1)%i.length;if(t<i.length-1){const t=null===(r=i[s].shadowRoot)||void 0===r?void 0:r.querySelector("input");null==t||t.focus()}}}else e===s.R5.AM_PM&&this.updateTimeUnit(e);t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-change`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`,isValid:this.timeValidity[e]}}))}handleTimeKeyDown(t,e){var i;const o=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.srcEvent;if(!o)return void console.warn("srcEvent is undefined");const{key:r}=o;r===s.Uz.ArrowDown||r===s.Uz.ArrowUp?this.tabNext=!1:this.tabNext=!0,this.timeValidity[e]=!0,this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-keydown`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`}}))}handleTimeBlur(t,e){"0"===this.timeValue[e]&&(this.timeValue[e]="00"),this.updateTimeUnit(e),this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-blur`,{bubbles:!0,composed:!0,detail:{srcEvent:t,time:this.value,isValid:this.timeValidity[e]}}))}static get styles(){return[l.A,p.A]}render(){return n.html`

package/dist/index-entry.js

@@ -324,7 +324,7 @@
         ${this.messagesTemplate()} ${this.helpTextTemplate()}
       `}};g([(0,d.property)({type:String})],i.prototype,"label",void 0),g([(0,d.property)({type:Array})],i.prototype,"options",void 0),g([(0,d.property)({type:Array,attribute:"custom-options"})],i.prototype,"customOptions",void 0),g([(0,d.property)({type:String})],i.prototype,"placeholder",void 0),g([(0,d.property)({type:Boolean,attribute:"is-multi"})],i.prototype,"isMulti",void 0),g([(0,d.property)({type:Boolean,attribute:"use-virtual-scroll"})],i.prototype,"useVirtualScroll",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"ordered",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"expanded",void 0),g([(0,d.property)({type:Array,reflect:!0})],i.prototype,"groupExpandedList",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"searchItem",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"compact",void 0),g([(0,d.property)({type:Boolean,attribute:"no-clear-icon"})],i.prototype,"noClearIcon",void 0),g([(0,d.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),g([(0,d.property)({type:Array})],i.prototype,"selectedOptions",void 0),g([(0,d.property)({type:Number,attribute:"visible-option",reflect:!0})],i.prototype,"visibleOptions",void 0),g([(0,d.property)({type:String,attribute:"option-id",reflect:!0})],i.prototype,"optionId",void 0),g([(0,d.property)({type:String,attribute:"option-value",reflect:!0})],i.prototype,"optionValue",void 0),g([(0,d.property)({type:Boolean,attribute:"with-custom-content"})],i.prototype,"isCustomContent",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"searchable",void 0),g([(0,d.property)({type:String})],i.prototype,"shape",void 0),g([(0,d.property)({type:Array})],i.prototype,"value",void 0),g([(0,d.property)({type:String,attribute:"input-value",reflect:!0})],i.prototype,"inputValue",void 0),g([(0,d.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],i.prototype,"allowCustomValue",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),g([(0,d.property)({type:String,attribute:"no-results-i18n"})],i.prototype,"resultsTextLocalization",void 0),g([(0,d.property)({type:String,attribute:"no-options-i18n"})],i.prototype,"optionsTextLocalization",void 0),g([(0,d.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],i.prototype,"trimSpace",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"invalid",void 0),g([(0,d.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],i.prototype,"invalidText",void 0),g([(0,d.property)({type:String,reflect:!0})],i.prototype,"ariaLabel",void 0),g([(0,d.property)({type:String,attribute:"search-result-aria-label"})],i.prototype,"searchResultAriaLabel",void 0),g([(0,d.internalProperty)()],i.prototype,"ariaLabelForComboBox",void 0),g([(0,d.property)({type:String,attribute:"clear-aria-label"})],i.prototype,"clearAriaLabel",void 0),g([(0,d.property)({type:String,attribute:"arrow-aria-label"})],i.prototype,"arrowAriaLabel",void 0),g([(0,d.property)({type:String,attribute:"clear-icon-height"})],i.prototype,"clearIconHeight",void 0),g([(0,d.property)({type:String,attribute:"all-i18n"})],i.prototype,"allTextLocalization",void 0),g([(0,d.property)({type:String,attribute:"select-all-i18n"})],i.prototype,"selectAllTextLocalization",void 0),g([(0,d.property)({type:String,attribute:"selected-all-i18n"})],i.prototype,"selectedTextLocalization",void 0),g([(0,d.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],i.prototype,"allowSelectAll",void 0),g([(0,d.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],i.prototype,"showCustomError",void 0),g([(0,d.property)({type:Boolean,attribute:"show-loader",reflect:!0})],i.prototype,"showLoader",void 0),g([(0,d.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],i.prototype,"showSelectedCount",void 0),g([(0,d.property)({type:String,attribute:"popup-chevron-aria-hidden"})],i.prototype,"popupChevronAriaHidden",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"newMomentum",void 0),g([(0,d.property)({type:Boolean,attribute:"show-filter-icon"})],i.prototype,"showFilterIcon",void 0),g([(0,d.property)({type:Boolean,attribute:"prevent-filter"})],i.prototype,"preventFilter",void 0),g([(0,d.property)({type:Boolean,attribute:"is-dropdown-arrow"})],i.prototype,"isDropdownArrow",void 0),g([(0,d.property)({type:String})],i.prototype,"comboboxId",void 0),g([(0,d.property)({type:String})],i.prototype,"helpText",void 0),g([(0,d.property)({type:Array})],i.prototype,"messageArr",void 0),g([(0,d.property)({type:String})],i.prototype,"htmlId",void 0),g([(0,d.property)({type:Boolean,reflect:!0})],i.prototype,"readOnly",void 0),g([(0,d.internalProperty)()],i.prototype,"isOptGroup",void 0),g([(0,d.internalProperty)()],i.prototype,"isSelectAllChecked",void 0),g([(0,d.query)(".group")],i.prototype,"group",void 0),g([(0,d.query)(".md-combobox-listbox")],i.prototype,"input",void 0),g([(0,d.query)(".md-combobox-button")],i.prototype,"button",void 0),g([(0,d.query)("div#md-combobox-listbox")],i.prototype,"listBox",void 0),g([(0,d.query)(".virtual-scroll")],i.prototype,"virtualizer",void 0),g([(0,d.queryAll)("div.md-combobox-option")],i.prototype,"lists",void 0),g([(0,d.queryAll)(".group-label")],i.prototype,"labels",void 0),g([(0,d.queryAll)(".md-combobox-selected-item")],i.prototype,"selected",void 0),i=g([(0,n.w)("md-combobox")],i),t.ELEMENT=i}(o||(o={}))},5784:t=>{t.exports=f},6396:(t,e,i)=>{i.d(e,{Label:()=>o});var o,s=i(31890),r=i(26272),n=i(41488),a=i(17518),l=i(11598),d=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.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,l.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 n.html`
         <label
-          @click="${()=>this.handleClick()}"
+          @click=${()=>this.handleClick()}
           class="md-label ${(0,a.classMap)(this.labelClassMap)}"
           for="${this.htmlFor}"
         >
@@ -445,10 +445,10 @@
             ${this.renderOverflowY()};
           }
         </style>
-      `}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(t){var e;return"md-input"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.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(t){super.update(t),t.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),t.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(t){super.updated(t),t.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(t){t?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,v.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,function*(){var t;this.isOpen&&(null===(t=this.popperInstance)||void 0===t||t.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...v.defaultModifiers,c(),m(),b(),h(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:t,reference:e})=>"left-end"===t||"right-end"===t?[e.height+e.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var t;(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(t){var e;null===(e=this.setFocusOnTrigger)||void 0===e||e.call(this,t)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[w.A]}render(){return g.html`
+      `}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(t){var e;return"md-input"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.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(t){super.update(t),t.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),t.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(t){if(super.updated(t),t.has("isOpen")){const e=t.get("isOpen");this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===e&&(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(t){t?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,v.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,function*(){var t;this.isOpen&&(null===(t=this.popperInstance)||void 0===t||t.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...v.defaultModifiers,c(),m(),b(),h(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:t,reference:e})=>"left-end"===t||"right-end"===t?[e.height+e.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var t;(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(t){var e;null===(e=this.setFocusOnTrigger)||void 0===e||e.call(this,t)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[w.A]}render(){return g.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"
@@ -560,7 +560,7 @@
             ariaLabel=${this.ariaLabel}
             placeholder="${this.codePlaceholder}"
             .value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
-            @change-selected="${t=>this.handleCountryChange(t)}"
+            @change-selected=${t=>this.handleCountryChange(t)}
             with-custom-content
             ?newMomentum=${this.newMomentum}
             ?is-dropdown-arrow=${this.isDropdownArrow}
@@ -611,8 +611,8 @@
             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>
@@ -627,7 +627,7 @@
             </md-icon>
           `:a.html`<slot name="left"></slot>`,o=this.titleText?"refresh-button-with-title":"refresh-button",s=this.showRefreshButton?a.html` <md-button
             class="${o}"
-            @click="${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}"
+            @click=${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}
             variant="ghostInheritTextColor"
             circle
             size="20"
@@ -879,8 +879,8 @@
                   aria-label="${this.title}"
                   aria-controls="md-dropdown-list"
                   aria-haspopup="listbox"
-                  ?disabled="${this.disabled}"
-                  @click="${()=>this.onLabelClick()}"
+                  ?disabled=${this.disabled}
+                  @click=${()=>this.onLabelClick()}
                   part="dropdown-header"
                   role="combobox"
                   tabindex="0"
@@ -917,7 +917,7 @@
                   part="dropdown-option"
                   ?focused="${e===this.focusedIndex}"
                   ?selected="${t.key===this.selectedKey}"
-                  @click="${()=>{this.focusToIndexWithOption(t),this.select(),this.collapse()}}"
+                  @click=${()=>{this.focusToIndexWithOption(t),this.select(),this.collapse()}}
                 >
                   <span class="select-label" part="label">
                     <span>${t.value}</span>
@@ -938,7 +938,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?n.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:n.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
@@ -957,7 +957,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>
@@ -965,8 +965,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
@@ -975,7 +975,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>
@@ -986,7 +986,7 @@
                   hasRemoveStyle
                   class="volume-btn"
                   aria-label="${this.labelMap.volumeBtn.ariaLabel}"
-                  @click="${this.toggleSoundMute}"
+                  @click=${this.toggleSoundMute}
                 >
                   ${this.isMuted?n.html`
                         <md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
@@ -996,7 +996,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>
@@ -1005,7 +1005,7 @@
                   ${p.map(t=>{const e=this.selectedPlaybackSpeed==t.value&&!this.currentlySelectingPlaybackSpeed;return n.html`
                       <li
                         class=${e?"speed-popup-selected-speed":""}
-                        @click="${()=>this.setPlaybackSpeed(t.value)}"
+                        @click=${()=>this.setPlaybackSpeed(t.value)}
                       >
                         <span>${t.label}</span>
                         ${this.playbackSpeed==t.value?n.html`
@@ -1132,7 +1132,7 @@
           focus-back-to-trigger
           placement=${this.placement}
           hide-on-escape
-          @hidden="${()=>{this.notifyCoachClose()}}"
+          @hidden=${()=>{this.notifyCoachClose()}}
         >
           <div class="md-coachmark__popper" tabindex="-1">
             ${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
@@ -1149,8 +1149,8 @@
                 size="20"
                 circle
                 class="md-close md-modal__close"
-                @click="${this.hideModal}"
-                @keydown="${this.handleKeyDown}"
+                @click=${this.hideModal}
+                @keydown=${this.handleKeyDown}
                 ariaLabel=${this.ariaLabelClose}
               >
                 <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
@@ -1173,8 +1173,8 @@
             <div part="modal-footer" class="md-modal__footer">
               <md-button
                 aria-label=${this.ariaLabelCancel}
-                @click="${this.handleFooterClick}"
-                @keydown="${this.handleKeyDown}"
+                @click=${this.handleFooterClick}
+                @keydown=${this.handleKeyDown}
                 variant="secondary"
               >
                 <span>Cancel</span>
@@ -1183,8 +1183,8 @@
                 type="submit"
                 variant="primary"
                 aria-label=${this.ariaLabelSubmit}
-                @click="${this.handleFooterClick}"
-                @keydown="${this.handleKeyDown}"
+                @click=${this.handleFooterClick}
+                @keydown=${this.handleKeyDown}
               >
                 <span>${this.closeBtnName}</span>
               </md-button>
@@ -1192,7 +1192,7 @@
           `}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,[`md-modal--${this.size}`]:!!this.size,[`md-modal--${this.computedAlignment}`]:!!this.computedAlignment}}render(){return d.html`
         ${this.show?d.html`
               <div part="modal-backdrop" class="md-modal__backdrop fade ${(0,p.classMap)(this.modalBackDropClassMap)}">
-                ${this.backdropClickExit?d.html` <div class="md-modal_overlay" @click="${this.handleCloseBackdrop}"></div> `:h.nothing}
+                ${this.backdropClickExit?d.html` <div class="md-modal_overlay" @click=${this.handleCloseBackdrop}></div> `:h.nothing}
 
                 <div
                   part="modal-container"
@@ -1362,9 +1362,9 @@
           max=${(0,p.ifDefined)(e.max)}
           maxLength=${2}
           placeholder="${v[t]}"
-          @input-change="${e=>this.handleTimeChange(e,t)}"
-          @input-keydown="${e=>this.handleTimeKeyDown(e,t)}"
-          @input-blur="${e=>this.handleTimeBlur(e,t)}"
+          @input-change=${e=>this.handleTimeChange(e,t)}
+          @input-keydown=${e=>this.handleTimeKeyDown(e,t)}
+          @input-blur=${e=>this.handleTimeBlur(e,t)}
           .messageArr=${[{message:"",type:this.messageType(this.timeValidity[t])}]}
           .ariaLabel="${t}-input"
           ariaInvalid="${!this.timeValidity[t]}"
@@ -1381,7 +1381,7 @@
           no-clear-icon
           .inputValue=${this.timeValue[o.R5.AM_PM]}
           .ariaLabel=${this.timeValue[o.R5.AM_PM]}
-          @change-selected="${t=>this.handleTimeChange(t,o.R5.AM_PM)}"
+          @change-selected=${t=>this.handleTimeChange(t,o.R5.AM_PM)}
         >
         </md-combobox>
       `}get timePickerClassMap(){return{"twenty-four-hour-format":this.finalTwentyFourFormat}}connectedCallback(){super.connectedCallback(),this.initializeTimeValues()}updated(t){super.updated(t),["value","locale","twentyFourHourFormat","showDefaultNowTime","timeSpecificity"].some(e=>t.has(e))&&this.initializeTimeValues()}initializeTimeValues(){if(this.showDefaultNowTime||this.value){const t=this.value||(0,r.tB)().toISOTime({suppressMilliseconds:!0});t&&this.updateValue(t)}else{const t=c.DateTime.now().setLocale(this.locale),e=this.getLocaleTimeFormat(t);this.finalTwentyFourFormat=this.twentyFourHourFormat||e;const i=this.timeSpecificity===o.R5.MINUTE||this.timeSpecificity===o.R5.SECOND,s=this.timeSpecificity===o.R5.SECOND;this.timeValue={[o.R5.HOUR]:"",[o.R5.MINUTE]:i?"":"00",[o.R5.SECOND]:s?"":"00",[o.R5.AM_PM]:"AM"}}}updateValue(t){const e=t||this.value;if(!e)return;this.timeObject=c.DateTime.fromISO(e,{locale:this.locale});const i=this.getLocaleTimeFormat(this.timeObject);this.finalTwentyFourFormat=this.twentyFourHourFormat||i,this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.updateTimeValues()}dispatchTimeChangeEvent(){this.dispatchEvent(new CustomEvent("time-selection-change",{bubbles:!0,composed:!0,detail:{time:this.value,data:this.timeObject,isValid:this.isEntireTimeValid()}}))}handleTimeChange(t,e){var i,s,r;this.timeValue[e]=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.value,this.requestUpdate(),this.formatTimeUnit(e);const n=this.timeValue[e];if(this.twoDigitAutoTab&&this.tabNext&&(e!==o.R5.AM_PM&&2===n.length&&"0"!==n[0]||"00"===n)){t.preventDefault();const e=null==t?void 0:t.target,i=null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelectorAll("md-input, md-combobox");if(i){const t=Array.prototype.findIndex.call(i,t=>null==e?void 0:e.isEqualNode(t)),o=(t+1)%i.length;if(t<i.length-1){const t=null===(r=i[o].shadowRoot)||void 0===r?void 0:r.querySelector("input");null==t||t.focus()}}}else e===o.R5.AM_PM&&this.updateTimeUnit(e);t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-change`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`,isValid:this.timeValidity[e]}}))}handleTimeKeyDown(t,e){var i;const s=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.srcEvent;if(!s)return void console.warn("srcEvent is undefined");const{key:r}=s;r===o.Uz.ArrowDown||r===o.Uz.ArrowUp?this.tabNext=!1:this.tabNext=!0,this.timeValidity[e]=!0,this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-keydown`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`}}))}handleTimeBlur(t,e){"0"===this.timeValue[e]&&(this.timeValue[e]="00"),this.updateTimeUnit(e),this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-blur`,{bubbles:!0,composed:!0,detail:{srcEvent:t,time:this.value,isValid:this.timeValidity[e]}}))}static get styles(){return[a.A,u.A]}render(){return l.html`
@@ -1429,7 +1429,7 @@
               id="${this.getCopyTabId(t)}"
               aria-label=${t.ariaLabel}
               aria-controls="${this.getAriaControlId(t)}"
-              @click="${()=>this.handleOverlayClose()}"
+              @click=${()=>this.handleOverlayClose()}
               tabIndex="${this.tabHiddenIdPositiveTabIndex===t.id?0:-1}"
               role="menuitem"
               ?newMomentum=${this.newMomentum}
@@ -1446,8 +1446,8 @@
           max-height="${"288px"}"
           class="md-menu-overlay__more ${(0,h.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
           placement="bottom-end"
-          @menu-overlay-open="${()=>this.isMoreTabMenuOpen=!0}"
-          @menu-overlay-close="${()=>this.isMoreTabMenuOpen=!1}"
+          @menu-overlay-open=${()=>this.isMoreTabMenuOpen=!0}
+          @menu-overlay-close=${()=>this.isMoreTabMenuOpen=!1}
         >
           ${this.moreMenuButtonTemplate}
           <div
@@ -1599,7 +1599,7 @@
               <div
                 class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
                 @click=${this.handleMinimize}
-                @keydown="${this.handleKeyDown}"
+                @keydown=${this.handleKeyDown}
                 role="dialog"
                 tabindex="-1"
                 part="floating-minimized"
@@ -1627,7 +1627,7 @@
                     aria-label="${this.closeAriaLabel}"
                     circle
                     @click=${this.handleClose}
-                    @keydown="${this.handleKeyDownClose}"
+                    @keydown=${this.handleKeyDownClose}
                   >
                     <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
                   </md-button>
@@ -1937,12 +1937,12 @@
             aria-label=${(0,p.ifDefined)(this.label.length?this.label:void 0)}
             type="button"
             role="button"
-            @click="${()=>this.handleMouseDown()}"
-            @keydown="${t=>this.handleKeyDown(t)}"
-            @mouseenter="${()=>this.handleMouseEnter()}"
-            @mouseleave="${()=>this.handleMouseLeave()}"
-            @focus="${()=>this.handleFocus()}"
-            @blur="${()=>this.handleBlur()}"
+            @click=${()=>this.handleMouseDown()}
+            @keydown=${t=>this.handleKeyDown(t)}
+            @mouseenter=${()=>this.handleMouseEnter()}
+            @mouseleave=${()=>this.handleMouseLeave()}
+            @focus=${()=>this.handleFocus()}
+            @blur=${()=>this.handleBlur()}
           >
             <md-icon name="${this.iconName}" size="${this.iconSize}" iconSet="momentumDesign"></md-icon>
           </button>
@@ -1961,7 +1961,7 @@
             size="20"
             circle
             ariaLabel=${(0,d.ifDefined)(this.closeButtonAriaLabel)||""}
-            @button-click="${this.hidePopover}"
+            @button-click=${this.hidePopover}
           >
             <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
           </md-button>`:l.nothing}
@@ -2092,7 +2092,7 @@
                     hasRemoveStyle
                     color="color-none"
                     circle
-                    @click="${()=>this.close()}"
+                    @click=${()=>this.close()}
                   >
                     <md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
                   </md-button>
@@ -2151,7 +2151,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>
@@ -2390,7 +2390,7 @@
             ariaLabel=${this.countryCodeAriaLabel}
             codePlaceholder="${this.codePlaceholder}"
             .countryCallingCode="${this.countryCallingCode}"
-            @country-code-changed="${t=>this.handleCountryChange(t)}"
+            @country-code-changed=${t=>this.handleCountryChange(t)}
             ?newMomentum=${this.newMomentum}
             ?isDropdownArrow=${!0}
             .clearAriaLabel="${this.clearCountryCodeAriaLabel}"
@@ -2402,9 +2402,9 @@
             placeholder=${this.numberPlaceholder}
             .ariaInvalid=${this.isValid?"false":"true"}
             .ariaLabel=${`${this.dialNumberAriaLabel}`}
-            @input-change="${t=>this.handlePhoneChange(t)}"
-            @input-blur="${t=>this.handleBlur(t)}"
-            @input-keydown="${t=>this.handleKeydown(t)}"
+            @input-change=${t=>this.handlePhoneChange(t)}
+            @input-blur=${t=>this.handleBlur(t)}
+            @input-keydown=${t=>this.handleKeydown(t)}
             shape="${this.pill?"pill":"none"}"
             .ariaControls=${this.id}
             clear
@@ -2450,7 +2450,7 @@
           </div>
         </md-datepicker>
       </div>
-    `}};c([(0,a.property)({type:String})],e.prototype,"maxDate",void 0),c([(0,a.property)({type:String})],e.prototype,"minDate",void 0),c([(0,a.property)({type:String})],e.prototype,"weekStart",void 0),c([(0,a.property)({type:String})],e.prototype,"ariaLabel",void 0),c([(0,a.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),c([(0,a.property)({type:Boolean,attribute:"should-close-on-select"})],e.prototype,"shouldCloseOnSelect",void 0),c([(0,a.property)({type:Boolean,attribute:"twenty-four-hour-format"})],e.prototype,"twentyFourHourFormat",void 0),c([(0,a.property)({type:String})],e.prototype,"timeSpecificity",void 0),c([(0,a.property)({type:String,attribute:"date-value"})],e.prototype,"dateValue",void 0),c([(0,a.property)({type:String,attribute:"time-value"})],e.prototype,"timeValue",void 0),c([(0,a.property)({type:String,reflect:!0})],e.prototype,"value",void 0),c([(0,a.property)({type:Boolean,attribute:"disable-date-validation"})],e.prototype,"disableDateValidation",void 0),c([(0,a.property)({type:String})],e.prototype,"locale",void 0),c([(0,a.property)({type:String,attribute:"placeholder"})],e.prototype,"placeholder",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"useISOFormat",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,a.property)({type:String,attribute:"positioning-strategy"})],e.prototype,"positioningStrategy",void 0),c([(0,a.property)({type:Boolean,attribute:"show-default-now-date"})],e.prototype,"showDefaultNowDate",void 0),c([(0,a.property)({type:Boolean,attribute:"compact-input"})],e.prototype,"compactInput",void 0),c([(0,a.property)({type:Object,attribute:!1})],e.prototype,"controlButtons",void 0),c([(0,a.internalProperty)()],e.prototype,"fullDateTime",void 0),c([(0,a.internalProperty)()],e.prototype,"selectedTimeObject",void 0),c([(0,a.internalProperty)()],e.prototype,"selectedDateObject",void 0),c([(0,a.query)("md-datepicker")],e.prototype,"datePicker",void 0),c([(0,a.query)("md-timepicker")],e.prototype,"timePicker",void 0),e=c([(0,s.w)("md-date-time-picker")],e),t.ELEMENT=e}(o||(o={}))},86610:(t,e,i)=>{i.d(e,{TaskItem:()=>o}),i(38028),i(63704),i(61200);var o,s=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(23968),d=i(31465),h=i(5657),p=i(50182),c=i(97822),u=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.mediaType=d.r.TELEPHONY,this.status="",this.popovertitle="",this.queue="",this.queueTimeLabel="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.disabled=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.isRestyle=!1,this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.additionEmptyMargin=!1}get title(){return this.displayTitle}set title(t){this.titleValue=t,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(t){this.itemTitleValue=t,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}getAriaLabel(){var t,e,i,o;if(this.customAriaLabel)return this.customAriaLabel;let s=this.queue;if(!s){const i=this.querySelector('[slot="queue"]');if(i){s=null!==(e=null===(t=i.textContent)||void 0===t?void 0:t.trim())&&void 0!==e?e:i.innerText.trim();const o=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(s);if(o){const[,t=0,e,i]=o.map(Number);(new Date).setHours(t,e,i),s=s.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${e} minutes ${i} seconds`)}}}const r=this.querySelector('[slot="queue-time"]');let n=this.queueTimeLabel;return r&&(n+=`${null!==(o=null===(i=r.textContent)||void 0===i?void 0:i.trim())&&void 0!==o?o:r.innerText.trim()}`),`${this.mediaType} ${this.status} ${this.popovertitle} ${this.itemTitle} ${s} ${n} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,p.A]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}handleAdditionSlotChange(){var t;const e=(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-taskitem__addition")).getBoundingClientRect();this.additionEmptyMargin=0===e.width&&0===e.height}render(){return n.html`
+    `}};c([(0,a.property)({type:String})],e.prototype,"maxDate",void 0),c([(0,a.property)({type:String})],e.prototype,"minDate",void 0),c([(0,a.property)({type:String})],e.prototype,"weekStart",void 0),c([(0,a.property)({type:String})],e.prototype,"ariaLabel",void 0),c([(0,a.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),c([(0,a.property)({type:Boolean,attribute:"should-close-on-select"})],e.prototype,"shouldCloseOnSelect",void 0),c([(0,a.property)({type:Boolean,attribute:"twenty-four-hour-format"})],e.prototype,"twentyFourHourFormat",void 0),c([(0,a.property)({type:String})],e.prototype,"timeSpecificity",void 0),c([(0,a.property)({type:String,attribute:"date-value"})],e.prototype,"dateValue",void 0),c([(0,a.property)({type:String,attribute:"time-value"})],e.prototype,"timeValue",void 0),c([(0,a.property)({type:String,reflect:!0})],e.prototype,"value",void 0),c([(0,a.property)({type:Boolean,attribute:"disable-date-validation"})],e.prototype,"disableDateValidation",void 0),c([(0,a.property)({type:String})],e.prototype,"locale",void 0),c([(0,a.property)({type:String,attribute:"placeholder"})],e.prototype,"placeholder",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"useISOFormat",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,a.property)({type:String,attribute:"positioning-strategy"})],e.prototype,"positioningStrategy",void 0),c([(0,a.property)({type:Boolean,attribute:"show-default-now-date"})],e.prototype,"showDefaultNowDate",void 0),c([(0,a.property)({type:Boolean,attribute:"compact-input"})],e.prototype,"compactInput",void 0),c([(0,a.property)({type:Object,attribute:!1})],e.prototype,"controlButtons",void 0),c([(0,a.internalProperty)()],e.prototype,"fullDateTime",void 0),c([(0,a.internalProperty)()],e.prototype,"selectedTimeObject",void 0),c([(0,a.internalProperty)()],e.prototype,"selectedDateObject",void 0),c([(0,a.query)("md-datepicker")],e.prototype,"datePicker",void 0),c([(0,a.query)("md-timepicker")],e.prototype,"timePicker",void 0),e=c([(0,s.w)("md-date-time-picker")],e),t.ELEMENT=e}(o||(o={}))},86610:(t,e,i)=>{i.d(e,{TaskItem:()=>o}),i(38028),i(63704),i(61200);var o,s=i(31890),r=i(26272),n=i(41488),a=i(40333),l=i(23968),d=i(97822),h=i(31465),p=i(5657),c=i(50182),u=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.mediaType=h.r.TELEPHONY,this.status="",this.popovertitle="",this.queue="",this.queueTimeLabel="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.disabled=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.isRestyle=!1,this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.additionEmptyMargin=!1}get title(){return this.displayTitle}set title(t){this.titleValue=t,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(t){this.itemTitleValue=t,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}getAriaLabel(){var t,e,i,o;if(this.customAriaLabel)return this.customAriaLabel;let s=this.queue;if(!s){const i=this.querySelector('[slot="queue"]');if(i){s=null!==(e=null===(t=i.textContent)||void 0===t?void 0:t.trim())&&void 0!==e?e:i.innerText.trim();const o=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(s);if(o){const[,t=0,e,i]=o.map(Number);(new Date).setHours(t,e,i),s=s.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${e} minutes ${i} seconds`)}}}const r=this.querySelector('[slot="queue-time"]');let n=this.queueTimeLabel;return r&&(n+=`${null!==(o=null===(i=r.textContent)||void 0===i?void 0:i.trim())&&void 0!==o?o:r.innerText.trim()}`),`${this.mediaType} ${this.status} ${this.popovertitle} ${this.itemTitle} ${s} ${n} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,c.A]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}handleAdditionSlotChange(){var t;const e=(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-taskitem__addition")).getBoundingClientRect();this.additionEmptyMargin=0===e.width&&0===e.height}render(){return n.html`
         <div
           part="task-item-container"
           class="md-taskitem ${(0,l.classMap)({selected:this.selected})}"
@@ -2459,11 +2459,11 @@
           @click=${t=>this.handleClick(t)}
           @keydown=${t=>this.handleKeyDown(t)}
           aria-label=${this.getAriaLabel()}
-          aria-disabled=${(0,c.ifDefined)(this.disabled||void 0)}
+          aria-disabled=${(0,d.ifDefined)(this.disabled||void 0)}
         >
           <div class="md-taskitem__mediatype">
-            ${(0,h.i0)(this.isRestyle,this.mediaType,this.selected,this.status,this.iconSrc)}
-            ${this.status&&!this.isRestyle?n.html` <span class=${`md-taskitem__status ${this.status}`}> ${(0,h.LG)(this.status)} </span> `:a.nothing}
+            ${(0,p.i0)(this.isRestyle,this.mediaType,this.selected,this.status,this.iconSrc)}
+            ${this.status&&!this.isRestyle?n.html` <span class=${`md-taskitem__status ${this.status}`}> ${(0,p.LG)(this.status)} </span> `:a.nothing}
           </div>
           <div class="md-taskitem__content" part="task-item-content">
             ${this.popovertitle?n.html`
@@ -2476,7 +2476,9 @@
                     class="md-taskitem__content_title ${(0,l.classMap)({mainTitle:!this.popovertitle,"display-only-title":this.displayOnlyTitle})}"
                     ><md-tooltip placement="bottom" slot-to-tooltip>${this.itemTitle}</md-tooltip></span
                   >
-                `:n.html` <span class="md-taskitem__content_popover_title popover-item-title"><slot name="title"></slot></span> `}
+                `:n.html`
+                  <span class="md-taskitem__content_popover_title popover-item-title"><slot name="title"></slot></span>
+                `}
             <div class="md-taskitem__content_inner">
               ${this.displayOnlyTitle?a.nothing:n.html`
                     <span class="md-taskitem__content_queue">
@@ -2503,8 +2505,8 @@
             ${this.lastmessage?a.nothing:n.html` <slot name="lastmessage"></slot> `}
           </div>
           <div class="md-taskitem__addition ${(0,l.classMap)({empty_addition:this.additionEmptyMargin})}">
-            <slot @slotchange="${this.handleAdditionSlotChange}"></slot>
-            ${(0,h.Um)(this.quantity,this.isRestyle,this)}
+            <slot @slotchange=${this.handleAdditionSlotChange}></slot>
+            ${(0,p.Um)(this.quantity,this.isRestyle,this)}
           </div>
         </div>
       `}};u([(0,n.property)({type:String})],e.prototype,"mediaType",void 0),u([(0,n.property)({type:String})],e.prototype,"status",void 0),u([(0,n.property)({type:String})],e.prototype,"popovertitle",void 0),u([(0,n.property)({type:String})],e.prototype,"queue",void 0),u([(0,n.property)({type:String,attribute:"queue-time-label"})],e.prototype,"queueTimeLabel",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"accepted",void 0),u([(0,n.property)({type:Boolean,attribute:"display-only-title"})],e.prototype,"displayOnlyTitle",void 0),u([(0,n.property)({type:Number})],e.prototype,"quantity",void 0),u([(0,n.property)({type:String})],e.prototype,"lastmessage",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"selected",void 0),u([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),u([(0,n.property)({type:String})],e.prototype,"customAriaLabel",void 0),u([(0,n.property)({type:String})],e.prototype,"iconSrc",void 0),u([(0,n.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),u([(0,n.property)({type:Boolean,attribute:"is-restyle"})],e.prototype,"isRestyle",void 0),u([(0,n.property)({type:String,reflect:!0})],e.prototype,"title",null),u([(0,n.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),u([(0,n.internalProperty)()],e.prototype,"additionEmptyMargin",void 0),e=u([(0,s.w)("md-task-item")],e),t.ELEMENT=e}(o||(o={}))},86635:t=>{t.exports=l},90195:(t,e,i)=>{var o,s,r,n;i.d(e,{R5:()=>s,Uz:()=>o,iw:()=>n}),function(t){t.ArrowDown="ArrowDown",t.ArrowLeft="ArrowLeft",t.ArrowRight="ArrowRight",t.ArrowUp="ArrowUp",t.Backspace="Backspace",t.Delete="Delete",t.End="End",t.Enter="Enter",t.Escape="Escape",t.Home="Home",t.Space="Space",t.Tab="Tab",t.Digit1="Digit1",t.Digit2="Digit2",t.Digit3="Digit3",t.Digit4="Digit4",t.Digit5="Digit5",t.Digit6="Digit6",t.Digit7="Digit7",t.Digit8="Digit8",t.Digit9="Digit9",t.NumpadEnter="NumpadEnter"}(o||(o={})),function(t){t.HOUR="hour",t.MINUTE="minute",t.SECOND="second",t.AM_PM="am_pm"}(s||(s={})),function(t){t.GRAMMAR="grammar",t.FALSE="false",t.SPELLING="spelling",t.TRUE="true"}(r||(r={})),function(t){t.AriaActivedescendant="aria-activedescendant"}(n||(n={}))},90827:(t,e,i)=>{i.d(e,{CardV2:()=>u}),i(96798),i(61200),i(83192);var o=i(31890),s=i(26272),r=i(41488),n=i(40333),a=i(23968),l=i(65796),d=i(52759),h=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const p="hh:mm:ss";var c,u;!function(t){t.DEFAULT="default",t.ACTIVE="active",t.INACTIVE="inactive"}(c||(c={})),function(t){let e=class extends r.LitElement{constructor(){super(...arguments),this.state=c.DEFAULT,this.identifier=void 0,this.header=void 0,this.info=void 0,this.data=void 0,this.createdTime=0,this.active=!1,this.expandable=!1,this.expandAriaLabel="Expand for more details",this.renderedData=""}connectedCallback(){super.connectedCallback(),this.checkForExtraInfoSlot()}disconnectedCallback(){super.disconnectedCallback(),this.clearInterval()}clearInterval(){this.interval&&(clearInterval(this.interval),this.interval=void 0)}static get styles(){return[s.A,d.A]}get isCardActive(){return this.state===c.ACTIVE}update(t){super.update(t),(t.has("active")||t.has("data")||t.has("createdTime"))&&this.calculateRenderedData()}expandCardToggled(){var t;this.state=this.isCardActive?c.DEFAULT:c.ACTIVE,this.dispatchEvent(new CustomEvent("expand-card-toggled",{detail:{identifier:null!==(t=this.identifier)&&void 0!==t?t:"",active:this.isCardActive},bubbles:!0,composed:!0}))}checkForExtraInfoSlot(){var t;(null===(t=this.extraInfoSlot)||void 0===t?void 0:t.assignedNodes().length)>0?this.setAttribute("has-extra-info",""):this.removeAttribute("has-extra-info")}handleExtraInfoSlotChange(t){this.checkForExtraInfoSlot()}get cardClassMap(){return{"md-card-v2":!0,[`md-card--${this.state}`]:!0}}get contentClassMap(){return{"md-card-v2-content":!0,inactive:this.state===c.INACTIVE}}get footerExpandClassMap(){return{"md-card-v2-footer-expand":!0,hidden:!this.expandable}}get expandCardHandler(){return this.expandable?this.expandCardToggled:null}renderHeader(){return r.html`
@@ -2585,8 +2587,11 @@
               <div class="md-chat-message_title">
                 <span>${this.isSelfType?this.computedYouLabel:this.title}</span>
               </div>
-              ${this.clickableTimestamp?n.html`<md-link class="md-chat-message_time" 
-                          @click=${t=>{t.preventDefault(),this.timeStampClicked()}}>${this.time}</md-link>`:n.html`<div class="md-chat-message_time">${this.time}</div>`}
+              ${this.clickableTimestamp?n.html`<md-link
+                    class="md-chat-message_time"
+                    @click=${t=>{t.preventDefault(),this.timeStampClicked()}}
+                    >${this.time}</md-link
+                  >`:n.html`<div class="md-chat-message_time">${this.time}</div>`}
               <div class="md-chat-message_status">${this.status}</div>
               <div class="md-chat-message_custom_content">
                 <slot name="custom-content"></slot>
@@ -2707,7 +2712,7 @@
               secondaryLabel
               .htmlFor=${this.htmlId}
               .label=${this.secondaryLabel}
-              @label-click="${()=>this.handleLabelClick()}"
+              @label-click=${()=>this.handleLabelClick()}
             ></md-label>
           `:d.nothing}helpTextTemplate(){return this.helpText?l.html`
             <md-help-text
@@ -2731,7 +2736,7 @@
               class="md-input__label ${(0,h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
               .htmlFor=${this.htmlId}
               .label=${this.label}
-              @label-click="${()=>this.handleLabelClick()}"
+              @label-click=${()=>this.handleLabelClick()}
             ></md-label>
           `:d.nothing}static get styles(){return[a.A,m.A]}render(){return l.html`
         <div class="md-input-container ${(0,h.classMap)(this.inputClassMap)}" part="md-input-container">

package/dist/types/components/combobox/ComboBox.d.ts

@@ -204,7 +204,7 @@ export declare namespace ComboBox {
         checkForVirtualScroll(): boolean;
         rangeChanged(): void;
         getCustomErrorContent(): DocumentFragment;
-        getCustomContent(option: string | OptionMember): TemplateResult | DocumentFragment;
+        getCustomContent(option: string | OptionMember): DocumentFragment | TemplateResult;
         renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult;
         renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
         highlightingSearchedText(option: OptionMember | string): TemplateResult[];

package/dist/types/components/datepicker/DatePicker.d.ts

@@ -11,8 +11,8 @@ import "@/components/menu-overlay/MenuOverlay";
 import { LitElement, PropertyValues, TemplateResult } from "lit-element";
 import { DateTime } from "luxon";
 import { MenuOverlay } from "../menu-overlay/MenuOverlay";
-import { StrategyType } from "../popover/Popover.types";
 import { Popover } from "../popover/Popover";
+import { StrategyType } from "../popover/Popover.types";
 export interface DatePickerControlButton {
     value: string;
     ariaLabel?: string;

package/dist/types/components/form/index.d.ts

@@ -1,6 +1,6 @@
-export { FormControl } from './FormControl';
-export { FormGroup } from './FormGroup';
-export { FormArray } from './FormArray';
-export { Validators } from './validators';
-export { AbstractControl } from './Form.types';
-export { ValidationError } from './Form.types';
+export { FormControl } from "./FormControl";
+export { FormGroup } from "./FormGroup";
+export { FormArray } from "./FormArray";
+export { Validators } from "./validators";
+export { AbstractControl } from "./Form.types";
+export { ValidationError } from "./Form.types";

package/dist/types/components/taskitem/TaskItem.d.ts

@@ -9,7 +9,7 @@ import "@/components/avatar/Avatar";
 import "@/components/badge/Badge";
 import "@/components/icon/Icon";
 import { LitElement } from "lit-element";
-import { TaskItemStatus, TaskItemMediaType } from "./TaskItem.constants";
+import { TaskItemMediaType, TaskItemStatus } from "./TaskItem.constants";
 export declare namespace TaskItem {
     type TaskItemStatus = (typeof TaskItemStatus)[keyof typeof TaskItemStatus];
     type TaskItemMediaType = (typeof TaskItemMediaType)[keyof typeof TaskItemMediaType];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.25.3",
+  "version": "2.25.4",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",