@momentum-ui/web-components 2.22.2 → 2.22.4

package/dist/comp/md-date-range-picker-entry.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("luxon"),require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"));else if("function"==typeof define&&define.amd)define(["luxon","lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite"],t);else{var r="object"==typeof exports?t(require("luxon"),require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite")):t(e.luxon,e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,((e,t,r,i,o,s,l,a,p,n,d,m,c,u,f,h)=>(()=>{"use strict";var v,b={4863:e=>{e.exports=h},8229:e=>{e.exports=r},17518:e=>{e.exports=n},22818:e=>{e.exports=d},22962:e=>{e.exports=m},23968:e=>{e.exports=o},32022:e=>{e.exports=l},40333:e=>{e.exports=i},41488:e=>{e.exports=t},60554:e=>{e.exports=a},65796:t=>{t.exports=e},68250:e=>{e.exports=u},69371:e=>{e.exports=f},69494:(e,t,r)=>{r.r(t),r.d(t,{DateRangePicker:()=>i});var i,o=r(31890),s=r(81625),l=r(41488),a=r(65796),p=r(38654),n=function(e,t,r,i){var o,s=arguments.length,l=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(l=(s<3?o(l):s>3?o(t,r,l):o(t,r))||l);return s>3&&l&&Object.defineProperty(t,r,l),l};!function(e){let t=class extends p.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${(0,s.az)(this.startDate)} - ${(0,s.az)(this.endDate)}`)},this.handleDateSelection=e=>{var t;const r=e.detail.data;r&&(this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(r),this.endDate=void 0):r<a.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(r)):this.endDate=this.dateToSqlTranslate(r):this.startDate=this.dateToSqlTranslate(r),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)||(this.emitDateRange(),this.updateValue()))}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-pre-selection-change",this.handleDateSelection),this.updateValue()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-pre-selection-change",this.handleDateSelection)}setSelected(){}dateToSqlTranslate(e){return e.toSQLDate()}onApplyClick(){this.emitDateRange(),this.updateValue(),this.shouldCloseOnSelect&&this.setOpen(!1)}emitDateRange(){if(!this.startDate||!this.endDate)return;const e=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(e)}};n([(0,l.property)({type:String,attribute:"start-date",reflect:!0})],t.prototype,"startDate",void 0),n([(0,l.property)({type:String,attribute:"end-date",reflect:!0})],t.prototype,"endDate",void 0),t=n([(0,o.w)("md-date-range-picker")],t),e.ELEMENT=t}(i||(i={}))},84157:e=>{e.exports=c},85314:e=>{e.exports=p},97822:e=>{e.exports=s}},j={};function q(e){var t=j[e];if(void 0!==t)return t.exports;var r=j[e]={exports:{}};return b[e](r,r.exports,q),r.exports}q.m=b,v=[],q.O=(e,t,r,i)=>{if(!t){var o=1/0;for(p=0;p<v.length;p++){for(var[t,r,i]=v[p],s=!0,l=0;l<t.length;l++)(!1&i||o>=i)&&Object.keys(q.O).every((e=>q.O[e](t[l])))?t.splice(l--,1):(s=!1,i<o&&(o=i));if(s){v.splice(p--,1);var a=r();void 0!==a&&(e=a)}}return e}i=i||0;for(var p=v.length;p>0&&v[p-1][2]>i;p--)v[p]=v[p-1];v[p]=[t,r,i]},q.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return q.d(t,{a:t}),t},q.d=(e,t)=>{for(var r in t)q.o(t,r)&&!q.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},q.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),q.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2105:0};q.O.j=t=>0===e[t];var t=(t,r)=>{var i,o,[s,l,a]=r,p=0;if(s.some((t=>0!==e[t]))){for(i in l)q.o(l,i)&&(q.m[i]=l[i]);if(a)var n=a(q)}for(t&&t(r);p<s.length;p++)o=s[p],q.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return q.O(n)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var D=q.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,1270,3135,1598,4977,1572,6396,6366,109,4974,1323,6408,6754,4548,7719,984,1625,7814,6273,6652],(()=>q(69494)));return q.O(D)})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("luxon"),require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"));else if("function"==typeof define&&define.amd)define(["luxon","lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite"],t);else{var r="object"==typeof exports?t(require("luxon"),require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite")):t(e.luxon,e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,((e,t,r,i,o,s,l,a,p,n,d,m,c,u,f,h)=>(()=>{"use strict";var v,b={4863:e=>{e.exports=h},8229:e=>{e.exports=r},17518:e=>{e.exports=n},22818:e=>{e.exports=d},22962:e=>{e.exports=m},23968:e=>{e.exports=o},32022:e=>{e.exports=l},40333:e=>{e.exports=i},41488:e=>{e.exports=t},60554:e=>{e.exports=a},65796:t=>{t.exports=e},68250:e=>{e.exports=u},69371:e=>{e.exports=f},69494:(e,t,r)=>{r.r(t),r.d(t,{DateRangePicker:()=>i});var i,o=r(31890),s=r(81625),l=r(41488),a=r(65796),p=r(38654),n=function(e,t,r,i){var o,s=arguments.length,l=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(l=(s<3?o(l):s>3?o(t,r,l):o(t,r))||l);return s>3&&l&&Object.defineProperty(t,r,l),l};!function(e){let t=class extends p.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${(0,s.az)(this.startDate)} - ${(0,s.az)(this.endDate)}`)},this.handleDateSelection=e=>{var t;const r=e.detail.data;r&&(this.startDate?this.endDate?(this.startDate=this.dateToSqlTranslate(r),this.endDate=void 0):r<a.DateTime.fromISO(this.startDate)?(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(r)):this.endDate=this.dateToSqlTranslate(r):this.startDate=this.dateToSqlTranslate(r),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)||(this.emitDateRange(),this.updateValue()))}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-pre-selection-change",this.handleDateSelection),this.updateValue()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-pre-selection-change",this.handleDateSelection)}updated(e){super.updated(e),(e.has("startDate")||e.has("endDate"))&&this.updateValue()}setSelected(){}dateToSqlTranslate(e){return e.toSQLDate()}onApplyClick(){this.emitDateRange(),this.updateValue(),this.shouldCloseOnSelect&&this.setOpen(!1)}emitDateRange(){if(!this.startDate||!this.endDate)return;const e=new CustomEvent("date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate}});this.dispatchEvent(e)}};n([(0,l.property)({type:String,attribute:"start-date",reflect:!0})],t.prototype,"startDate",void 0),n([(0,l.property)({type:String,attribute:"end-date",reflect:!0})],t.prototype,"endDate",void 0),t=n([(0,o.w)("md-date-range-picker")],t),e.ELEMENT=t}(i||(i={}))},84157:e=>{e.exports=c},85314:e=>{e.exports=p},97822:e=>{e.exports=s}},j={};function q(e){var t=j[e];if(void 0!==t)return t.exports;var r=j[e]={exports:{}};return b[e](r,r.exports,q),r.exports}q.m=b,v=[],q.O=(e,t,r,i)=>{if(!t){var o=1/0;for(p=0;p<v.length;p++){for(var[t,r,i]=v[p],s=!0,l=0;l<t.length;l++)(!1&i||o>=i)&&Object.keys(q.O).every((e=>q.O[e](t[l])))?t.splice(l--,1):(s=!1,i<o&&(o=i));if(s){v.splice(p--,1);var a=r();void 0!==a&&(e=a)}}return e}i=i||0;for(var p=v.length;p>0&&v[p-1][2]>i;p--)v[p]=v[p-1];v[p]=[t,r,i]},q.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return q.d(t,{a:t}),t},q.d=(e,t)=>{for(var r in t)q.o(t,r)&&!q.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},q.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),q.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2105:0};q.O.j=t=>0===e[t];var t=(t,r)=>{var i,o,[s,l,a]=r,p=0;if(s.some((t=>0!==e[t]))){for(i in l)q.o(l,i)&&(q.m[i]=l[i]);if(a)var n=a(q)}for(t&&t(r);p<s.length;p++)o=s[p],q.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return q.O(n)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var D=q.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,1270,3135,1598,4977,1572,6396,6366,109,4974,1323,6408,6754,4548,7719,984,1625,7814,6273,6652],(()=>q(69494)));return q.O(D)})()));

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

@@ -1,4 +1,4 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map")):t(e["lit-element"],e["lit-html/directives/class-map"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t)=>(()=>{"use strict";var i,s={16643:(e,t,i)=>{i.r(t),i.d(t,{TAB_CROSS_WIDTH:()=>h,Tab:()=>b});var s=i(90195),o=i(3001),r=i(31890),l=i(26283),n=i(26272),a=i(41488),d=i(23968),p=i(30076),c=function(e,t,i,s){var o,r=arguments.length,l=r<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 n=e.length-1;n>=0;n--)(o=e[n])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l};const h=22;var b;!function(e){let t=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.role="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e?this.tabDisabled():this.tabEnabled(),this.requestUpdate("disabled",t)}tabDisabled(){-1!==this.tabIndex&&(this.tabIndex=-1),this.setAttribute("aria-disabled","true")}tabEnabled(){-1===this.tabIndex&&this.selected&&(this.tabIndex=0),this.removeAttribute("aria-disabled")}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e?(this.setAttribute("aria-selected","true"),this.notifySelectedTab()):this.removeAttribute("aria-selected"),this.requestUpdate("selected",t)}static get styles(){return[n.A,p.A]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeydown(e){if((0,l.o)(e.code)){if(this.disabled)return void e.preventDefault();this.handleClick(e)}}handleCrossKeydown(e){e.stopPropagation(),e.code===s.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&this.disabled&&(this.selected=!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown)}firstUpdated(e){super.firstUpdated(e)}renderCrossButton(){return a.html`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map")):t(e["lit-element"],e["lit-html/directives/class-map"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t)=>(()=>{"use strict";var i,s={16643:(e,t,i)=>{i.r(t),i.d(t,{TAB_CROSS_WIDTH:()=>b,Tab:()=>h});var s=i(90195),o=i(3001),r=i(31890),l=i(26283),n=i(26272),a=i(41488),d=i(23968),p=i(30076),c=function(e,t,i,s){var o,r=arguments.length,l=r<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 n=e.length-1;n>=0;n--)(o=e[n])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l};const b=22;var h;!function(e){let t=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.role="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this.visibleTab=!1,this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e?this.tabDisabled():this.tabEnabled(),this.requestUpdate("disabled",t)}tabDisabled(){-1!==this.tabIndex&&(this.tabIndex=-1),this.setAttribute("aria-disabled","true")}tabEnabled(){-1===this.tabIndex&&this.selected&&(this.tabIndex=0),this.removeAttribute("aria-disabled")}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e?(this.setAttribute("aria-selected","true"),this.notifySelectedTab()):this.removeAttribute("aria-selected"),this.requestUpdate("selected",t)}static get styles(){return[n.A,p.A]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeydown(e){if((0,l.o)(e.code)){if(this.disabled)return void e.preventDefault();this.handleClick(e)}}handleCrossKeydown(e){e.stopPropagation(),e.code===s.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&this.disabled&&(this.selected=!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown)}firstUpdated(e){super.firstUpdated(e)}renderCrossButton(){return a.html`
         <md-button
           variant="ghost"
           size="size-none"
@@ -18,6 +18,7 @@
           <slot class="tab-slot"></slot>
           ${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
         </div>
+        <div part="indicator"></div>
         <!-- Invisible button for legacy third party test compatibility -->
         <button
           type="button"
@@ -26,4 +27,4 @@
           @click=${e=>this.handleClick(e)}
           @keydown=${e=>this.handleKeydown(e)}
         ></button>
-      `}};c([(0,a.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,a.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),c([(0,a.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),c([(0,a.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),c([(0,a.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),c([(0,a.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),c([(0,a.property)({type:String})],t.prototype,"type",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"newMomentum",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),c([(0,a.property)({type:String})],t.prototype,"variant",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=c([(0,r.w)("md-tab")],t),e.ELEMENT=t}(b||(b={}))},23968:e=>{e.exports=t},41488:t=>{t.exports=e}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return s[e](i,i.exports,r),i.exports}r.m=s,i=[],r.O=(e,t,s,o)=>{if(!t){var l=1/0;for(p=0;p<i.length;p++){for(var[t,s,o]=i[p],n=!0,a=0;a<t.length;a++)(!1&o||l>=o)&&Object.keys(r.O).every((e=>r.O[e](t[a])))?t.splice(a--,1):(n=!1,o<l&&(l=o));if(n){i.splice(p--,1);var d=s();void 0!==d&&(e=d)}}return e}o=o||0;for(var p=i.length;p>0&&i[p-1][2]>o;p--)i[p]=i[p-1];i[p]=[t,s,o]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2139:0};r.O.j=t=>0===e[t];var t=(t,i)=>{var s,o,[l,n,a]=i,d=0;if(l.some((t=>0!==e[t]))){for(s in n)r.o(n,s)&&(r.m[s]=n[s]);if(a)var p=a(r)}for(t&&t(i);d<l.length;d++)o=l[d],r.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return r.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var l=r.O(void 0,[1890,6272,6283,8889,300,8373,4624,591,768,195,3001,76],(()=>r(16643)));return r.O(l)})()));
+      `}};c([(0,a.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,a.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),c([(0,a.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),c([(0,a.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),c([(0,a.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),c([(0,a.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),c([(0,a.property)({type:String,reflect:!0})],t.prototype,"type",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"newMomentum",void 0),c([(0,a.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),c([(0,a.property)({type:String})],t.prototype,"variant",void 0),c([(0,a.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),c([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=c([(0,r.w)("md-tab")],t),e.ELEMENT=t}(h||(h={}))},23968:e=>{e.exports=t},41488:t=>{t.exports=e}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={exports:{}};return s[e](i,i.exports,r),i.exports}r.m=s,i=[],r.O=(e,t,s,o)=>{if(!t){var l=1/0;for(p=0;p<i.length;p++){for(var[t,s,o]=i[p],n=!0,a=0;a<t.length;a++)(!1&o||l>=o)&&Object.keys(r.O).every((e=>r.O[e](t[a])))?t.splice(a--,1):(n=!1,o<l&&(l=o));if(n){i.splice(p--,1);var d=s();void 0!==d&&(e=d)}}return e}o=o||0;for(var p=i.length;p>0&&i[p-1][2]>o;p--)i[p]=i[p-1];i[p]=[t,s,o]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2139:0};r.O.j=t=>0===e[t];var t=(t,i)=>{var s,o,[l,n,a]=i,d=0;if(l.some((t=>0!==e[t]))){for(s in n)r.o(n,s)&&(r.m[s]=n[s]);if(a)var p=a(r)}for(t&&t(i);d<l.length;d++)o=l[d],r.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return r.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var l=r.O(void 0,[1890,6272,6283,8889,300,8373,4624,591,768,195,3001,76],(()=>r(16643)));return r.O(l)})()));

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

@@ -1,4 +1,4 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("sortablejs"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/repeat","lit-html/directives/unsafe-html","sortablejs"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("sortablejs")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/repeat"],e["lit-html/directives/unsafe-html"],e.sortablejs);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,a,r,o,l,n,d,h,b,c,p,u,m)=>(()=>{"use strict";var v,f={3001:(e,t,i)=>{i.d(t,{Io:()=>r.I,TS:()=>o.T,UM:()=>a.U,wW:()=>l.w,yC:()=>s.y}),i(18889);var s=i(32972),a=(i(28373),i(70300)),r=i(84624),o=i(68387),l=i(31890)},4863:e=>{e.exports=c},8229:e=>{e.exports=t},16643:(e,t,i)=>{i.d(t,{TAB_CROSS_WIDTH:()=>c});var s=i(90195),a=i(3001),r=i(31890),o=i(26283),l=i(26272),n=i(41488),d=i(23968),h=i(30076),b=function(e,t,i,s){var a,r=arguments.length,o=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};const c=22;var p;!function(e){let t=class extends((0,a.yC)(n.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.role="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e?this.tabDisabled():this.tabEnabled(),this.requestUpdate("disabled",t)}tabDisabled(){-1!==this.tabIndex&&(this.tabIndex=-1),this.setAttribute("aria-disabled","true")}tabEnabled(){-1===this.tabIndex&&this.selected&&(this.tabIndex=0),this.removeAttribute("aria-disabled")}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e?(this.setAttribute("aria-selected","true"),this.notifySelectedTab()):this.removeAttribute("aria-selected"),this.requestUpdate("selected",t)}static get styles(){return[l.A,h.A]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeydown(e){if((0,o.o)(e.code)){if(this.disabled)return void e.preventDefault();this.handleClick(e)}}handleCrossKeydown(e){e.stopPropagation(),e.code===s.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&this.disabled&&(this.selected=!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown)}firstUpdated(e){super.firstUpdated(e)}renderCrossButton(){return n.html`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("sortablejs"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/repeat","lit-html/directives/unsafe-html","sortablejs"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("sortablejs")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/repeat"],e["lit-html/directives/unsafe-html"],e.sortablejs);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,r,o,a,l,n,d,h,b,c,p,u,m)=>(()=>{"use strict";var v,f={3001:(e,t,i)=>{i.d(t,{Io:()=>o.I,TS:()=>a.T,UM:()=>r.U,wW:()=>l.w,yC:()=>s.y}),i(18889);var s=i(32972),r=(i(28373),i(70300)),o=i(84624),a=i(68387),l=i(31890)},4863:e=>{e.exports=c},8229:e=>{e.exports=t},16643:(e,t,i)=>{i.d(t,{TAB_CROSS_WIDTH:()=>c});var s=i(90195),r=i(3001),o=i(31890),a=i(26283),l=i(26272),n=i(41488),d=i(23968),h=i(30076),b=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const c=22;var p;!function(e){let t=class extends((0,r.yC)(n.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.role="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this.visibleTab=!1,this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e?this.tabDisabled():this.tabEnabled(),this.requestUpdate("disabled",t)}tabDisabled(){-1!==this.tabIndex&&(this.tabIndex=-1),this.setAttribute("aria-disabled","true")}tabEnabled(){-1===this.tabIndex&&this.selected&&(this.tabIndex=0),this.removeAttribute("aria-disabled")}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e?(this.setAttribute("aria-selected","true"),this.notifySelectedTab()):this.removeAttribute("aria-selected"),this.requestUpdate("selected",t)}static get styles(){return[l.A,h.A]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeydown(e){if((0,a.o)(e.code)){if(this.disabled)return void e.preventDefault();this.handleClick(e)}}handleCrossKeydown(e){e.stopPropagation(),e.code===s.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&this.disabled&&(this.selected=!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown)}firstUpdated(e){super.firstUpdated(e)}renderCrossButton(){return n.html`
         <md-button
           variant="ghost"
           size="size-none"
@@ -18,6 +18,7 @@
           <slot class="tab-slot"></slot>
           ${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
         </div>
+        <div part="indicator"></div>
         <!-- Invisible button for legacy third party test compatibility -->
         <button
           type="button"
@@ -26,7 +27,7 @@
           @click=${e=>this.handleClick(e)}
           @keydown=${e=>this.handleKeydown(e)}
         ></button>
-      `}};b([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([(0,n.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([(0,n.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([(0,n.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([(0,n.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([(0,n.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),b([(0,n.property)({type:String})],t.prototype,"type",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),b([(0,n.property)({type:String})],t.prototype,"variant",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([(0,r.w)("md-tab")],t),e.ELEMENT=t}(p||(p={}))},19239:e=>{e.exports=u},22818:e=>{e.exports=p},22962:e=>{e.exports=n},23968:e=>{e.exports=s},32022:e=>{e.exports=r},40333:e=>{e.exports=i},41488:t=>{t.exports=e},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>I,Tabs:()=>H}),i(61200),i(11323),i(83192);var s=i(90195),a=i(3001),r=i(66677),o=i(59164),l=i(26272),n=i(41488),d=i(40333),h=i(23968),b=i(22818),c=i(8229),p=i(19239),u=i(41891),m=i.n(u),v=i(97103),f=i(30076),y=i(16643),T=function(e,t,i,s){var a,r=arguments.length,o=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o},g=function(e,t,i,s){return new(i||(i=Promise))((function(a,r){function o(e){try{n(s.next(e))}catch(e){r(e)}}function l(e){try{n(s.throw(e))}catch(e){r(e)}}function n(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,l)}n((s=s.apply(e,t||[])).next())}))};const M="tab-more",I="more-menu-copy-",C="visibleToVisible",E="visibleToHidden",A="hiddenToVisible",L="hiddenToHidden",S="previous",w="next",x="fromMoreTabs";var H;!function(e){let t=class extends((0,a.UM)((0,a.Io)((0,a.TS)(n.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._selectedIndex=0,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.isMoreTabTruncated=!1,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=>g(this,void 0,void 0,(function*(){var t,i,s,a,r,o,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case E:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],a=u.slice(-1)[0],r=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(r,0,s),u.pop();const o=p.filter((t=>t.id!==this.getNormalizedTabId(e.item.id)));o.push(a),this.tabsFilteredAsVisibleList=[...o],this.tabsFilteredAsHiddenList=[...u];break}case C:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,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[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(r=this.visibleTabsContainerElement)||void 0===r||r.replaceChild(i,t),null===(o=this.visibleTabsContainerElement)||void 0===o||o.insertBefore(t,i);break}case A:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case L:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.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(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}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}}get currentTabsLayout(){return"horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:"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(I,"")}static get styles(){return[l.A,f.A]}ensureTabsUpdateComplete(e){return g(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+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth))}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e=>e.offsetHeight))}manageOverflow(){return g(this,void 0,void 0,(function*(){var e,t;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,r;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===(r=null==e?void 0:e.children[0])||void 0===r||r.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 r=this.measureTabsOffsetWidth(),o=i.reduce(((e,t,i)=>e+r[i]),0);if(o){yield this.setupMoreTab();let e=!0;a<o&&(e=!1);const t=[];let l=0;i.forEach(((i,o)=>{l+=r[o];const n=!e&&l+(o<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:n,tabOffsetWidth:r[o]})})),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)=>{var i,s;const a=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",r=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(a)-this.tabsOrderPrefsArray.indexOf(r)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return g(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}).`);const i="vertical"===this.direction;e.forEach(((e,s)=>{const a=(0,o.O)("tabs"),r="tab_"+a,l="tab_panel_"+a;e.setAttribute("id",r),e.setAttribute("aria-controls",l),e.selected=this.selected===s,e.vertical!==i&&(e.vertical=i),e.viewportHidden&&i&&(e.viewportHidden=!1);const n=t[s];n?(n.setAttribute("id",l),n.setAttribute("aria-labelledby",r),n.selected=this.selected===s,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0}));let s=this.selected;for(;s<e.length&&e[s].disabled;)s++;s=s===e.length?0:s,e[s].selected=!0,t[s].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){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?E:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?C:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?A:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?L: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()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find((t=>t.id===e.id))}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&i&&(this.setSelectedAttribute((0,r.Qx)(t,s),(0,r.Qx)(i,s),!1),this.setSelectedAttribute((0,r.Qx)(t,e),(0,r.Qx)(i,e),!0)),e>=0){this.dispatchSelectedChangedEvent(e);const i=this.currentTabsLayout.findIndex((i=>i.id===t[e].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,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,s;const a=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<a;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s;const a=this.getCurrentIndex(e),r=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children,o=null!==(s=null==r?void 0:r.length)&&void 0!==s?s:0;if(!r||0===o)return;let l=0;t===S?l=0===a?o-1:a-1:t===w?l=a===o-1?0:a+1:t===x&&(l=this.selected>=o?0:this.selected),this.moveFocusToTab(r[l])}moveFocusToTab(e){(0,v.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){(0,v.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}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,r,o,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find((e=>e.id===(null==d?void 0:d.id))))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===M,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,x));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(a=this.tabsFilteredAsVisibleList)||void 0===a?void 0:a.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[(null===(o=this.tabsFilteredAsHiddenList)||void 0===o?void 0:o.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||v&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,S));break;case s.Uz.ArrowRight:u||v&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,w));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?y:this.selected-1);else if(f){e.preventDefault();const t=this.selected===T?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===y?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){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(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.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 g(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=m().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=m().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.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}onDirectionChanged(){return g(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage()}))}updated(e){var t;if(super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),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(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated()}get moreMenuButtonTemplate(){return n.html`
+      `}};b([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([(0,n.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([(0,n.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([(0,n.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([(0,n.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([(0,n.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),b([(0,n.property)({type:String,reflect:!0})],t.prototype,"type",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),b([(0,n.property)({type:String})],t.prototype,"variant",void 0),b([(0,n.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([(0,o.w)("md-tab")],t),e.ELEMENT=t}(p||(p={}))},19239:e=>{e.exports=u},22818:e=>{e.exports=p},22962:e=>{e.exports=n},23968:e=>{e.exports=s},32022:e=>{e.exports=o},40333:e=>{e.exports=i},41488:t=>{t.exports=e},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>I,Tabs:()=>H}),i(61200),i(11323),i(83192);var s=i(90195),r=i(3001),o=i(66677),a=i(59164),l=i(26272),n=i(41488),d=i(40333),h=i(23968),b=i(22818),c=i(8229),p=i(19239),u=i(41891),m=i.n(u),v=i(97103),f=i(30076),y=i(16643),T=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},g=function(e,t,i,s){return new(i||(i=Promise))((function(r,o){function a(e){try{n(s.next(e))}catch(e){o(e)}}function l(e){try{n(s.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,l)}n((s=s.apply(e,t||[])).next())}))};const M="tab-more",I="more-menu-copy-",A="visibleToVisible",w="visibleToHidden",C="hiddenToVisible",E="hiddenToHidden",L="previous",S="next",x="fromMoreTabs";var H;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.TS)(n.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._selectedIndex=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.scrollArrow=!1,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.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame((()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5}))},this.handleOnDragEnd=e=>g(this,void 0,void 0,(function*(){var t,i,s,r,o,a,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case w:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],r=u.slice(-1)[0],o=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(o,0,s),u.pop();const a=p.filter((t=>t.id!==this.getNormalizedTabId(e.item.id)));a.push(r),this.tabsFilteredAsVisibleList=[...a],this.tabsFilteredAsHiddenList=[...u];break}case A:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case C:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case E:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.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(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}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}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:"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(I,"")}static get styles(){return[l.A,f.A]}ensureTabsUpdateComplete(e){return g(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+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth))}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e=>e.offsetHeight))}manageOverflow(){return g(this,void 0,void 0,(function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((e=>{var t,i,s,r,o;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===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(o=null==e?void 0:e.children[0])||void 0===o||o.appendChild(t))}}));const s=i.length;if(this.tabsListElement&&s){const r=(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 o=this.measureTabsOffsetWidth(),a=i.reduce(((e,t,i)=>e+o[i]),0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let l=0;i.forEach(((i,a)=>{l+=o[a];const n=!e&&l+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:n,tabOffsetWidth:o[a]})})),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 r=this.tabsFilteredAsHiddenList.find((e=>!e.disabled));this.updateHiddenIdPositiveTabIndex(r)}}))}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)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return g(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}).`);const i="vertical"===this.direction;e.forEach(((e,s)=>{const r=(0,a.O)("tabs"),o="tab_"+r,l="tab_panel_"+r;e.setAttribute("id",o),e.setAttribute("aria-controls",l),e.selected=this.selected===s,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const n=t[s];n?(n.setAttribute("id",l),n.setAttribute("aria-labelledby",o),n.selected=this.selected===s,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0}));let s=this.selected;for(;s<e.length&&e[s].disabled;)s++;s=s===e.length?0:s,e[s].selected=!0,t[s].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){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?w:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?A:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?C:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?E: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()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find((t=>t.id===e.id))}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&i&&(this.setSelectedAttribute((0,o.Qx)(t,s),(0,o.Qx)(i,s),!1),this.setSelectedAttribute((0,o.Qx)(t,e),(0,o.Qx)(i,e),!0)),e>=0){this.dispatchSelectedChangedEvent(e);const i=this.currentTabsLayout.findIndex((i=>i.id===t[e].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id,s=t.findIndex((e=>e.id===i)),r=[];t.forEach((e=>{r.push(e.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},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,s;if(this.scrollArrow){const t=this.tabs.length;for(let i=0;i<t;i++)if(this.tabs[i].id===e)return i}const r=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<r;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s,r;const o=this.getCurrentIndex(e),a=this.slotItem.assignedElements();let l=0;if(this.scrollArrow){t===L?l=0===o?a.length-1:o-1:t===S&&(l=o===a.length-1?0:o+1),this.moveFocusToTab(a[l]);const e=a[l],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,v.setTimeout)((()=>this.moveFocusToTab(a[l])),0)}const n=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;n&&0!==d&&(t===L?l=0===o?d-1:o-1:t===S?l=o===d-1?0:o+1:t===x&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,v.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){(0,v.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}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,r,o,a,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find((e=>e.id===(null==d?void 0:d.id))))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===M,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,x));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(r=this.tabsFilteredAsVisibleList)||void 0===r?void 0:r.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[(null===(a=this.tabsFilteredAsHiddenList)||void 0===a?void 0:a.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,L));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,S));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?y:this.selected-1);else if(f){e.preventDefault();const t=this.selected===T?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===y?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){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(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.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 g(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=m().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=m().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.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return g(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()}))}updated(e){var t;if(super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),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(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,v.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return n.html`
         <md-tab
           slot="menu-trigger"
           id="${M}"
@@ -38,6 +39,8 @@
           class="md-menu-overlay__more_tab ${(0,h.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
           ?newMomentum=${this.newMomentum}
           type=${this.type}
+          variant=${this.variant}
+          visible-tab
         >
           <md-tooltip placement="top" message=${this.overflowLabel} ?disabled=${!this.isMoreTabTruncated}>
             <span class="md-menu-overlay__overflow-label">${this.overflowLabel}</span>
@@ -50,7 +53,7 @@
           ></md-icon>
         </md-tab>
       `}get moreMenuListTemplate(){return n.html`
-        ${(0,b.repeat)(this.tabsFilteredAsHiddenList,(()=>(0,o.O)("menuitem_tabs")),(e=>n.html`
+        ${(0,b.repeat)(this.tabsFilteredAsHiddenList,(()=>(0,a.O)("menuitem_tabs")),(e=>n.html`
             <md-tab
               slot="draggable-item"
               ?disabled=${e.disabled}
@@ -63,6 +66,7 @@
               tabIndex="${this.tabHiddenIdPositiveTabIndex===e.id?0:-1}"
               role="menuitem"
               ?newMomentum=${this.newMomentum}
+              variant=${e.variant}
               type=${e.type}
               ?onlyIcon=${e.onlyIcon}
             >
@@ -88,15 +92,25 @@
             ${this.moreMenuListTemplate}
           </div>
         </md-menu-overlay>
-      `}get renderTabSlot(){return n.html`<slot
-        name="tab"
-        class="${(0,h.classMap)({"visible-tabs-slot":"horizontal"===this.direction})}"
-      ></slot> `}get renderTabsWithMoreMenu(){return n.html`
+      `}tabsButtonArrow(e){return n.html`<md-button
+        class="tabs-${e}-arrow"
+        @click=${()=>this.scrollTabs(e)}
+        size="28"
+        variant="ghost"
+        circle
+      >
+        <md-icon slot="icon" name="arrow-${e}-regular" iconSet="momentumDesign"></md-icon>
+      </md-button>`}get renderTabSlot(){return n.html`
+        <slot
+          name="tab"
+          class="${(0,h.classMap)({"visible-tabs-slot":"horizontal"===this.direction&&!this.scrollArrow})}"
+        ></slot>
+      `}get renderTabsWithMoreMenu(){return n.html`
         <div
           id="visible-tabs-list"
           class="visible-tabs-container ${(0,h.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"visible-new-tabs":this.newMomentum})}"
         >
-          ${(0,b.repeat)(this.tabsFilteredAsVisibleList,(()=>(0,o.O)("tabs")),(e=>n.html`
+          ${(0,b.repeat)(this.tabsFilteredAsVisibleList,((e,t)=>`${e.id}-${t}`),(e=>n.html`
               <md-tab
                 .closable="${e.closable}"
                 .disabled="${e.disabled}"
@@ -111,6 +125,7 @@
                 variant=${this.variant}
                 type=${this.type}
                 .onlyIcon="${e.onlyIcon}"
+                visible-tab
               >
                 ${(0,p.unsafeHTML)(e.innerHTML)}
               </md-tab>
@@ -118,15 +133,20 @@
         </div>
         ${this.moreMenuTemplate}
       `}render(){return n.html`
-        <div
-          part="tabs-list"
-          class="md-tab__list ${(0,h.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"
-        >
-          ${this.renderTabSlot} ${"horizontal"===this.direction?this.renderTabsWithMoreMenu:d.nothing}
-          <div class="md-tabs__settings" part="md-tabs__settings">
-            <slot name="settings"></slot>
+        <div class="md-tabs-wrapper" part="tabs-wrapper">
+          ${this.scrollArrow&&this.showLeftArrow?this.tabsButtonArrow("left"):d.nothing}
+          <div
+            part="tabs-list"
+            class="md-tab__list ${(0,h.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"
+          >
+            ${this.renderTabSlot}
+            ${"horizontal"!==this.direction||this.scrollArrow?d.nothing:this.renderTabsWithMoreMenu}
+            <div class="md-tabs__settings" part="md-tabs__settings">
+              <slot name="settings"></slot>
+            </div>
           </div>
+          ${this.scrollArrow&&this.showRightArrow?this.tabsButtonArrow("right"):d.nothing}
         </div>
         <div
           part="tabs-content"
@@ -134,4 +154,4 @@
         >
           <slot name="panel"></slot>
         </div>
-      `}};T([(0,n.property)({type:Boolean})],t.prototype,"justified",void 0),T([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([(0,n.property)({type:String})],t.prototype,"overflowLabel",void 0),T([(0,n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([(0,n.property)({type:String})],t.prototype,"direction",void 0),T([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),T([(0,n.property)({type:Number})],t.prototype,"delay",void 0),T([(0,n.property)({type:Number})],t.prototype,"animation",void 0),T([(0,n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([(0,n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([(0,n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([(0,n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([(0,n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([(0,n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([(0,n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([(0,n.property)({type:String})],t.prototype,"type",void 0),T([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([(0,n.property)({type:String})],t.prototype,"variant",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([(0,n.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([(0,n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([(0,n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([(0,n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([(0,n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([(0,n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([(0,n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([(0,a.wW)("md-tabs")],t),e.ELEMENT=t}(H||(H={}))},60554:e=>{e.exports=o},66677:(e,t,i)=>{function s(e,t,i){let s;return function(...a){const r=this,o=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||e.apply(r,a)}),t),o&&e.apply(r,a)}}function a(e,t){return t>=0&&t<e.length?e[t]:void 0}i.d(t,{Qx:()=>a,sg:()=>s})},68250:e=>{e.exports=h},69371:e=>{e.exports=b},84157:e=>{e.exports=d},85314:e=>{e.exports=l},97822:e=>{e.exports=a}},y={};function T(e){var t=y[e];if(void 0!==t)return t.exports;var i=y[e]={exports:{}};return f[e].call(i.exports,i,i.exports,T),i.exports}T.m=f,v=[],T.O=(e,t,i,s)=>{if(!t){var a=1/0;for(n=0;n<v.length;n++){for(var[t,i,s]=v[n],r=!0,o=0;o<t.length;o++)(!1&s||a>=s)&&Object.keys(T.O).every((e=>T.O[e](t[o])))?t.splice(o--,1):(r=!1,s<a&&(a=s));if(r){v.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=v.length;n>0&&v[n-1][2]>s;n--)v[n]=v[n-1];v[n]=[t,i,s]},T.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return T.d(t,{a:t}),t},T.d=(e,t)=>{for(var i in t)T.o(t,i)&&!T.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},T.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),T.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),T.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1439:0,1528:0,2139:0,3001:0,5382:0,6677:0,7763:0,9058:0};T.O.j=t=>0===e[t];var t=(t,i)=>{var s,a,[r,o,l]=i,n=0;if(r.some((t=>0!==e[t]))){for(s in o)T.o(o,s)&&(T.m[s]=o[s]);if(l)var d=l(T)}for(t&&t(i);n<r.length;n++)a=r[n],T.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return T.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var g=T.O(void 0,[4367,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,591,195,6366,7251,2243,1323,3192,76,9164,3625,754,7919],(()=>T(50226)));return T.O(g)})()));
+      `}};T([(0,n.property)({type:Boolean})],t.prototype,"justified",void 0),T([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([(0,n.property)({type:String})],t.prototype,"overflowLabel",void 0),T([(0,n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([(0,n.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),T([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),T([(0,n.property)({type:Number})],t.prototype,"animation",void 0),T([(0,n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([(0,n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([(0,n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([(0,n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([(0,n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([(0,n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([(0,n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([(0,n.property)({type:String})],t.prototype,"type",void 0),T([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([(0,n.property)({type:String})],t.prototype,"variant",void 0),T([(0,n.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([(0,n.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([(0,n.internalProperty)()],t.prototype,"showLeftArrow",void 0),T([(0,n.internalProperty)()],t.prototype,"showRightArrow",void 0),T([(0,n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([(0,n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([(0,n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([(0,n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([(0,n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([(0,n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(H||(H={}))},60554:e=>{e.exports=a},66677:(e,t,i)=>{function s(e,t,i){let s;return function(...r){const o=this,a=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||e.apply(o,r)}),t),a&&e.apply(o,r)}}function r(e,t){return t>=0&&t<e.length?e[t]:void 0}i.d(t,{Qx:()=>r,sg:()=>s})},68250:e=>{e.exports=h},69371:e=>{e.exports=b},84157:e=>{e.exports=d},85314:e=>{e.exports=l},97822:e=>{e.exports=r}},y={};function T(e){var t=y[e];if(void 0!==t)return t.exports;var i=y[e]={exports:{}};return f[e].call(i.exports,i,i.exports,T),i.exports}T.m=f,v=[],T.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<v.length;n++){for(var[t,i,s]=v[n],o=!0,a=0;a<t.length;a++)(!1&s||r>=s)&&Object.keys(T.O).every((e=>T.O[e](t[a])))?t.splice(a--,1):(o=!1,s<r&&(r=s));if(o){v.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=v.length;n>0&&v[n-1][2]>s;n--)v[n]=v[n-1];v[n]=[t,i,s]},T.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return T.d(t,{a:t}),t},T.d=(e,t)=>{for(var i in t)T.o(t,i)&&!T.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},T.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),T.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),T.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1439:0,1528:0,2139:0,3001:0,5382:0,6677:0,7763:0,9058:0};T.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,a,l]=i,n=0;if(o.some((t=>0!==e[t]))){for(s in a)T.o(a,s)&&(T.m[s]=a[s]);if(l)var d=l(T)}for(t&&t(i);n<o.length;n++)r=o[n],T.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return T.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var g=T.O(void 0,[4367,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,591,195,6366,7251,2243,1323,3192,76,9164,3625,754,7919],(()=>T(50226)));return T.O(g)})()));

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

@@ -30,7 +30,7 @@
         `)():l.nothing}
           <slot></slot>
         </span>
-      `}};c([(0,n.property)({type:String})],t.prototype,"ariaLabel",void 0),c([(0,n.property)({type:String})],t.prototype,"color",void 0),c([(0,n.property)({type:String})],t.prototype,"bgColor",void 0),c([(0,n.property)({type:String})],t.prototype,"textColor",void 0),c([(0,n.property)({type:String})],t.prototype,"height",void 0),c([(0,n.property)({type:String})],t.prototype,"width",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"outlined",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"compact",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"circle",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"small",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"split",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),c([(0,n.property)({type:String})],t.prototype,"tabIndexing",void 0),c([(0,n.property)({type:String})],t.prototype,"ariaHiddenSplits",void 0),t=c([(0,s.w)("md-badge")],t),e.ELEMENT=t}(o||(o={}))},85314:e=>{e.exports=l},86610:(e,t,i)=>{i.r(t),i.d(t,{TaskItem:()=>o}),i(63704),i(61200);var o,s=i(31890),r=i(26272),n=i(41488),l=i(40333),a=i(23968),d=i(50182),m=function(e,t,i,o){var s,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(n=(r<3?s(n):r>3?s(t,i,n):s(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.queue="",this.accepted=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.renderTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return n.html`
+      `}};c([(0,n.property)({type:String})],t.prototype,"ariaLabel",void 0),c([(0,n.property)({type:String})],t.prototype,"color",void 0),c([(0,n.property)({type:String})],t.prototype,"bgColor",void 0),c([(0,n.property)({type:String})],t.prototype,"textColor",void 0),c([(0,n.property)({type:String})],t.prototype,"height",void 0),c([(0,n.property)({type:String})],t.prototype,"width",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"outlined",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"compact",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"circle",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"small",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"split",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),c([(0,n.property)({type:String})],t.prototype,"tabIndexing",void 0),c([(0,n.property)({type:String})],t.prototype,"ariaHiddenSplits",void 0),t=c([(0,s.w)("md-badge")],t),e.ELEMENT=t}(o||(o={}))},85314:e=>{e.exports=l},86610:(e,t,i)=>{i.r(t),i.d(t,{TaskItem:()=>o}),i(63704),i(61200);var o,s=i(31890),r=i(26272),n=i(41488),l=i(40333),a=i(23968),d=i(50182),m=function(e,t,i,o){var s,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(n=(r<3?s(n):r>3?s(t,i,n):s(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.queue="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.renderTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return n.html`
             <md-badge color="green" circle>
               <md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
             </md-badge>
@@ -54,6 +54,8 @@
             <md-badge color="green" circle>
               <md-icon name="icon-icon-campaign_18"></md-icon>
             </md-badge>
+          `;case"outbound-campaign":return n.html`
+            <md-avatar title="Channel Campaign" type="channel-campaign" avatar-style="default" state="rest"></md-avatar>
           `;case"chat":return n.html`
             <md-badge color="blue" circle>
               <md-icon name="chat-filled" size="20" iconSet="momentumDesign"></md-icon>
@@ -91,7 +93,7 @@
           <div class="md-taskitem__content" part="task-item-content">
             ${this.popovertitle?n.html` <span class="md-taskitem__content_popover_title">${this.popovertitle}</span> `:l.nothing}
             ${this.title?n.html`
-                  <span class="md-taskitem__content_title ${(0,a.classMap)({mainTitle:!this.popovertitle})}"
+                  <span class="md-taskitem__content_title ${(0,a.classMap)({mainTitle:!this.popovertitle,"display-only-title":this.displayOnlyTitle})}"
                     >${this.title}</span
                   >
                 `:l.nothing}
@@ -111,4 +113,4 @@
             ${this.renderChatCount()}
           </div>
         </div>
-      `}};m([(0,n.property)({type:String})],t.prototype,"mediaType",void 0),m([(0,n.property)({type:String})],t.prototype,"status",void 0),m([(0,n.property)({type:String})],t.prototype,"popovertitle",void 0),m([(0,n.property)({type:String})],t.prototype,"queue",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"accepted",void 0),m([(0,n.property)({type:Number})],t.prototype,"quantity",void 0),m([(0,n.property)({type:String})],t.prototype,"lastmessage",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"selected",void 0),m([(0,n.property)({type:String})],t.prototype,"customAriaLabel",void 0),m([(0,n.property)({type:String})],t.prototype,"iconSrc",void 0),m([(0,n.property)({type:String})],t.prototype,"tabIndexForContainer",void 0),m([(0,n.property)({type:String,reflect:!0})],t.prototype,"title",null),m([(0,n.property)({type:String,reflect:!0,attribute:"item-title"})],t.prototype,"itemTitle",null),t=m([(0,s.w)("md-task-item")],t),e.ELEMENT=t}(o||(o={}))},97822:e=>{e.exports=o}},m={};function c(e){var t=m[e];if(void 0!==t)return t.exports;var i=m[e]={exports:{}};return d[e](i,i.exports,c),i.exports}c.m=d,a=[],c.O=(e,t,i,o)=>{if(!t){var s=1/0;for(d=0;d<a.length;d++){for(var[t,i,o]=a[d],r=!0,n=0;n<t.length;n++)(!1&o||s>=o)&&Object.keys(c.O).every((e=>c.O[e](t[n])))?t.splice(n--,1):(r=!1,o<s&&(s=o));if(r){a.splice(d--,1);var l=i();void 0!==l&&(e=l)}}return e}o=o||0;for(var d=a.length;d>0&&a[d-1][2]>o;d--)a[d]=a[d-1];a[d]=[t,i,o]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8111:0,8339:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var o,s,[r,n,l]=i,a=0;if(r.some((t=>0!==e[t]))){for(o in n)c.o(n,o)&&(c.m[o]=n[o]);if(l)var d=l(c)}for(t&&t(i);a<r.length;a++)s=r[a],c.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return c.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var p=c.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,2019,182],(()=>c(86610)));return c.O(p)})()));
+      `}};m([(0,n.property)({type:String})],t.prototype,"mediaType",void 0),m([(0,n.property)({type:String})],t.prototype,"status",void 0),m([(0,n.property)({type:String})],t.prototype,"popovertitle",void 0),m([(0,n.property)({type:String})],t.prototype,"queue",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"accepted",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"displayOnlyTitle",void 0),m([(0,n.property)({type:Number})],t.prototype,"quantity",void 0),m([(0,n.property)({type:String})],t.prototype,"lastmessage",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"selected",void 0),m([(0,n.property)({type:String})],t.prototype,"customAriaLabel",void 0),m([(0,n.property)({type:String})],t.prototype,"iconSrc",void 0),m([(0,n.property)({type:String})],t.prototype,"tabIndexForContainer",void 0),m([(0,n.property)({type:String,reflect:!0})],t.prototype,"title",null),m([(0,n.property)({type:String,reflect:!0,attribute:"item-title"})],t.prototype,"itemTitle",null),t=m([(0,s.w)("md-task-item")],t),e.ELEMENT=t}(o||(o={}))},97822:e=>{e.exports=o}},m={};function c(e){var t=m[e];if(void 0!==t)return t.exports;var i=m[e]={exports:{}};return d[e](i,i.exports,c),i.exports}c.m=d,a=[],c.O=(e,t,i,o)=>{if(!t){var s=1/0;for(d=0;d<a.length;d++){for(var[t,i,o]=a[d],r=!0,n=0;n<t.length;n++)(!1&o||s>=o)&&Object.keys(c.O).every((e=>c.O[e](t[n])))?t.splice(n--,1):(r=!1,o<s&&(s=o));if(r){a.splice(d--,1);var l=i();void 0!==l&&(e=l)}}return e}o=o||0;for(var d=a.length;d>0&&a[d-1][2]>o;d--)a[d]=a[d-1];a[d]=[t,i,o]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8111:0,8339:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var o,s,[r,n,l]=i,a=0;if(r.some((t=>0!==e[t]))){for(o in n)c.o(n,o)&&(c.m[o]=n[o]);if(l)var d=l(c)}for(t&&t(i);a<r.length;a++)s=r[a],c.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return c.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var p=c.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,2019,182],(()=>c(86610)));return c.O(p)})()));