@momentum-ui/web-components 2.14.16 → 2.14.18

package/dist/chunks/md-87.js

@@ -1,42 +1,101 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[87],{128:function(t,e,i){"use strict";i.r(e),i.d(e,"timeUnits",(function(){return b})),i.d(e,"timeSpecificity",(function(){return y})),i.d(e,"TimePicker",(function(){return v}));i(53),i(28);var o=i(1),a=i(6),r=i(9),n=i(19),s=i(5),m=i(0),c=i(2),l=i(4),h=i(3),u=i(14),d=m.css`.md-timepicker{padding-right:0;width:fit-content}.md-timepicker.twenty-four-hour-format{padding-right:0}.md-timepicker .time-input-box{display:inline-block;height:2rem;width:2.5rem}.md-timepicker .amPm-combo-box{display:inline-block;height:2rem;margin-left:.5rem;width:2.5rem;position:relative}.md-timepicker .amPm-combo-box::part(group){padding:0}.md-timepicker .amPm-combo-box::part(multiwrap-input){text-align:center;text-transform:uppercase;width:100%}.md-timepicker .amPm-combo-box::part(label){width:100%;display:flex;justify-content:center}.md-timepicker .amPm-combo-box::part(select-label){margin-right:0}.md-timepicker .amPm-combo-box::part(combobox-option){padding-left:0;padding-right:0}.md-timepicker .amPm-combo-box::part(combobox-options){max-height:5.625rem;width:2.625rem;padding:0;position:absolute;overflow:visible}.md-timepicker md-input::part(input){padding:0;text-align:center}.md-timepicker md-input::part(message){display:none}.md-timepicker .colon-separator{color:var(--md-secondary-text-color,#545454);font-size:1.25rem;line-height:125%;margin:0 .25rem}`,p=function(t,e,i,o){var a,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 s=t.length-1;s>=0;s--)(a=t[s])&&(n=(r<3?a(n):r>3?a(e,i,n):a(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const b=[o.c.HOUR,o.c.MINUTE,o.c.SECOND,o.c.AM_PM],y=[o.c.HOUR,o.c.MINUTE,o.c.SECOND],g={[o.c.HOUR]:"HH",[o.c.MINUTE]:"MM",[o.c.SECOND]:"SS",[o.c.AM_PM]:"AM"};var v;!function(t){let e=class extends m.LitElement{constructor(){super(...arguments),this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=o.c.SECOND,this.locale="en-US",this.value="00:00:00-08:00",this.localeTwentyFourFormat=!1,this.finalTwentyFourFormat=!1,this.timeObject=Object(r.n)(),this.tabNext=!1,this.timeValue={[o.c.HOUR]:"12",[o.c.MINUTE]:"00",[o.c.SECOND]:"00",[o.c.AM_PM]:"AM"},this.timeValidity={[o.c.HOUR]:!0,[o.c.MINUTE]:!0,[o.c.SECOND]:!0,[o.c.AM_PM]:!0},this.addLeadingZeros=t=>{if(t){if(0===t.length)return"00";if(1===t.length)return"0"+t}return t},this.formatAndValidate=(t,e)=>{if(t&&(this.updateValidity(t,e),this.timeValidity[e]))return this.addLeadingZeros(t)},this.getLocaleTimeFormat=t=>{const e=t.toFormat("tt"),[,i]=e.split(" ");return!i},this.updateTimeValues=()=>{let t;t=this.finalTwentyFourFormat?this.timeObject.toFormat("HH:mm:ss"):this.timeObject.toFormat("tt");const[e,i]=t.split(" "),a=e.split(":");y.forEach(t=>{const e=this.formatAndValidate(a.shift(),t);e&&(t===o.c.HOUR&&i&&(this.timeValue[o.c.AM_PM]=i),this.timeValue[t]=e)})},this.updateValidity=(t,e)=>{let i=!0;const a=e=>{null===t.match(e)&&(i=!1)};switch(e){case o.c.HOUR:this.finalTwentyFourFormat?a(new RegExp(n.a.twentyFourHourString)):a(new RegExp(n.a.hourString));break;case o.c.MINUTE:case o.c.SECOND:a(new RegExp(n.a.minuteSecondString));break;case o.c.AM_PM:a(new RegExp(n.a.amPmString))}this.timeValidity[e]=i},this.to12HourFormat=(t,e)=>{if(!this.finalTwentyFourFormat&&this.timeValidity[o.c.HOUR]&&this.timeValidity[o.c.AM_PM]){let i=Number(e);return"PM"===t?i=12+i%12:i%=12,i}},this.isEntireTimeValid=()=>Object.values(this.timeValidity).every(t=>t),this.updateTimeUnit=t=>{var e,i,a;this.updateValidity(this.timeValue[t],t),this.timeObject&&this.timeValidity[t]&&(t!==o.c.AM_PM?this.timeObject=null===(e=this.timeObject)||void 0===e?void 0:e.set({[t]:this.timeValue[t]}):this.timeObject=null===(i=this.timeObject)||void 0===i?void 0:i.set({hour:this.to12HourFormat(this.timeValue[o.c.AM_PM],this.timeValue[o.c.HOUR])}),this.isEntireTimeValid()&&(this.timeObject=null===(a=this.timeObject)||void 0===a?void 0:a.set({hour:this.to12HourFormat(this.timeValue[o.c.AM_PM],this.timeValue[o.c.HOUR])}),this.value=this.timeObject.toISOTime({suppressMilliseconds:!0})||this.value,this.dispatchEvent(new CustomEvent("time-selection-change",{bubbles:!0,composed:!0,detail:{time:this.value,data:this.timeObject}}))))},this.formatTimeUnit=t=>{if(1===this.timeValue[t].length)"0"!==this.timeValue[t]&&(this.timeValue[t]="0"+this.timeValue[t]);else if(this.timeValue[t].length>2&&"0"===this.timeValue[t][0]){const e=this.timeValue[t].substring(1);RegExp(n.a.noPrecedingZerosString).test(e)&&(this.timeValue[t]=e)}this.requestUpdate()},this.messageType=t=>t?"":"error",this.generateTimeBox=t=>{const e=(i=this.finalTwentyFourFormat,{[o.c.HOUR]:{type:"number",min:i?0:1,max:i?23:12},[o.c.MINUTE]:{type:"number",min:0,max:59},[o.c.SECOND]:{type:"number",min:0,max:59},[o.c.AM_PM]:{type:"text",min:void 0,max:void 0}})[t];var i;return m.html`
-        ${t===o.c.MINUTE||t===o.c.SECOND?m.html` <span class="colon-separator">:</span> `:c.nothing}
-        <md-input
-          compact
-          select-when-in-focus
-          class="${"time-input-box "+t}"
-          id="time-${b.findIndex(e=>e===t)+1}"
-          value="${this.timeValue[t]}"
-          type="${e.type}"
-          min=${Object(h.ifDefined)(e.min)}
-          max=${Object(h.ifDefined)(e.max)}
-          maxLength=${2}
-          placeholder="${g[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]}"
-        ></md-input>
-      `},this.generateAmPmComboBox=()=>{const t=["AM","PM"];return m.html`
-        <md-combobox
-          compact
-          select-when-in-focus
-          class="amPm-combo-box"
-          .options=${t}
-          .value=${[t[0]]}
-          .inputValue=${this.timeValue[o.c.AM_PM]}
-          .ariaLabel=${this.timeValue[o.c.AM_PM]}
-          @change-selected="${t=>this.handleTimeChange(t,o.c.AM_PM)}"
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[87],{105:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_TAB_COPY_ID_PREFIX",(function(){return y})),i.d(t,"Tabs",(function(){return g}));i(14),i(35);var s=i(1),a=i(7),n=i(6),l=i(0),o=i(4),d=i(13),r=i(8),b=i(71),h=i(26),c=i(36),u=i.n(c),p=i(65),m=i(40),v=i(46),T=function(e,t,i,s){var a,n=arguments.length,l=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(l=(n<3?a(l):n>3?a(t,i,l):a(t,i))||l);return n>3&&l&&Object.defineProperty(t,i,l),l},f=function(e,t,i,s){return new(i||(i=Promise))((function(a,n){function l(e){try{d(s.next(e))}catch(e){n(e)}}function o(e){try{d(s.throw(e))}catch(e){n(e)}}function d(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,o)}d((s=s.apply(e,t||[])).next())}))};const y="more-menu-copy-";var g;!function(e){let t=class extends(Object(a.c)(Object(a.d)(Object(a.e)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>f(this,void 0,void 0,(function*(){var t,i,s,a,n,l,o,d,r,b;e.stopPropagation();const h=e.oldIndex,c=e.newIndex,u=[...this.tabsFilteredAsVisibleList],p=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==h&&void 0!==c){switch(m){case"visibleToHidden":{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=u[h],a=p.slice(-1)[0],n=c===this.tabsFilteredAsHiddenList.length?c-1:c;p.splice(n,0,s),p.pop();const l=u.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));l.push(a),this.tabsFilteredAsVisibleList=[...l],this.tabsFilteredAsHiddenList=[...p];break}case"visibleToVisible":{const e=u[h];u.splice(h,1),u.splice(c,0,e),this.tabsFilteredAsVisibleList=u,c===this.tabsFilteredAsVisibleList.length-1&&(null===(a=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===a||a.remove());const t=this.visibleTabsContainerElement.children[h],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(n=this.visibleTabsContainerElement)||void 0===n||n.replaceChild(i,t),null===(l=this.visibleTabsContainerElement)||void 0===l||l.insertBefore(t,i);break}case"hiddenToVisible":{null===(d=null===(o=this.visibleTabsContainerElement)||void 0===o?void 0:o.querySelector("#"+e.item.id))||void 0===d||d.remove();const t=p[h],i=u.slice(-1)[0];p.splice(h,1),p.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;u.splice(s,0,t),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=p;break}case"hiddenToHidden":{const e=p[h];p.splice(h,1),p.splice(c,0,e),this.tabsFilteredAsHiddenList=p,c===this.tabsFilteredAsHiddenList.length-1&&(null===(b=null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[this.hiddenTabsContainerElement.children.length-1])||void 0===b||b.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex(e=>e.selected);this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map(e=>e.name),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(y))?`${y}${e.id}`:e.id}getAriaControlId(e){var t,i;if(null===(t=e.id)||void 0===t?void 0:t.startsWith(y))return`${y}${e.id}`;return"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(y,"")}static get styles(){return[n.a,m.a]}ensureTabsUpdateComplete(e){return f(this,void 0,void 0,(function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map(e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+v.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t}):this.tabs.map(e=>e.closable?e.offsetWidth+v.TAB_CROSS_WIDTH:e.offsetWidth)}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map(e=>e.offsetHeight)}manageOverflow(){var e,t;return f(this,void 0,void 0,(function*(){if("vertical"!==this.direction){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,a,n;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(a=null==e?void 0:e.querySelector("slot"))||void 0===a?void 0:a.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(n=null==e?void 0:e.children[0])||void 0===n||n.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const a=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const n=this.measureTabsOffsetWidth(),l=i.reduce((e,t,i)=>e+=n[i],0);if(l){yield this.setupMoreTab();let e=!0;a<l&&(e=!1);const t=[];let o=0;i.forEach((i,l)=>{o+=n[l];const d=!e&&o+(l<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:d,tabOffsetWidth:n[l]})}),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find(e=>e.isTabInViewportHidden),this.tabsFilteredAsVisibleList=i.filter((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsFilteredAsHiddenList=i.filter((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})}}this.updateIsMoreTabMenuSelected();const a=this.tabsFilteredAsHiddenList.find(e=>!e.disabled);this.updateHiddenIdPositiveTabIndex(a)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{const i=e.getAttribute("name")||"",s=t.getAttribute("name")||"";return this.tabsOrderPrefsArray.indexOf(i)-this.tabsOrderPrefsArray.indexOf(s)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return f(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`),e.forEach((e,i)=>{const s=Object(h.nanoid)(10),a="tab_"+s,n="tab_panel_"+s;e.setAttribute("id",a),e.setAttribute("aria-controls",n),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const l=t[i];l?(l.setAttribute("id",n),l.setAttribute("aria-labelledby",a),l.selected=this.selected===i,e.disabled&&(l.hidden=!0,l.selected=!1)):e.disabled=!0});let i=this.selected;for(;i<e.length&&e[i].disabled;)i++;i=i===e.length?0:i,e[i].selected=!0,t[i].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){const t=Object.create(null,{handleResize:{get:()=>super.handleResize}});return f(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow()}))}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"visibleToHidden":e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?"visibleToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?"hiddenToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"hiddenToHidden":void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex(t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(t&&i&&[s,e].forEach(e=>{const s=t[e];s&&s.toggleAttribute("selected");const a=i[e];if(a&&a.toggleAttribute("selected"),s){const e=this.tabsCopyHash[this.getCopyTabId(s)];e?(e.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}),e>=0){this.dispatchSelectedChangedEvent(e);const i=("horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs).findIndex(i=>i.id===t[e].id);this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t="horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs,i=this.tabs[e].id,s=t.findIndex(e=>e.id===i),a=[];t.forEach(e=>{a.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:a},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var t,i;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[e];this.moveFocusToTab(t);const s=this.tabsFilteredAsHiddenList[e];!(null==s?void 0:s.disabled)&&this.updateHiddenIdPositiveTabIndex(s)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,""+e)}getCurrentIndex(e){var t,i;const s=(null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)||0;for(let t=0;t<s;t++)if((null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i;const s=this.getCurrentIndex(e),a=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children,n=(null==a?void 0:a.length)||0;if(!a||0===n)return;let l=0;"previous"===t?l=0===s?n-1:s-1:"next"===t?l=s===n-1?0:s+1:"fromMoreTabs"===t&&(l=this.selected>=n?0:this.selected),this.moveFocusToTab(a[l])}moveFocusToTab(e){Object(p.setTimeout)(()=>null==e?void 0:e.focus(),0)}handleOverlayClose(){this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,a,n,l,o;let d;if(e.target!=this&&!this.tabs.find(t=>t.id===e.target.id))return!1;d=e.path?e.path[0].id:e.composedPath()?e.composedPath()[0].id:e.originalTarget.id;const r=this.getNormalizedTabId(d);this.dispatchKeydownEvent(e,r);const b=e.code,{shiftKey:h}=e,c=!!this.isMoreTabMenuVisible&&"tab-more"===r,u=c&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(r)],p=!this.isMoreTabMenuVisible||u&&this.tabsVisibleIdxHash[u.id]>-1,m=!!this.isMoreTabMenuVisible&&(u&&this.tabsHiddenIdxHash[u.id]>-1),v=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(b){case s.b.Tab:c&&!this.isMoreTabMenuOpen&&h&&(e.preventDefault(),this.moveFocusToAdjacentTab(d,"fromMoreTabs"));break;case s.b.End:c||(p?(e.preventDefault(),this.moveFocusToTab(null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[(null===(i=this.tabsFilteredAsVisibleList)||void 0===i?void 0:i.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(a=this.hiddenTabsContainerElement)||void 0===a?void 0:a.children[(null===(n=this.tabsFilteredAsHiddenList)||void 0===n?void 0:n.length)-1])));break;case s.b.Home:p?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[0]));break;case s.b.ArrowLeft:c||p&&(e.stopPropagation(),this.moveFocusToAdjacentTab(d,"previous"));break;case s.b.ArrowRight:c||p&&(e.stopPropagation(),this.moveFocusToAdjacentTab(d,"next"));break;case s.b.ArrowUp:if(c);else if(p&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?v:this.selected-1);else if(m){e.preventDefault();const t=this.selected===T?f:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.b.ArrowDown:if(c);else if(p&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===v?0:this.selected+1);else if(m){e.preventDefault();const t=this.selected===f?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.b.Enter:case s.b.NumpadEnter:case s.b.Space:if(c){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.length?e.find(e=>e.selected)||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(u&&!u.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(u.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map(e=>e.name)}setupMoreTab(){return f(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=u.a.create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=u.a.create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList];i.length&&i[t].id?this.handleNewSelectedTab(i[t].id):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}updated(e){var t;if(super.updated(e),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce((e,t)=>(e[t.id]=t,e),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce((e,t)=>e+=t,0)+"px"):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage()}render(){return l.html`
+        <div
+          part="tabs-list"
+          class="md-tab__list ${Object(o.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"no-tabs-visible":this.noTabsVisible,"vertical-tab-list":"vertical"===this.direction,"tab-new-momentum":this.newMomentum})}"
+          role="tablist"
         >
-        </md-combobox>
-      `}}get timePickerClassMap(){return{"twenty-four-hour-format":this.finalTwentyFourFormat}}updated(t){if(super.updated(t),this.value&&(t.has("value")||t.has("locale")||t.has("twentyFourHourFormat"))){this.timeObject=u.DateTime.fromISO(this.value,{locale:this.locale});const t=this.getLocaleTimeFormat(this.timeObject);this.finalTwentyFourFormat=this.twentyFourHourFormat||t,this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.updateTimeValues()}}handleTimeChange(t,e){var i,a,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.c.AM_PM&&2===n.length&&"0"!==n[0]||"00"===n)){t.preventDefault();const e=null==t?void 0:t.target,i=null===(a=this.shadowRoot)||void 0===a?void 0:a.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.c.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 a=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.srcEvent;if(!a)return void console.warn("srcEvent is undefined");const{key:r}=a;r===o.b.ArrowDown||r===o.b.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[s.a,d]}render(){return m.html`
-        <div class="md-timepicker ${Object(l.classMap)(this.timePickerClassMap)}">
-          <div class="time-inputs-wrapper">
-            ${this.generateTimeBox(o.c.HOUR)}
-            ${this.timeSpecificity===o.c.HOUR?c.nothing:this.generateTimeBox(o.c.MINUTE)}
-            ${this.timeSpecificity===o.c.MINUTE||this.timeSpecificity===o.c.HOUR?c.nothing:this.generateTimeBox(o.c.SECOND)}
-            ${this.finalTwentyFourFormat?c.nothing:this.generateAmPmComboBox()}
+          <slot
+            name="tab"
+            class="${Object(o.classMap)({"visible-tabs-slot":"horizontal"===this.direction})}"
+          ></slot>
+          <div
+            id="visible-tabs-list"
+            class="visible-tabs-container ${Object(o.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"visible-new-tabs":this.newMomentum})}"
+          >
+            ${Object(d.repeat)(this.tabsFilteredAsVisibleList,()=>Object(h.nanoid)(10),e=>l.html`
+                <md-tab
+                  .closable="${e.closable}"
+                  .disabled="${e.disabled}"
+                  .selected="${e.selected}"
+                  name="${e.name}"
+                  id="${this.getCopyTabId(e)}"
+                  aria-label=${e.ariaLabel}
+                  aria-controls="${this.getAriaControlId(e)}"
+                  .isCrossVisible=${!0}
+                  tabIndex="${this.getTabIndex(e)}"
+                  .newMomentum=${this.newMomentum}
+                  variant=${this.variant}
+                  type=${this.type}
+                  .onlyIcon="${e.onlyIcon}"
+                >
+                  ${Object(b.unsafeHTML)(e.innerHTML)}
+                </md-tab>
+              `)}
           </div>
+
+          <md-menu-overlay
+            custom-width="${"226px"}"
+            max-height="${"288px"}"
+            class="md-menu-overlay__more ${Object(o.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}"
+          >
+            <md-tab
+              slot="menu-trigger"
+              id="${"tab-more"}"
+              aria-label="${this.overflowLabel}"
+              aria-haspopup="true"
+              tabindex="${this.isMoreTabMenuVisible?0:-1}"
+              .selected=${!!this.isMoreTabMenuVisible&&this.isMoreTabMenuSelected}
+              class="md-menu-overlay__more_tab ${Object(o.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
+              ariaRole="button"
+              .newMomentum=${this.newMomentum}
+              type=${this.type}
+            >
+              <span class="md-menu-overlay__overflow-label">${this.overflowLabel}</span>
+              <md-icon
+                name="${this.isMoreTabMenuOpen?"arrow-up-bold":"arrow-down-bold"}"
+                iconSet="momentumDesign"
+                size="16"
+                class="more-icon"
+              ></md-icon>
+            </md-tab>
+            <div
+              id="tabs-more-list"
+              part="tabs-more-list"
+              class="md-tab__list md-menu-overlay__more_list"
+              style="${Object(r.styleMap)(this.isMoreTabMenuScrollable&&this.moreTabMenuMaxHeight?{"overflow-y":"auto",height:this.moreTabMenuMaxHeight,"max-height":this.moreTabMenuMaxHeight}:{})}"
+            >
+              ${Object(d.repeat)(this.tabsFilteredAsHiddenList,()=>Object(h.nanoid)(10),e=>l.html`
+                  <md-tab
+                    slot="draggable-item"
+                    .disabled="${e.disabled}"
+                    .selected="${e.selected}"
+                    name="${e.name}"
+                    id="${this.getCopyTabId(e)}"
+                    aria-label=${e.ariaLabel}
+                    aria-controls="${this.getAriaControlId(e)}"
+                    @click="${()=>this.handleOverlayClose()}"
+                    tabIndex="${this.tabHiddenIdPositiveTabIndex===e.id?0:-1}"
+                    ariaRole="menuitem"
+                    .newMomentum=${this.newMomentum}
+                    type=${this.type}
+                    .onlyIcon="${e.onlyIcon}"
+                  >
+                    ${Object(b.unsafeHTML)(e.innerHTML)}
+                  </md-tab>
+                `)}
+            </div>
+          </md-menu-overlay>
+          <div class="md-tabs__settings" part="md-tabs__settings">
+            <slot name="settings"></slot>
+          </div>
+        </div>
+        <div
+          part="tabs-content"
+          class="md-tab__content ${Object(o.classMap)({"no-tabs-visible":this.noTabsVisible})}"
+        >
+          <slot name="panel"></slot>
         </div>
-      `}};p([Object(m.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),p([Object(m.property)({type:Boolean,attribute:"twenty-four-hour-format",reflect:!0})],e.prototype,"twentyFourHourFormat",void 0),p([Object(m.property)({type:String})],e.prototype,"timeSpecificity",void 0),p([Object(m.property)({type:String})],e.prototype,"locale",void 0),p([Object(m.property)({type:String,reflect:!0})],e.prototype,"value",void 0),p([Object(m.internalProperty)()],e.prototype,"localeTwentyFourFormat",void 0),p([Object(m.internalProperty)()],e.prototype,"finalTwentyFourFormat",void 0),p([Object(m.internalProperty)()],e.prototype,"timeObject",void 0),p([Object(m.internalProperty)()],e.prototype,"tabNext",void 0),p([Object(m.internalProperty)()],e.prototype,"timeValue",void 0),p([Object(m.internalProperty)()],e.prototype,"timeValidity",void 0),e=p([Object(a.a)("md-timepicker")],e),t.ELEMENT=e}(v||(v={}))}}]);
+      `}};T([Object(l.property)({type:Boolean})],t.prototype,"justified",void 0),T([Object(l.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([Object(l.property)({type:String})],t.prototype,"overflowLabel",void 0),T([Object(l.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([Object(l.property)({type:String})],t.prototype,"direction",void 0),T([Object(l.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([Object(l.property)({type:Number})],t.prototype,"delay",void 0),T([Object(l.property)({type:Number})],t.prototype,"animation",void 0),T([Object(l.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([Object(l.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([Object(l.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([Object(l.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([Object(l.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([Object(l.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([Object(l.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([Object(l.property)({type:String})],t.prototype,"type",void 0),T([Object(l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([Object(l.property)({type:String})],t.prototype,"variant",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([Object(l.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([Object(l.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([Object(l.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([Object(l.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([Object(l.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([Object(l.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([Object(l.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([Object(l.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([Object(l.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([Object(l.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([Object(l.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([Object(l.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([Object(l.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([Object(l.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([Object(l.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([Object(l.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([Object(a.f)("md-tabs")],t),e.ELEMENT=t}(g||(g={}))}}]);

package/dist/chunks/md-88.js

@@ -1,34 +1,82 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[88],{129:function(t,e,l){"use strict";l.r(e),l.d(e,"alignLabel",(function(){return h})),l.d(e,"ToggleSwitch",(function(){return r}));l(55);var i=l(7),g=l(5),o=l(6),c=l(0),_=l(4),d=c.css`.md-toggle-switch .md-toggle-switch__input+.md-toggle-switch__label .md-toggle-switch__label__container{background-color:var(--toggle-switch-bg-color,#949494)}.md-toggle-switch .md-toggle-switch__input+.md-toggle-switch__label .md-toggle-switch__label__container::after{background-color:var(--toggle-switch-slider-color,#fff)}.md-toggle-switch .md-toggle-switch__input+.md-toggle-switch__label:hover .md-toggle-switch__label__container{background-color:var(--toggle-switch-bg-color--hover,#b2b2b2)}.md-toggle-switch .md-toggle-switch__input.focus+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:focus+.md-toggle-switch__label .md-toggle-switch__label__container{outline:2px solid var(--md-focus-border-color,#005e7d)}.md-toggle-switch .md-toggle-switch__input.checked+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:checked+.md-toggle-switch__label .md-toggle-switch__label__container{background-color:var(--toggle-switch-bg-color--checked,#007aa3)}.md-toggle-switch .md-toggle-switch__input.checked+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input:checked+.md-toggle-switch__label .md-toggle-switch__label__container::after{background-color:var(--toggle-switch-slider-color--checked,var(--toggle-switch-slider-color,#fff))}.md-toggle-switch .md-toggle-switch__input.checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container{background-color:var(--toggle-switch-bg-color--checked-hover,#005e7d)}.md-toggle-switch .md-toggle-switch__input.disabled+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled+.md-toggle-switch__label .md-toggle-switch__label__container{background-color:var(--toggle-switch-bg-color--disabled,#ededed)}.md-toggle-switch .md-toggle-switch__input.disabled+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input:disabled+.md-toggle-switch__label .md-toggle-switch__label__container::after{background-color:var(--toggle-switch-slider-color-disabled,#f7f7f7)}.md-toggle-switch .md-toggle-switch__input.disabled+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled+.md-toggle-switch__label:hover .md-toggle-switch__label__container{background-color:var(--toggle-switch-bg-color--disabled,#ededed)}.md-toggle-switch .md-toggle-switch__input.disabled.checked+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input.disabled:checked+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled.checked+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled:checked+.md-toggle-switch__label .md-toggle-switch__label__container{background-color:var(--toggle-switch-bg-color--disabled--checked,#c9f4ff)}.md-toggle-switch .md-toggle-switch__input.disabled.checked+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input.disabled:checked+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input:disabled.checked+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input:disabled:checked+.md-toggle-switch__label .md-toggle-switch__label__container::after{background-color:var(--toggle-switch-slider-color-disabled--checked,#fff)}.md-toggle-switch .md-toggle-switch__input.disabled.checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input.disabled:checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled.checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled:checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container{background-color:var(--toggle-switch-bg-color--disabled--checked,#c9f4ff)}.md-toggle-switch__input{margin-left:-9999px;opacity:0;position:absolute}.md-toggle-switch__input.disabled+.md-toggle-switch__label,.md-toggle-switch__input:disabled+.md-toggle-switch__label{cursor:default}.md-toggle-switch__input.disabled+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch__input:disabled+.md-toggle-switch__label .md-toggle-switch__label__container{cursor:default}.md-toggle-switch__input:checked+.md-toggle-switch__label .md-toggle-switch__label__container{border:none}.md-toggle-switch__input:checked+.md-toggle-switch__label .md-toggle-switch__label__container::after{left:calc(100% - 2px);transform:translateX(-100%) translateY(-50%)}.md-toggle-switch__accessible-description{display:none}.md-toggle-switch__label{cursor:pointer;display:inline-flex;line-height:1.5rem}.md-toggle-switch__label__container{background-clip:padding-box;border:1px solid var(--toggle-switch-border-color);border-radius:24px;cursor:pointer;display:block;height:24px;margin-right:.75rem;position:relative;transition:background 350ms;width:2.5rem}.md-toggle-switch__label__container__left{margin-right:0;margin-left:.75rem}@media screen and (-ms-high-contrast:active){.md-toggle-switch__label__container{filter:brightness(1) contrast(1) saturate(1.5)}}.md-toggle-switch__label__container::after{border-radius:100%;box-shadow:0 1px 2px 0 rgba(0,0,0,.32);content:"";height:1.25rem;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:350ms;width:1.25rem}.md-toggle-switch--small .md-toggle-switch__label__container{height:1.375rem;width:2.25rem}.md-toggle-switch--small .md-toggle-switch__label__container::after{height:1.125rem;width:1.125rem}.md-toggle-switch--smaller .md-toggle-switch__label__container{height:1.25rem;width:2rem}.md-toggle-switch--smaller .md-toggle-switch__label__container::after{height:1rem;width:1rem}@media(forced-colors:active){.md-toggle-switch .md-toggle-switch__input+.md-toggle-switch__label .md-toggle-switch__label__container{background-color:Canvas;outline:1px solid CanvasText;transition:background-color 350ms,outline 350ms}.md-toggle-switch .md-toggle-switch__input+.md-toggle-switch__label .md-toggle-switch__label__container::after{background-color:CanvasText;transition:background-color 350ms}.md-toggle-switch .md-toggle-switch__input+.md-toggle-switch__label:hover .md-toggle-switch__label__container{background-color:HighlightText}.md-toggle-switch .md-toggle-switch__input.focus+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:focus+.md-toggle-switch__label .md-toggle-switch__label__container{outline:2px solid Highlight}.md-toggle-switch .md-toggle-switch__input.checked+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input:checked+.md-toggle-switch__label .md-toggle-switch__label__container::after{background-color:Highlight}.md-toggle-switch .md-toggle-switch__input.checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container{background-color:HighlightText}.md-toggle-switch .md-toggle-switch__input.disabled+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled+.md-toggle-switch__label .md-toggle-switch__label__container{background-color:GrayText;transition:background 350ms,background-color 350ms,outline 350ms}.md-toggle-switch .md-toggle-switch__input.disabled+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input:disabled+.md-toggle-switch__label .md-toggle-switch__label__container::after{background-color:Canvas}.md-toggle-switch .md-toggle-switch__input.disabled+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled+.md-toggle-switch__label:hover .md-toggle-switch__label__container{background-color:GrayText}.md-toggle-switch .md-toggle-switch__input.disabled.checked+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input.disabled:checked+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled.checked+.md-toggle-switch__label .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled:checked+.md-toggle-switch__label .md-toggle-switch__label__container{background-color:GrayText}.md-toggle-switch .md-toggle-switch__input.disabled.checked+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input.disabled:checked+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input:disabled.checked+.md-toggle-switch__label .md-toggle-switch__label__container::after,.md-toggle-switch .md-toggle-switch__input:disabled:checked+.md-toggle-switch__label .md-toggle-switch__label__container::after{background-color:CanvasText;border:1px solid Canvas}.md-toggle-switch .md-toggle-switch__input.disabled.checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input.disabled:checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled.checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container,.md-toggle-switch .md-toggle-switch__input:disabled:checked+.md-toggle-switch__label:hover .md-toggle-switch__label__container{background-color:GrayText}}`,s=l(3),a=function(t,e,l,i){var g,o=arguments.length,c=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,l):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,l,i);else for(var _=t.length-1;_>=0;_--)(g=t[_])&&(c=(o<3?g(c):o>3?g(e,l,c):g(e,l))||c);return o>3&&c&&Object.defineProperty(e,l,c),c};const h=["left","right"];var r;!function(t){let e=class extends(Object(i.a)(c.LitElement)){constructor(){super(...arguments),this.htmlId="",this.label="toggle",this.description=void 0,this.checked=!1,this.disabled=!1,this.small=!1,this.smaller=!1,this.alignLabel="right",this.autofocus=!1}handleClick(){this.disabled||(this.checked=!this.checked)}get toggleSwitchClassMap(){return{"md-toggle-switch--small":this.small,"md-toggle-switch--smaller":this.smaller}}switchTemplate(){return"left"===this.alignLabel?c.html`
-          <slot></slot>
-          <span
-            class="md-toggle-switch__label__container md-toggle-switch__label__container__left"
-            part="toggle-label"
-          ></span>
-        `:c.html`
-          <span class="md-toggle-switch__label__container" part="toggle-label"></span>
-          <slot></slot>
-        `}render(){return c.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[88],{131:function(t,e,i){"use strict";i.r(e),i.d(e,"TaskItem",(function(){return o}));i(54),i(14);var o,a=i(5),n=i(6),s=i(0),m=i(2),r=i(4),c=s.css`:host{width:100%}.md-taskitem{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:stretch;border-radius:.5rem;color:var(--md-secondary-text-color);cursor:pointer;margin-bottom:4px;min-height:5rem;padding:.75rem;position:relative;width:auto;z-index:0}.md-taskitem.selected{background-color:var(--taskitem-pressed-bg-color,#fff);box-shadow:0 .125rem .25rem rgba(0,0,0,.16)}.md-taskitem.selected .md-taskitem__content_chat,.md-taskitem.selected .md-taskitem__content_popover_title,.md-taskitem.selected .md-taskitem__content_queue{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem.selected .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:hover{background-color:var(--taskitem-hover-bg-color,#fff)}.md-taskitem:hover .md-taskitem__content_chat,.md-taskitem:hover .md-taskitem__content_popover_title,.md-taskitem:hover .md-taskitem__content_queue{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:hover .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:active{background-color:var(--taskitem-pressed-bg-color,#fff)}.md-taskitem:active .md-taskitem__content_chat,.md-taskitem:active .md-taskitem__content_popover_title,.md-taskitem:active .md-taskitem__content_queue{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:active .md-taskitem__content_title.mainTitle{color:var(--taskitem-selected-text-color,#121212)}.md-taskitem:focus{background:var(--taskitem-focus-bg-color,#fff);box-shadow:none;outline:0}.md-taskitem:focus::after{box-shadow:0 0 0 .125rem var(--taskitem-focus-border-color,#007aa3)}.md-taskitem::after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:-1;border-radius:.5rem;margin:-.125rem}.md-taskitem__mediatype{margin-right:.5rem;position:relative;width:2.625rem}.md-taskitem__mediatype img{max-width:fit-content}.md-taskitem__mediatype .md-taskitem__status{align-items:center;display:inline-flex;justify-content:space-around;position:absolute;background:var(--taskitem-status-bg-color,#dedede);border-radius:50%;bottom:-4px;color:var(--taskitem-status-text-color,#121212);height:1.25rem;right:-4px;width:1.25rem}.md-taskitem__mediatype .md-taskitem__status md-icon{height:.75rem}.md-taskitem__mediatype .md-taskitem__status md-icon::part(icon){vertical-align:top}.md-taskitem__mediatype .md-taskitem__status.hold{background:var(--taskitem-status-pause-bg-color,#ffd98c)}.md-taskitem__content{align-content:stretch;align-items:flex-start;align-self:stretch;display:flex;flex:0 1 auto;flex-direction:column;justify-content:center;width:calc(100% - (2.625rem + 6.25rem))}.md-taskitem__content_popover_title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--taskitem-text-color,#545454);font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:14px;line-height:.9375rem;margin-bottom:.5rem;width:100%}.md-taskitem__content_title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.1875rem;margin-bottom:.5rem;width:100%}.md-taskitem__content_title.mainTitle{color:var(--taskitem-text-color,#545454);font-family:var(--brand-font-bold, "CiscoSansTT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif)}.md-taskitem__content_inner{display:flex;flex:0 1 auto;width:100%}.md-taskitem__content_queue{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:.875rem;width:100%}.md-taskitem__content_chat{color:var(--taskitem-chat-text-color,#545454);display:flex;font-size:12px;line-height:.875rem;margin-top:.5rem;position:relative;width:100%}.md-taskitem__content_chat .new-chat_massages{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:2.5rem;width:calc(100% - .5rem)}.md-taskitem__addition{align-items:flex-end;display:flex;flex-direction:column;margin-left:.5rem;text-align:right;width:6.25rem}.md-taskitem__addition .new-chat-quantity{background:var(--taskitem-chat-quantity-bg-color,#9df);border-radius:9px;color:var(--taskitem-chat-quantity-text-color,#103c62);display:inline-block;font-size:10px;line-height:.875rem;min-width:18px;padding:.125rem .25rem;text-align:center}@media(forced-colors:active){.md-taskitem:focus{outline:1px solid Highlight}.md-taskitem.selected,.md-taskitem:hover{forced-color-adjust:none;outline:1px solid Highlight;background-color:Highlight;color:HighlightText;box-shadow:none}.md-taskitem:active{forced-color-adjust:none;outline:1px solid HighlightText;background-color:Highlight;color:HighlightText;box-shadow:none}.md-taskitem__addition .new-chat-quantity{forced-color-adjust:auto}}`,d=function(t,e,i,o){var a,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var m=t.length-1;m>=0;m--)(a=t[m])&&(s=(n<3?a(s):n>3?a(e,i,s):a(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends s.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.title="",this.queue="",this.accepted=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.renderTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return s.html`
+            <md-badge color="green" circle>
+              <md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
+            </md-badge>
+          `;case"outbound telephony":return s.html`
+            <md-badge color="green" circle>
+              <md-icon name="outgoing-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
+            </md-badge>
+          `;case"inbound telephony":return s.html`
+            <md-badge color="green" circle>
+              <md-icon name="incoming-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
+            </md-badge>
+          `;case"applemessages":case"midcall telephony":case"icon src":return s.html`
+            <md-badge circle>
+              <img src="${this.iconSrc}" />
+            </md-badge>
+          `;case"callback":return s.html`
+            <md-badge color="lime" circle>
+              <md-icon name="icon-icon-callback_18"></md-icon>
+            </md-badge>
+          `;case"progressive_campaign":return s.html`
+            <md-badge color="green" circle>
+              <md-icon name="icon-icon-campaign_18"></md-icon>
+            </md-badge>
+          `;case"chat":return s.html`
+            <md-badge color="blue" circle>
+              <md-icon name="chat-filled" size="20" iconSet="momentumDesign"></md-icon>
+            </md-badge>
+          `;case"email":return s.html`
+            <md-badge color="violet" circle>
+              <md-icon name="email-filled" size="20" iconSet="momentumDesign"></md-icon>
+            </md-badge>
+          `;case"sms":return s.html`
+            <md-badge color="darkmint" circle>
+              <md-icon name="social-sms" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
+            </md-badge>
+          `;case"facebook":return s.html`
+            <md-badge bgColor="#0078FF" circle>
+              <md-icon name="social-fbmessenger" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
+            </md-badge>
+          `;case"whatsapp":return s.html`
+            <md-badge bgColor="#25D366" circle>
+              <md-icon name="social-whatsapp" size="20" iconSet="momentumDesign" color="white-100"></md-icon>
+            </md-badge>
+          `;default:return s.html` <slot name="task-type"></slot> `}},this.renderStatus=()=>{switch(this.status){case"consulting":return s.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"play":return s.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"hold":return s.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"conference":return s.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"transfered":return s.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"courtesy_callback":return s.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"campaign":return s.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return s.html` <slot name="task-status"></slot> `}}}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}))}renderChatCount(){return this.quantity>0?this.quantity>99?s.html` <span class="new-chat-quantity">99+</span> `:s.html` <span class="new-chat-quantity">${this.quantity}</span> `:m.nothing}getAriaLabel(){var t;if(this.customAriaLabel)return this.customAriaLabel;let e=this.queue;if(!e){const i=this.querySelector('[slot="queue"]');if(i){e=(null===(t=i.textContent)||void 0===t?void 0:t.trim())||i.innerText.trim();const o=e.match(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/);if(o){const[,t=0,i,a]=o.map(Number);(new Date).setHours(t,i,a),e=e.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${i} minutes ${a} seconds`)}}}return`${this.mediaType} ${this.status} ${this.title} ${e} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[n.a,c]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}render(){return s.html`
         <div
-          class="md-input-container md-toggle-switch ${Object(_.classMap)(this.toggleSwitchClassMap)}"
-          @click=${this.handleClick}
+          part="task-item-container"
+          class="md-taskitem ${Object(r.classMap)({selected:this.selected})}"
+          tabindex=${this.sanitizedTabIndexForContainer}
+          aria-selected="${this.selected}"
+          @click=${t=>this.handleClick(t)}
+          @keydown=${t=>this.handleKeyDown(t)}
+          aria-label=${this.getAriaLabel()}
         >
-          <input
-            type="checkbox"
-            role="switch"
-            class="md-toggle-switch__input"
-            aria-label="${this.label}"
-            .id=${this.htmlId}
-            ?checked=${this.checked}
-            ?disabled=${this.disabled}
-            ?autofocus=${this.autofocus}
-            tabindex=${this.disabled?-1:0}
-            aria-describedby=${Object(s.ifDefined)(this.description?"md-toggle-switch__accessible-description":void 0)}
-          />
-          <md-label .htmlFor=${this.htmlId} class="md-toggle-switch__label"> ${this.switchTemplate()} </md-label>
-          ${this.description&&c.html`
-            <div id=${"md-toggle-switch__accessible-description"} class="md-toggle-switch__accessible-description">
-              ${this.description}
+          <div class="md-taskitem__mediatype">
+            ${this.renderTaskType()}
+            ${this.status?s.html` <span class=${"md-taskitem__status "+this.status}> ${this.renderStatus()} </span> `:m.nothing}
+          </div>
+          <div class="md-taskitem__content" part="task-item-content">
+            ${this.popovertitle?s.html` <span class="md-taskitem__content_popover_title">${this.popovertitle}</span> `:m.nothing}
+            ${this.title?s.html`
+                  <span class="md-taskitem__content_title ${Object(r.classMap)({mainTitle:!this.popovertitle})}"
+                    >${this.title}</span
+                  >
+                `:m.nothing}
+            <div class="md-taskitem__content_inner">
+              <span class="md-taskitem__content_queue">
+                ${this.queue.length>0?this.queue:s.html` <slot name="queue"></slot> `}
+              </span>
             </div>
-          `}
+            ${this.lastmessage?s.html`
+                  <span class="md-taskitem__content_chat">
+                    <span class="new-chat_massages">${this.lastmessage}</span>
+                  </span>
+                `:m.nothing}
+          </div>
+          <div class="md-taskitem__addition">
+            <slot></slot>
+            ${this.renderChatCount()}
+          </div>
         </div>
-      `}static get styles(){return[g.a,d]}};a([Object(c.property)({type:String})],e.prototype,"htmlId",void 0),a([Object(c.property)({type:String})],e.prototype,"label",void 0),a([Object(c.property)({type:String})],e.prototype,"description",void 0),a([Object(c.property)({type:Boolean})],e.prototype,"checked",void 0),a([Object(c.property)({type:Boolean})],e.prototype,"disabled",void 0),a([Object(c.property)({type:Boolean})],e.prototype,"small",void 0),a([Object(c.property)({type:Boolean})],e.prototype,"smaller",void 0),a([Object(c.property)({type:String})],e.prototype,"alignLabel",void 0),a([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),e=a([Object(o.a)("md-toggle-switch")],e),t.ELEMENT=e}(r||(r={}))}}]);
+      `}};d([Object(s.property)({type:String})],e.prototype,"mediaType",void 0),d([Object(s.property)({type:String})],e.prototype,"status",void 0),d([Object(s.property)({type:String})],e.prototype,"popovertitle",void 0),d([Object(s.property)({type:String})],e.prototype,"title",void 0),d([Object(s.property)({type:String})],e.prototype,"queue",void 0),d([Object(s.property)({type:Boolean})],e.prototype,"accepted",void 0),d([Object(s.property)({type:Number})],e.prototype,"quantity",void 0),d([Object(s.property)({type:String})],e.prototype,"lastmessage",void 0),d([Object(s.property)({type:Boolean})],e.prototype,"selected",void 0),d([Object(s.property)({type:String})],e.prototype,"customAriaLabel",void 0),d([Object(s.property)({type:String})],e.prototype,"iconSrc",void 0),d([Object(s.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),e=d([Object(a.a)("md-task-item")],e),t.ELEMENT=e}(o||(o={}))}}]);