@momentum-ui/web-components 2.24.1 → 3.0.0-alpha.1

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/class-map"),require("lit-html/directives/style-map"),require("lit-html"),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/class-map","lit-html/directives/style-map","lit-html","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/class-map"),require("lit-html/directives/style-map"),require("lit-html"),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/class-map"],e["lit-html/directives/style-map"],e["lit-html"],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=i},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.size=28,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.tabIndex=0,this.notifySelectedTab()):(this.tabIndex=-1,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`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),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/directives/repeat.js"),require("lit/directives/unsafe-html.js"),require("sortablejs"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@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/directives/repeat.js","lit/directives/unsafe-html.js","sortablejs"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),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/directives/repeat.js"),require("lit/directives/unsafe-html.js"),require("sortablejs")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,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/directives/repeat.js"],e["lit/directives/unsafe-html.js"],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},10318:e=>{e.exports=s},16643:(e,t,i)=>{i.d(t,{TAB_CROSS_WIDTH:()=>p});var s=i(90195),r=i(3001),o=i(31890),a=i(26283),l=i(4313),n=i(87161),d=i(70429),h=i(85125),b=i(2669),c=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 p=22;var u;!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.size=28,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.tabIndex=0,this.notifySelectedTab()):(this.tabIndex=-1,this.removeAttribute("aria-selected")),this.requestUpdate("selected",t)}static get styles(){return[l.A,b.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"
@@ -13,7 +13,7 @@
       `}render(){return n.html`
         <div
           part="tab"
-          class="${(0,d.classMap)({disabled:this.disabled,"md-tab-content":!0,closable:""!==this.closable,pill:"pill"===this.type,rounded:"rounded"===this.type,line:"line"===this.type,primary:"primary"===this.variant,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
+          class="${(0,h.classMap)({disabled:this.disabled,"md-tab-content":!0,closable:""!==this.closable,pill:"pill"===this.type,rounded:"rounded"===this.type,line:"line"===this.type,primary:"primary"===this.variant,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
         >
           <slot class="tab-slot"></slot>
           ${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
@@ -27,17 +27,17 @@
           @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,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:Number})],t.prototype,"size",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=t},32022:e=>{e.exports=o},40333:e=>{e.exports=s},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:()=>A,Tabs:()=>V}),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(97822),c=i(22818),p=i(8229),u=i(19239),m=i(41891),v=i.n(m),f=i(97103),y=i(30076),T=i(16643),g=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},M=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 w="tab-more",A="more-menu-copy-",I="visibleToVisible",C="visibleToHidden",L="hiddenToVisible",E="hiddenToHidden",S="previous",x="next",H="fromMoreTabs";var V;!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.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.size=28,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=>M(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 C:{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 I:{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 L:{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){var t;if(-1===e)return;const i=this._selectedIndex;this._selectedIndex=e,i!==e&&(null===(t=this.tabs)||void 0===t?void 0:t.length)&&this.updateSelectedTab(e)}get isRtl(){return"rtl"===getComputedStyle(this).direction}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(A))?`${A}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${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(A,"")}static get styles(){return[l.A,y.A]}ensureTabsUpdateComplete(e){return M(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+T.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t}):this.tabs.map(e=>e.closable?e.offsetWidth+T.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 M(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,a;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===(o=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0])||void 0===o?void 0:o.cloneNode(!0);t&&(t.classList.add("tab-content"),null===(a=null==e?void 0:e.children[0])||void 0===a||a.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 M(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,s=this.selectedIndex<0?0:this.selectedIndex;e.forEach((e,r)=>{const o=(0,a.O)("tabs"),l="tab_"+o,n="tab_panel_"+o;e.setAttribute("id",l),e.setAttribute("aria-controls",n),e.selected=s===r,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,e.size=this.newMomentum?this.size:void 0,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const d=t[r];d?(d.setAttribute("id",n),d.setAttribute("aria-labelledby",l),d.selected=s===r,e.disabled&&(d.hidden=!0,d.selected=!1)):e.disabled=!0});let r=s;for(;r<e.length&&e[r].disabled;)r++;r=r===e.length?0:r,e[r].selected=!0,t[r].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(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?C:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?I:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?L: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,t=!0){const i=this.tabsHash[this.getNormalizedTabId(e)];if(i&&!i.disabled){const e=this.tabsIdxHash[i.id];-1!==e&&this.updateSelectedTab(e,t);{const e=this.tabsCopyHash[this.getCopyTabId(i)];e&&t&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(i)}}}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,t=!0){const{tabs:i,panels:s}=this,r=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(i&&s&&(this.setSelectedAttribute((0,o.Qx)(i,r),(0,o.Qx)(s,r),!1),this.setSelectedAttribute((0,o.Qx)(i,e),(0,o.Qx)(s,e),!0)),e>=0&&e<i.length){this.dispatchSelectedChangedEvent(e);const s=this.currentTabsLayout.findIndex(t=>t.id===i[e].id);this.changeSelectedTabIdx(s,t)}}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,t=!0){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var i,s;if(e<this.tabsFilteredAsVisibleList.length){if(t){const e=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[this.selected];null==e||e.focus()}}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,i=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e];t&&this.moveFocusToTab(i);const r=this.tabsFilteredAsHiddenList[e];(null==r?void 0:r.disabled)||this.updateHiddenIdPositiveTabIndex(r)}}),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===S?l=0===o?a.length-1:o-1:t===x&&(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,f.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===S?l=0===o?d-1:o-1:t===x?l=o===d-1?0:o+1:t===H&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,f.setTimeout)(()=>null==e?void 0:e.focus(),0)}handleOverlayClose(){(0,f.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===w,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,H));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,this.isRtl?x:S));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,this.isRtl?S:x));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 M(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=v().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=v().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,!1)):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 M(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.selected=this.selectedIndex,this.updateSelectedTab(this.selectedIndex,!1)),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,f.setTimeout)(()=>this.updateArrowsVisibility(),300)}get moreMenuButtonTemplate(){return n.html`
+      `}};c([(0,d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),c([(0,d.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),c([(0,d.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),c([(0,d.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),c([(0,d.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),c([(0,d.property)({type:String,reflect:!0})],t.prototype,"type",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),c([(0,d.property)({type:String})],t.prototype,"variant",void 0),c([(0,d.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),c([(0,d.property)({type:Number})],t.prototype,"size",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=c([(0,o.w)("md-tab")],t),e.ELEMENT=t}(u||(u={}))},16968:e=>{e.exports=u},20291:e=>{e.exports=r},22962:e=>{e.exports=n},32022:e=>{e.exports=o},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>A,Tabs:()=>V}),i(61200),i(11323),i(83192);var s=i(90195),r=i(3001),o=i(66677),a=i(59164),l=i(4313),n=i(87161),d=i(54765),h=i(70429),b=i(85125),c=i(58175),p=i(10318),u=i(16968),m=i(41891),v=i.n(m),f=i(97103),T=i(2669),y=i(16643),g=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},M=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 w="tab-more",A="more-menu-copy-",I="visibleToVisible",C="visibleToHidden",L="hiddenToVisible",E="hiddenToHidden",S="previous",x="next",H="fromMoreTabs";var V;!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.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.size=28,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=>M(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 C:{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 I:{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 L:{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){var t;if(-1===e)return;const i=this._selectedIndex;this._selectedIndex=e,i!==e&&(null===(t=this.tabs)||void 0===t?void 0:t.length)&&this.updateSelectedTab(e)}get isRtl(){return"rtl"===getComputedStyle(this).direction}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(A))?`${A}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${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(A,"")}static get styles(){return[l.A,T.A]}ensureTabsUpdateComplete(e){return M(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 M(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,a;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===(o=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0])||void 0===o?void 0:o.cloneNode(!0);t&&(t.classList.add("tab-content"),null===(a=null==e?void 0:e.children[0])||void 0===a||a.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 M(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,s=this.selectedIndex<0?0:this.selectedIndex;e.forEach((e,r)=>{const o=(0,a.O)("tabs"),l="tab_"+o,n="tab_panel_"+o;e.setAttribute("id",l),e.setAttribute("aria-controls",n),e.selected=s===r,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,e.size=this.newMomentum?this.size:void 0,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const d=t[r];d?(d.setAttribute("id",n),d.setAttribute("aria-labelledby",l),d.selected=s===r,e.disabled&&(d.hidden=!0,d.selected=!1)):e.disabled=!0});let r=s;for(;r<e.length&&e[r].disabled;)r++;r=r===e.length?0:r,e[r].selected=!0,t[r].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(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?C:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?I:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?L: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,t=!0){const i=this.tabsHash[this.getNormalizedTabId(e)];if(i&&!i.disabled){const e=this.tabsIdxHash[i.id];-1!==e&&this.updateSelectedTab(e,t);{const e=this.tabsCopyHash[this.getCopyTabId(i)];e&&t&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(i)}}}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,t=!0){const{tabs:i,panels:s}=this,r=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(i&&s&&(this.setSelectedAttribute((0,o.Qx)(i,r),(0,o.Qx)(s,r),!1),this.setSelectedAttribute((0,o.Qx)(i,e),(0,o.Qx)(s,e),!0)),e>=0&&e<i.length){this.dispatchSelectedChangedEvent(e);const s=this.currentTabsLayout.findIndex(t=>t.id===i[e].id);this.changeSelectedTabIdx(s,t)}}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,t=!0){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var i,s;if(e<this.tabsFilteredAsVisibleList.length){if(t){const e=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[this.selected];null==e||e.focus()}}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,i=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e];t&&this.moveFocusToTab(i);const r=this.tabsFilteredAsHiddenList[e];(null==r?void 0:r.disabled)||this.updateHiddenIdPositiveTabIndex(r)}}),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===S?l=0===o?a.length-1:o-1:t===x&&(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,f.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===S?l=0===o?d-1:o-1:t===x?l=o===d-1?0:o+1:t===H&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,f.setTimeout)(()=>null==e?void 0:e.focus(),0)}handleOverlayClose(){(0,f.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===w,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,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,y=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,H));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,this.isRtl?x:S));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,this.isRtl?S:x));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?T:this.selected-1);else if(f){e.preventDefault();const t=this.selected===y?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===T?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?y: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 M(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=v().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=v().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,!1)):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 M(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.selected=this.selectedIndex,this.updateSelectedTab(this.selectedIndex,!1)),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,f.setTimeout)(()=>this.updateArrowsVisibility(),300)}get moreMenuButtonTemplate(){return n.html`
         <md-tab
           slot="menu-trigger"
           id="${w}"
-          size="${(0,b.ifDefined)(this.newMomentum?this.size:void 0)}"
+          size="${(0,d.J)(this.newMomentum?this.size:void 0)}"
           aria-label="${this.overflowLabel}"
           aria-haspopup="true"
           role="button"
           tabindex="${this.isMoreTabMenuVisible?0:-1}"
           ?selected=${!!this.isMoreTabMenuVisible&&this.isMoreTabMenuSelected}
-          class="md-menu-overlay__more_tab ${(0,h.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
+          class="md-menu-overlay__more_tab ${(0,b.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
           ?newMomentum=${this.newMomentum}
           type=${this.type}
           variant=${this.variant}
@@ -74,11 +74,11 @@
               ${(0,u.unsafeHTML)(e.innerHTML)}
             </md-tab>
           `)}
-      `}get moreMenuTemplate(){return"vertical"===this.direction?d.nothing:n.html`
+      `}get moreMenuTemplate(){return"vertical"===this.direction?n.nothing:n.html`
         <md-menu-overlay
           custom-width="${"226px"}"
           max-height="${"288px"}"
-          class="md-menu-overlay__more ${(0,h.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
+          class="md-menu-overlay__more ${(0,b.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
           placement="bottom-end"
           @menu-overlay-open="${()=>this.isMoreTabMenuOpen=!0}"
           @menu-overlay-close="${()=>this.isMoreTabMenuOpen=!1}"
@@ -105,12 +105,12 @@
       </md-button>`}get renderTabSlot(){return n.html`
         <slot
           name="tab"
-          class="${(0,h.classMap)({"visible-tabs-slot":"horizontal"===this.direction&&!this.scrollArrow})}"
+          class="${(0,b.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})}"
+          class="visible-tabs-container ${(0,b.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"visible-new-tabs":this.newMomentum})}"
         >
           ${(0,c.repeat)(this.tabsFilteredAsVisibleList,(e,t)=>`${e.id}-${t}`,e=>n.html`
               <md-tab
@@ -124,7 +124,7 @@
                 .isCrossVisible=${!0}
                 tabIndex="${this.getTabIndex(e)}"
                 .newMomentum=${this.newMomentum}
-                size="${(0,b.ifDefined)(this.newMomentum?this.size:void 0)}"
+                size="${(0,d.J)(this.newMomentum?this.size:void 0)}"
                 variant=${this.variant}
                 type=${this.type}
                 .onlyIcon="${e.onlyIcon}"
@@ -137,25 +137,25 @@
         ${this.moreMenuTemplate}
       `}render(){return n.html`
         <div class="md-tabs-wrapper" part="tabs-wrapper">
-          ${this.scrollArrow&&this.showLeftArrow?this.tabsButtonArrow(this.isRtl?"right":"left"):d.nothing}
+          ${this.scrollArrow&&this.showLeftArrow?this.tabsButtonArrow(this.isRtl?"right":"left"):n.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})}"
-            size="${(0,b.ifDefined)(this.newMomentum?this.size:void 0)}"
+            class="md-tab__list ${(0,b.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})}"
+            size="${(0,d.J)(this.newMomentum?this.size:void 0)}"
             role="tablist"
           >
             ${this.renderTabSlot}
-            ${"horizontal"!==this.direction||this.scrollArrow?d.nothing:this.renderTabsWithMoreMenu}
+            ${"horizontal"!==this.direction||this.scrollArrow?n.nothing:this.renderTabsWithMoreMenu}
             <div class="md-tabs__settings" part="md-tabs__settings">
               <slot name="settings"></slot>
             </div>
           </div>
-          ${this.scrollArrow&&this.showRightArrow?this.tabsButtonArrow(this.isRtl?"left":"right"):d.nothing}
+          ${this.scrollArrow&&this.showRightArrow?this.tabsButtonArrow(this.isRtl?"left":"right"):n.nothing}
         </div>
         <div
           part="tabs-content"
-          class="md-tab__content ${(0,h.classMap)({"no-tabs-visible":this.noTabsVisible})}"
+          class="md-tab__content ${(0,b.classMap)({"no-tabs-visible":this.noTabsVisible})}"
         >
-          <slot name="panel"></slot>
+          <slot name="panel" @slotchange=${this.initializeTabs}></slot>
         </div>
-      `}};g([(0,n.property)({type:Boolean})],t.prototype,"justified",void 0),g([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),g([(0,n.property)({type:String})],t.prototype,"overflowLabel",void 0),g([(0,n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),g([(0,n.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),g([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),g([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),g([(0,n.property)({type:Number})],t.prototype,"animation",void 0),g([(0,n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),g([(0,n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),g([(0,n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),g([(0,n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),g([(0,n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),g([(0,n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),g([(0,n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),g([(0,n.property)({type:String})],t.prototype,"type",void 0),g([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),g([(0,n.property)({type:String})],t.prototype,"variant",void 0),g([(0,n.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),g([(0,n.property)({type:String,attribute:"left-arrow-aria-label"})],t.prototype,"leftArrowAriaLabel",void 0),g([(0,n.property)({type:String,attribute:"right-arrow-aria-label"})],t.prototype,"rightArrowAriaLabel",void 0),g([(0,n.property)({type:Number})],t.prototype,"size",void 0),g([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),g([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),g([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),g([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),g([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),g([(0,n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),g([(0,n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),g([(0,n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),g([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),g([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),g([(0,n.internalProperty)()],t.prototype,"noTabsVisible",void 0),g([(0,n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),g([(0,n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),g([(0,n.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),g([(0,n.internalProperty)()],t.prototype,"showLeftArrow",void 0),g([(0,n.internalProperty)()],t.prototype,"showRightArrow",void 0),g([(0,n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),g([(0,n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),g([(0,n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),g([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),g([(0,n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),g([(0,n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),g([(0,n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),g([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),g([(0,n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),g([(0,n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=g([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(V||(V={}))},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,3477:0,3820: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,[6633,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,591,195,6366,7251,2243,7919,1323,3192,76,9164,3625,754],()=>T(50226));return T.O(g)})());
+      `}};g([(0,h.property)({type:Boolean})],t.prototype,"justified",void 0),g([(0,h.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),g([(0,h.property)({type:String})],t.prototype,"overflowLabel",void 0),g([(0,h.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),g([(0,h.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),g([(0,h.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),g([(0,h.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),g([(0,h.property)({type:Number})],t.prototype,"animation",void 0),g([(0,h.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),g([(0,h.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),g([(0,h.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),g([(0,h.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),g([(0,h.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),g([(0,h.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),g([(0,h.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),g([(0,h.property)({type:String})],t.prototype,"type",void 0),g([(0,h.property)({type:Boolean})],t.prototype,"newMomentum",void 0),g([(0,h.property)({type:String})],t.prototype,"variant",void 0),g([(0,h.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),g([(0,h.property)({type:String,attribute:"left-arrow-aria-label"})],t.prototype,"leftArrowAriaLabel",void 0),g([(0,h.property)({type:String,attribute:"right-arrow-aria-label"})],t.prototype,"rightArrowAriaLabel",void 0),g([(0,h.property)({type:Number})],t.prototype,"size",void 0),g([(0,h.state)()],t.prototype,"isMoreTabMenuVisible",void 0),g([(0,h.state)()],t.prototype,"isMoreTabMenuMeasured",void 0),g([(0,h.state)()],t.prototype,"isMoreTabMenuOpen",void 0),g([(0,h.state)()],t.prototype,"isMoreTabMenuSelected",void 0),g([(0,h.state)()],t.prototype,"isMoreTabMenuScrollable",void 0),g([(0,h.state)()],t.prototype,"moreTabMenuOffsetWidth",void 0),g([(0,h.state)()],t.prototype,"moreTabMenuMaxHeight",void 0),g([(0,h.state)()],t.prototype,"tabsViewportDataList",void 0),g([(0,h.state)()],t.prototype,"tabsFilteredAsVisibleList",void 0),g([(0,h.state)()],t.prototype,"tabsFilteredAsHiddenList",void 0),g([(0,h.state)()],t.prototype,"noTabsVisible",void 0),g([(0,h.state)()],t.prototype,"defaultTabsOrderArray",void 0),g([(0,h.state)()],t.prototype,"tabsOrderPrefsArray",void 0),g([(0,h.state)()],t.prototype,"isMoreTabTruncated",void 0),g([(0,h.state)()],t.prototype,"showLeftArrow",void 0),g([(0,h.state)()],t.prototype,"showRightArrow",void 0),g([(0,h.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),g([(0,h.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),g([(0,h.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),g([(0,h.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),g([(0,h.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),g([(0,h.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),g([(0,h.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),g([(0,h.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),g([(0,h.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),g([(0,h.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=g([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(V||(V={}))},58175:e=>{e.exports=p},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},70429:e=>{e.exports=t},84157:e=>{e.exports=d},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},T={};function y(e){var t=T[e];if(void 0!==t)return t.exports;var i=T[e]={exports:{}};return f[e].call(i.exports,i,i.exports,y),i.exports}y.m=f,v=[],y.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(y.O).every(e=>y.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]},y.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return y.d(t,{a:t}),t},y.d=(e,t)=>{for(var i in t)y.o(t,i)&&!y.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},y.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),y.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),y.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,3477:0,3820:0,5382:0,6677:0,7763:0,9058:0};y.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)y.o(a,s)&&(y.m[s]=a[s]);if(l)var d=l(y)}for(t&&t(i);n<o.length;n++)r=o[n],y.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return y.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=y.O(void 0,[6633,4765,7103,6752,1890,4313,510,6283,5087,2176,6798,6865,1200,8889,591,195,7819,2848,2243,7919,1323,3192,2669,9164,3625,754],()=>y(50226));return y.O(g)})());

package/dist/comp/md-tabs.js

@@ -1 +1 @@
-require("../6633"),require("../7103"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../8889"),require("../591"),require("../195"),require("../6366"),require("../7251"),require("../2243"),require("../7919"),require("../1323"),require("../3192"),require("../76"),require("../9164"),require("../3625"),require("../754"),module.exports=require("../comp/md-tabs-entry");
+require("../6633"),require("../4765"),require("../7103"),require("../6752"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../8889"),require("../591"),require("../195"),require("../7819"),require("../2848"),require("../2243"),require("../7919"),require("../1323"),require("../3192"),require("../2669"),require("../9164"),require("../3625"),require("../754"),module.exports=require("../comp/md-tabs-entry");

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

@@ -1,4 +1,4 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),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/until.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","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/until.js"],e);else{var i="object"==typeof exports?e(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),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/until.js")):e(t["lit-element"],t["lit-html/directives/class-map"],t["lit-html/directives/style-map"],t["lit-html"],t["lit-html/directives/if-defined"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["lit-html/directives/class-map.js"],t["lit-html/directives/until.js"]);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(self,(t,e,i,s,o,r,l,a,n,p)=>(()=>{"use strict";var d,m={8229:t=>{t.exports=i},17518:t=>{t.exports=n},23968:t=>{t.exports=e},32022:t=>{t.exports=r},37782:t=>{t.exports=p},40333:t=>{t.exports=s},41488:e=>{e.exports=t},60554:t=>{t.exports=l},63704:(t,e,i)=>{var s,o=i(31890),r=i(26272),l=i(41488),a=i(40333),n=i(23968),p=i(97822),d=i(15427),m=i(92019),h=function(t,e,i,s){var o,r=arguments.length,l=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(l=(r<3?o(l):r>3?o(e,i,l):o(e,i))||l);return r>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.circleSize=d.zj[40],this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:a.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:a.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:a.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:a.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?l.html`
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/until.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit/directives/until.js"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/until.js")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/style-map.js"],t["lit/directives/if-defined.js"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx,t["lit/directives/until.js"]);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(self,(t,e,i,s,o,r,l,a,n)=>(()=>{"use strict";var p,d={10318:t=>{t.exports=s},20291:t=>{t.exports=o},32022:t=>{t.exports=r},60554:t=>{t.exports=l},63704:(t,e,i)=>{var s,o=i(31890),r=i(4313),l=i(87161),a=i(36752),n=i(70429),p=i(85125),d=i(20291),m=i(15427),h=i(49480),c=function(t,e,i,s){var o,r=arguments.length,l=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(l=(r<3?o(l):r>3?o(e,i,l):o(e,i))||l);return r>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.circleSize=m.zj[40],this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:a.s6,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:a.s6,this.renderHeight=()=>this.height?`height: ${this.height};`:a.s6,this.renderWidth=()=>this.width?`width: ${this.width};`:a.s6,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?l.html`
           <style>
             :host .md-badge {
               ${this.renderBgColor()};
@@ -7,58 +7,60 @@
               ${this.renderWidth()};
             }
           </style>
-        `:a.nothing}static get styles(){return[r.A,m.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const t=parseInt(this.tabIndexing);return isNaN(t)?void 0:t}render(){const t={"md-badge--circle":this.circle,[`md-badge--circle-${this.circleSize}`]:this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small||24===this.size,[`md-badge--size-${this.size}`]:!!this.size&&24!==this.size,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return l.html`
+        `:a.s6}static get styles(){return[r.A,h.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const t=parseInt(this.tabIndexing);return isNaN(t)?void 0:t}render(){const t={"md-badge--circle":this.circle,[`md-badge--circle-${this.circleSize}`]:this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small||24===this.size,[`md-badge--size-${this.size}`]:!!this.size&&24!==this.size,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return l.html`
         ${this.getStyles()}
         <span
-          tabindex=${(0,p.ifDefined)(this.computedTabIndex)}
+          tabindex=${(0,d.ifDefined)(this.computedTabIndex)}
           part="badge"
-          class="md-badge ${(0,n.classMap)(t)}"
+          class="md-badge ${(0,p.classMap)(t)}"
           aria-label=${this.ariaLabel}
         >
           ${this.split?(()=>l.html`
           <slot
-            aria-hidden=${(0,p.ifDefined)(this.computedAriaHiddenSplits)}
+            aria-hidden=${(0,d.ifDefined)(this.computedAriaHiddenSplits)}
             name="split-left"
             class="split split-left"
           ></slot>
           <span aria-hidden="true" class="split-separator"> | </span>
           <slot
-            aria-hidden=${(0,p.ifDefined)(this.computedAriaHiddenSplits)}
+            aria-hidden=${(0,d.ifDefined)(this.computedAriaHiddenSplits)}
             name="split-right"
             class="split split-right"
           ></slot>
-        `)():a.nothing}
+        `)():a.s6}
           <slot></slot>
         </span>
-      `}};h([(0,l.property)({type:String})],e.prototype,"ariaLabel",void 0),h([(0,l.property)({type:String})],e.prototype,"color",void 0),h([(0,l.property)({type:String})],e.prototype,"bgColor",void 0),h([(0,l.property)({type:String})],e.prototype,"textColor",void 0),h([(0,l.property)({type:String})],e.prototype,"height",void 0),h([(0,l.property)({type:String})],e.prototype,"width",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"outlined",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"compact",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"circle",void 0),h([(0,l.property)({type:Number,attribute:"circle-size"})],e.prototype,"circleSize",void 0),h([(0,l.property)({type:Number})],e.prototype,"size",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"small",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"split",void 0),h([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),h([(0,l.property)({type:String})],e.prototype,"tabIndexing",void 0),h([(0,l.property)({type:String})],e.prototype,"ariaHiddenSplits",void 0),e=h([(0,o.w)("md-badge")],e),t.ELEMENT=e}(s||(s={}))},85314:t=>{t.exports=a},86610:(t,e,i)=>{i.r(e),i.d(e,{TaskItem:()=>s}),i(38028),i(63704),i(61200);var s,o=i(31890),r=i(26272),l=i(41488),a=i(40333),n=i(23968),p=i(31465),d=i(5657),m=i(50182),h=i(97822),c=function(t,e,i,s){var o,r=arguments.length,l=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(l=(r<3?o(l):r>3?o(e,i,l):o(e,i))||l);return r>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.mediaType=p.r.TELEPHONY,this.status="",this.popovertitle="",this.queue="",this.queueTimeLabel="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.disabled=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.isRestyle=!1,this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.additionEmptyMargin=!1}get title(){return this.displayTitle}set title(t){this.titleValue=t,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(t){this.itemTitleValue=t,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}getAriaLabel(){var t,e,i,s;if(this.customAriaLabel)return this.customAriaLabel;let o=this.queue;if(!o){const i=this.querySelector('[slot="queue"]');if(i){o=null!==(e=null===(t=i.textContent)||void 0===t?void 0:t.trim())&&void 0!==e?e:i.innerText.trim();const s=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(o);if(s){const[,t=0,e,i]=s.map(Number);(new Date).setHours(t,e,i),o=o.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${e} minutes ${i} seconds`)}}}const r=this.querySelector('[slot="queue-time"]');let l=this.queueTimeLabel;return r&&(l+=`${null!==(s=null===(i=r.textContent)||void 0===i?void 0:i.trim())&&void 0!==s?s:r.innerText.trim()}`),`${this.mediaType} ${this.status} ${this.popovertitle} ${this.itemTitle} ${o} ${l} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,m.A]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}handleAdditionSlotChange(){var t;const e=(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-taskitem__addition")).getBoundingClientRect();this.additionEmptyMargin=0===e.width&&0===e.height}render(){return l.html`
+      `}};c([(0,n.property)({type:String})],e.prototype,"ariaLabel",void 0),c([(0,n.property)({type:String})],e.prototype,"color",void 0),c([(0,n.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,n.property)({type:String})],e.prototype,"textColor",void 0),c([(0,n.property)({type:String})],e.prototype,"height",void 0),c([(0,n.property)({type:String})],e.prototype,"width",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"outlined",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"compact",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"circle",void 0),c([(0,n.property)({type:Number,attribute:"circle-size"})],e.prototype,"circleSize",void 0),c([(0,n.property)({type:Number})],e.prototype,"size",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"split",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,n.property)({type:String})],e.prototype,"tabIndexing",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaHiddenSplits",void 0),e=c([(0,o.w)("md-badge")],e),t.ELEMENT=e}(s||(s={}))},70429:t=>{t.exports=e},85125:t=>{t.exports=i},85314:t=>{t.exports=a},86610:(t,e,i)=>{i.r(e),i.d(e,{TaskItem:()=>s}),i(38028),i(63704),i(61200);var s,o=i(31890),r=i(4313),l=i(87161),a=i(54765),n=i(70429),p=i(85125),d=i(31465),m=i(5657),h=i(52339),c=function(t,e,i,s){var o,r=arguments.length,l=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(l=(r<3?o(l):r>3?o(e,i,l):o(e,i))||l);return r>3&&l&&Object.defineProperty(e,i,l),l};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.mediaType=d.r.TELEPHONY,this.status="",this.popovertitle="",this.queue="",this.queueTimeLabel="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.disabled=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.isRestyle=!1,this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.additionEmptyMargin=!1}get title(){return this.displayTitle}set title(t){this.titleValue=t,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(t){this.itemTitleValue=t,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}getAriaLabel(){var t,e,i,s;if(this.customAriaLabel)return this.customAriaLabel;let o=this.queue;if(!o){const i=this.querySelector('[slot="queue"]');if(i){o=null!==(e=null===(t=i.textContent)||void 0===t?void 0:t.trim())&&void 0!==e?e:i.innerText.trim();const s=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(o);if(s){const[,t=0,e,i]=s.map(Number);(new Date).setHours(t,e,i),o=o.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${e} minutes ${i} seconds`)}}}const r=this.querySelector('[slot="queue-time"]');let l=this.queueTimeLabel;return r&&(l+=`${null!==(s=null===(i=r.textContent)||void 0===i?void 0:i.trim())&&void 0!==s?s:r.innerText.trim()}`),`${this.mediaType} ${this.status} ${this.popovertitle} ${this.itemTitle} ${o} ${l} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,h.A]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}handleAdditionSlotChange(){var t;const e=(null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-taskitem__addition")).getBoundingClientRect();this.additionEmptyMargin=0===e.width&&0===e.height}render(){return l.html`
         <div
           part="task-item-container"
-          class="md-taskitem ${(0,n.classMap)({selected:this.selected})}"
+          class="md-taskitem ${(0,p.classMap)({selected:this.selected})}"
           tabindex=${this.sanitizedTabIndexForContainer}
           aria-selected="${this.selected}"
           @click=${t=>this.handleClick(t)}
           @keydown=${t=>this.handleKeyDown(t)}
           aria-label=${this.getAriaLabel()}
-          aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
+          aria-disabled=${(0,a.J)(this.disabled||void 0)}
         >
           <div class="md-taskitem__mediatype">
-            ${(0,d.i0)(this.isRestyle,this.mediaType,this.selected,this.status,this.iconSrc)}
-            ${this.status&&!this.isRestyle?l.html` <span class=${`md-taskitem__status ${this.status}`}> ${(0,d.LG)(this.status)} </span> `:a.nothing}
+            ${(0,m.i0)(this.isRestyle,this.mediaType,this.selected,this.status,this.iconSrc)}
+            ${this.status&&!this.isRestyle?l.html` <span class=${`md-taskitem__status ${this.status}`}> ${(0,m.LG)(this.status)} </span> `:l.nothing}
           </div>
           <div class="md-taskitem__content" part="task-item-content">
             ${this.popovertitle?l.html`
                   <span class="md-taskitem__content_popover_title"
                     ><md-tooltip placement="bottom" slot-to-tooltip>${this.popovertitle}</md-tooltip></span
                   >
-                `:a.nothing}
+                `:l.nothing}
             ${this.itemTitle?l.html`
                   <span
-                    class="md-taskitem__content_title ${(0,n.classMap)({mainTitle:!this.popovertitle,"display-only-title":this.displayOnlyTitle})}"
+                    class="md-taskitem__content_title ${(0,p.classMap)({mainTitle:!this.popovertitle,"display-only-title":this.displayOnlyTitle})}"
                     ><md-tooltip placement="bottom" slot-to-tooltip>${this.itemTitle}</md-tooltip></span
                   >
-                `:l.html` <span class="md-taskitem__content_popover_title popover-item-title"><slot name="title"></slot></span> `}
+                `:l.html`
+                  <span class="md-taskitem__content_popover_title popover-item-title"><slot name="title"></slot></span>
+                `}
             <div class="md-taskitem__content_inner">
-              ${this.displayOnlyTitle?a.nothing:l.html`
+              ${this.displayOnlyTitle?l.nothing:l.html`
                     <span class="md-taskitem__content_queue">
                       <md-tooltip placement="bottom" slot-to-tooltip>
                         ${this.queue.length>0?this.queue:l.html` <slot name="queue"></slot> `}
@@ -71,7 +73,7 @@
                       ${this.queueTimeLabel}
                       <slot name="queue-time"></slot>
                     </span>
-                  `:a.nothing}
+                  `:l.nothing}
             </div>
             ${this.lastmessage?l.html`
                   <span class="md-taskitem__content_chat">
@@ -79,12 +81,12 @@
                       <md-tooltip placement="bottom" slot-to-tooltip> ${this.lastmessage} </md-tooltip></span
                     >
                   </span>
-                `:a.nothing}
-            ${this.lastmessage?a.nothing:l.html` <slot name="lastmessage"></slot> `}
+                `:l.nothing}
+            ${this.lastmessage?l.nothing:l.html` <slot name="lastmessage"></slot> `}
           </div>
-          <div class="md-taskitem__addition ${(0,n.classMap)({empty_addition:this.additionEmptyMargin})}">
+          <div class="md-taskitem__addition ${(0,p.classMap)({empty_addition:this.additionEmptyMargin})}">
             <slot @slotchange="${this.handleAdditionSlotChange}"></slot>
-            ${(0,d.Um)(this.quantity,this.isRestyle,this)}
+            ${(0,m.Um)(this.quantity,this.isRestyle,this)}
           </div>
         </div>
-      `}};c([(0,l.property)({type:String})],e.prototype,"mediaType",void 0),c([(0,l.property)({type:String})],e.prototype,"status",void 0),c([(0,l.property)({type:String})],e.prototype,"popovertitle",void 0),c([(0,l.property)({type:String})],e.prototype,"queue",void 0),c([(0,l.property)({type:String,attribute:"queue-time-label"})],e.prototype,"queueTimeLabel",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"accepted",void 0),c([(0,l.property)({type:Boolean,attribute:"display-only-title"})],e.prototype,"displayOnlyTitle",void 0),c([(0,l.property)({type:Number})],e.prototype,"quantity",void 0),c([(0,l.property)({type:String})],e.prototype,"lastmessage",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"selected",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:String})],e.prototype,"customAriaLabel",void 0),c([(0,l.property)({type:String})],e.prototype,"iconSrc",void 0),c([(0,l.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),c([(0,l.property)({type:Boolean,attribute:"is-restyle"})],e.prototype,"isRestyle",void 0),c([(0,l.property)({type:String,reflect:!0})],e.prototype,"title",null),c([(0,l.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),c([(0,l.internalProperty)()],e.prototype,"additionEmptyMargin",void 0),e=c([(0,o.w)("md-task-item")],e),t.ELEMENT=e}(s||(s={}))},97822:t=>{t.exports=o}},h={};function c(t){var e=h[t];if(void 0!==e)return e.exports;var i=h[t]={exports:{}};return m[t](i,i.exports,c),i.exports}c.m=m,d=[],c.O=(t,e,i,s)=>{if(!e){var o=1/0;for(n=0;n<d.length;n++){for(var[e,i,s]=d[n],r=!0,l=0;l<e.length;l++)(!1&s||o>=s)&&Object.keys(c.O).every(t=>c.O[t](e[l]))?e.splice(l--,1):(r=!1,s<o&&(o=s));if(r){d.splice(n--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var n=d.length;n>0&&d[n-1][2]>s;n--)d[n]=d[n-1];d[n]=[e,i,s]},c.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return c.d(e,{a:e}),e},c.d=(t,e)=>{for(var i in e)c.o(e,i)&&!c.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},c.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),c.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={8111:0,8339:0};c.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,l,a]=i,n=0;if(r.some(e=>0!==t[e])){for(s in l)c.o(l,s)&&(c.m[s]=l[s]);if(a)var p=a(c)}for(e&&e(i);n<r.length;n++)o=r[n],c.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return c.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var u=c.O(void 0,[6633,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,3553,6877,6700,8923,7119,8028,2019,8612,5427],()=>c(86610));return c.O(u)})());
+      `}};c([(0,n.property)({type:String})],e.prototype,"mediaType",void 0),c([(0,n.property)({type:String})],e.prototype,"status",void 0),c([(0,n.property)({type:String})],e.prototype,"popovertitle",void 0),c([(0,n.property)({type:String})],e.prototype,"queue",void 0),c([(0,n.property)({type:String,attribute:"queue-time-label"})],e.prototype,"queueTimeLabel",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"accepted",void 0),c([(0,n.property)({type:Boolean,attribute:"display-only-title"})],e.prototype,"displayOnlyTitle",void 0),c([(0,n.property)({type:Number})],e.prototype,"quantity",void 0),c([(0,n.property)({type:String})],e.prototype,"lastmessage",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"selected",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,n.property)({type:String})],e.prototype,"customAriaLabel",void 0),c([(0,n.property)({type:String})],e.prototype,"iconSrc",void 0),c([(0,n.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),c([(0,n.property)({type:Boolean,attribute:"is-restyle"})],e.prototype,"isRestyle",void 0),c([(0,n.property)({type:String,reflect:!0})],e.prototype,"title",null),c([(0,n.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),c([(0,n.state)()],e.prototype,"additionEmptyMargin",void 0),e=c([(0,o.w)("md-task-item")],e),t.ELEMENT=e}(s||(s={}))},87161:e=>{e.exports=t},89756:t=>{t.exports=n}},m={};function h(t){var e=m[t];if(void 0!==e)return e.exports;var i=m[t]={exports:{}};return d[t](i,i.exports,h),i.exports}h.m=d,p=[],h.O=(t,e,i,s)=>{if(!e){var o=1/0;for(n=0;n<p.length;n++){for(var[e,i,s]=p[n],r=!0,l=0;l<e.length;l++)(!1&s||o>=s)&&Object.keys(h.O).every(t=>h.O[t](e[l]))?e.splice(l--,1):(r=!1,s<o&&(o=s));if(r){p.splice(n--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var n=p.length;n>0&&p[n-1][2]>s;n--)p[n]=p[n-1];p[n]=[e,i,s]},h.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return h.d(e,{a:e}),e},h.d=(t,e)=>{for(var i in e)h.o(e,i)&&!h.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},h.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),h.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={8111:0,8339:0};h.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,l,a]=i,n=0;if(r.some(e=>0!==t[e])){for(s in l)h.o(l,s)&&(h.m[s]=l[s]);if(a)var p=a(h)}for(e&&e(i);n<r.length;n++)o=r[n],h.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return h.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var c=h.O(void 0,[6633,4765,9609,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,7292,6188,15,8923,7119,8028,9480,679,5427],()=>h(86610));return h.O(c)})());

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

@@ -1 +1 @@
-require("../6633"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../5830"),require("../1200"),require("../2576"),require("../3553"),require("../6877"),require("../6700"),require("../8923"),require("../7119"),require("../8028"),require("../2019"),require("../8612"),require("../5427"),module.exports=require("../comp/md-task-item-entry");
+require("../6633"),require("../4765"),require("../9609"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../2576"),require("../7292"),require("../6188"),require("../15"),require("../8923"),require("../7119"),require("../8028"),require("../9480"),require("../679"),require("../5427"),module.exports=require("../comp/md-task-item-entry");

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

@@ -1,4 +1,4 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit-element"),require("@popperjs/core/lib"),require("@popperjs/core/lib/popper-lite"));else if("function"==typeof define&&define.amd)define(["lit-element","@popperjs/core/lib","@popperjs/core/lib/popper-lite"],e);else{var o="object"==typeof exports?e(require("lit-element"),require("@popperjs/core/lib"),require("@popperjs/core/lib/popper-lite")):e(t["lit-element"],t["@popperjs/core/lib"],t["@popperjs/core/lib/popper-lite"]);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(self,(t,e,o)=>(()=>{"use strict";var i,r={1072:(t,e,o)=>{o.r(e),o.d(e,{Theme:()=>d,ThemeNameValues:()=>h});var i=o(77251),r=o(31890),n=o(4893),s=o(4863),l=o(41488),a=o(19130),p=function(t,e,o,i){var r,n=arguments.length,s=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,o,s):r(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};const h=["momentum","lumos","momentumV2"];var d;!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.darkTheme=!1,this.lumos=!1,this.activeTheme=a.dW,this.placement="bottom",this.popperInstance=null,this.activeTooltipTrigger=null,this.handleTooltipRemoved=()=>{this.hideVirtualTooltip(),this.activeTooltipTrigger=null}}setTheme(){return"momentum"===this.theme?this.darkTheme?a.Pm:a.f3:"lumos"===this.theme?this.darkTheme?a.Lu:a.dW:"momentumV2"===this.theme?this.darkTheme?a.Pm:a.f3:this.lumos?this.darkTheme?a.Lu:a.dW:this.darkTheme?a.Pm:a.f3}getStyleElement(){return document.createElement("style")}applyStyle(){const t=this.shadowRoot;if("adoptedStyleSheets"in document){const e=new CSSStyleSheet;e.replaceSync(this.activeTheme),t.adoptedStyleSheets=[e]}else{const e=this.getStyleElement();e.textContent=this.activeTheme.cssText,t.appendChild(e)}}removeChildFromVirtualPopper(){for(;this.virtualWrapper.firstElementChild;)this.virtualWrapper.firstElementChild.remove()}setInitStyleToVirtualReference(){const{style:t}=this.virtualReference;t.top="0",t.bottom="0",t.left="0",t.right="0",t.width="0",t.height="0",t.zIndex="-1"}setStyleToVirtualReference(t){const{style:e}=this.virtualReference,{top:o,bottom:i,left:r,right:n,width:s,height:l}=t;e.position="fixed",e.top=`${o}px`,e.bottom=`${i}px`,e.left=`${r}px`,e.right=`${n}px`,e.width=`${s}px`,e.height=`${l}px`,e.zIndex="-1"}setVirtualReferencePosition(t){const e=t.getBoundingClientRect();this.setStyleToVirtualReference(e)}initVirtualElements(t,e,o){const i=t.cloneNode(!0);this.virtualWrapper.hasChildNodes()&&this.removeChildFromVirtualPopper(),this.virtualWrapper.append(i),o&&this.setVirtualSlotContent(o),this.setVirtualReferencePosition(e)}setVirtualSlotContent(t){if(this.virtualTooltipContent){for(;this.virtualTooltipContent.firstElementChild;)this.virtualTooltipContent.firstElementChild.remove();t.forEach(t=>this.virtualTooltipContent.append(t))}}updated(t){super.updated(t),(t.has("lumos")||t.has("darkTheme")||t.has("theme"))&&this.dispatchEvent(new CustomEvent("theme-changed",{composed:!0,bubbles:!0,detail:{darkTheme:this.darkTheme,lumos:this.lumos,theme:this.theme}})),this.activeTheme=this.setTheme(),this.applyStyle()}handleVirtualTooltipCreate(t){t.stopPropagation();const{popper:e,placement:o,reference:i,slotContent:r}=t.detail;this.activeTooltipTrigger=i,this.placement=o,this.initVirtualElements(e,i,r),this.startContinuousPositionTracking(i),this.showVirtualTooltip()}startContinuousPositionTracking(t){this.stopContinuousPositionTracking();const e=()=>{this.activeTooltipTrigger===t&&this.popperInstance&&(this.setVirtualReferencePosition(t),this.popperInstance.update(),this.positionTrackingId=requestAnimationFrame(e))};this.positionTrackingId=requestAnimationFrame(e)}stopContinuousPositionTracking(){this.positionTrackingId&&(cancelAnimationFrame(this.positionTrackingId),this.positionTrackingId=void 0)}handleVirtualTooltipDestroy(t){t.stopPropagation(),this.hideVirtualTooltip(),this.activeTooltipTrigger===t.detail.reference&&(this.activeTooltipTrigger=null)}handleVirtualTooltipChangeMessage(t){var e;const{popper:o,reference:i}=t.detail;if(this.activeTooltipTrigger!==i)return;const r=o.querySelector(".md-tooltip__content"),n=this.virtualWrapper.querySelector(".md-tooltip__content");if(r&&n){const t=r.textContent,o=n.textContent;t&&o&&(n.textContent=t,null===(e=this.popperInstance)||void 0===e||e.update())}}handleVirtualTooltipSlotChange(t){const{slotContent:e}=t.detail;e&&this.setVirtualSlotContent(e)}destroyPopperInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}createPopperInstance(t){if(this.virtualPopper){const e=8,o=4;this.popperInstance=(0,n.createPopper)(this.virtualReference,this.virtualPopper,{placement:t,modifiers:[...s.defaultModifiers,n.flip,n.offset,n.arrow,{name:"offset",options:{offset:({placement:t})=>{const i=e+o;return t.startsWith("left")||t.startsWith("right")||t.startsWith("top")||t.startsWith("bottom")?[0,i]:[8,8]}}},...this.virtualArrow?[{name:"arrow",options:{element:this.virtualArrow,padding:e}}]:[]]})}}get virtualPopper(){return this.shadowRoot.querySelector(".md-tooltip__popper")}get virtualArrow(){return this.shadowRoot.querySelector(".md-tooltip__arrow")}get virtualTooltipContent(){return this.shadowRoot.querySelector(".md-tooltip__content")}showVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!0),this.createPopperInstance(this.placement))}hideVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!1),this.destroyPopperInstance(),this.stopContinuousPositionTracking(),this.setInitStyleToVirtualReference())}setupEvents(){this.addEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.addEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.addEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.addEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.addEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}teardownEvents(){this.removeEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.removeEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.removeEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.removeEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.removeEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}disconnectedCallback(){super.disconnectedCallback(),this.stopContinuousPositionTracking(),this.teardownEvents()}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return o=this,i=void 0,n=function*(){e.firstUpdated.call(this,t),yield new Promise(t=>setTimeout(t,0)),this.setupEvents()},new((r=void 0)||(r=Promise))(function(t,e){function s(t){try{a(n.next(t))}catch(t){e(t)}}function l(t){try{a(n.throw(t))}catch(t){e(t)}}function a(e){var o;e.done?t(e.value):(o=e.value,o instanceof r?o:new r(function(t){t(o)})).then(s,l)}a((n=n.apply(o,i||[])).next())});var o,i,r,n}static get styles(){return[a.dW]}render(){return l.html`
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("@popperjs/core/lib"),require("@popperjs/core/lib/popper-lite"),require("lit/decorators.js"));else if("function"==typeof define&&define.amd)define(["lit","@popperjs/core/lib","@popperjs/core/lib/popper-lite","lit/decorators.js"],e);else{var o="object"==typeof exports?e(require("lit"),require("@popperjs/core/lib"),require("@popperjs/core/lib/popper-lite"),require("lit/decorators.js")):e(t.lit,t["@popperjs/core/lib"],t["@popperjs/core/lib/popper-lite"],t["lit/decorators.js"]);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(self,(t,e,o,i)=>(()=>{"use strict";var r,s={1072:(t,e,o)=>{o.r(e),o.d(e,{Theme:()=>u,ThemeNameValues:()=>d});var i=o(62848),r=o(31890),s=o(4893),n=o(4863),l=o(87161),a=o(70429),p=o(38161),h=function(t,e,o,i){var r,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(s<3?r(n):s>3?r(e,o,n):r(e,o))||n);return s>3&&n&&Object.defineProperty(e,o,n),n};const d=["momentum","lumos","momentumV2"];var u;!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.darkTheme=!1,this.lumos=!1,this.activeTheme=p.dW,this.placement="bottom",this.popperInstance=null,this.activeTooltipTrigger=null,this.handleTooltipRemoved=()=>{this.hideVirtualTooltip(),this.activeTooltipTrigger=null}}setTheme(){return"momentum"===this.theme?this.darkTheme?p.Pm:p.f3:"lumos"===this.theme?this.darkTheme?p.Lu:p.dW:"momentumV2"===this.theme?this.darkTheme?p.Pm:p.f3:this.lumos?this.darkTheme?p.Lu:p.dW:this.darkTheme?p.Pm:p.f3}getStyleElement(){return document.createElement("style")}applyStyle(){const t=this.shadowRoot;if("adoptedStyleSheets"in document){const e=new CSSStyleSheet;e.replaceSync(this.activeTheme),t.adoptedStyleSheets=[e]}else{const e=this.getStyleElement();e.textContent=this.activeTheme.cssText,t.appendChild(e)}}removeChildFromVirtualPopper(){for(;this.virtualWrapper.firstElementChild;)this.virtualWrapper.firstElementChild.remove()}setInitStyleToVirtualReference(){const{style:t}=this.virtualReference;t.top="0",t.bottom="0",t.left="0",t.right="0",t.width="0",t.height="0",t.zIndex="-1"}setStyleToVirtualReference(t){const{style:e}=this.virtualReference,{top:o,bottom:i,left:r,right:s,width:n,height:l}=t;e.position="fixed",e.top=`${o}px`,e.bottom=`${i}px`,e.left=`${r}px`,e.right=`${s}px`,e.width=`${n}px`,e.height=`${l}px`,e.zIndex="-1"}setVirtualReferencePosition(t){const e=t.getBoundingClientRect();this.setStyleToVirtualReference(e)}initVirtualElements(t,e,o){const i=t.cloneNode(!0);this.virtualWrapper.hasChildNodes()&&this.removeChildFromVirtualPopper(),this.virtualWrapper.append(i),o&&this.setVirtualSlotContent(o),this.setVirtualReferencePosition(e)}setVirtualSlotContent(t){if(this.virtualTooltipContent){for(;this.virtualTooltipContent.firstElementChild;)this.virtualTooltipContent.firstElementChild.remove();t.forEach(t=>this.virtualTooltipContent.append(t))}}updated(t){super.updated(t),(t.has("lumos")||t.has("darkTheme")||t.has("theme"))&&this.dispatchEvent(new CustomEvent("theme-changed",{composed:!0,bubbles:!0,detail:{darkTheme:this.darkTheme,lumos:this.lumos,theme:this.theme}})),this.activeTheme=this.setTheme(),this.applyStyle()}handleVirtualTooltipCreate(t){t.stopPropagation();const{popper:e,placement:o,reference:i,slotContent:r}=t.detail;this.activeTooltipTrigger=i,this.placement=o,this.initVirtualElements(e,i,r),this.startContinuousPositionTracking(i),this.showVirtualTooltip()}startContinuousPositionTracking(t){this.stopContinuousPositionTracking();const e=()=>{this.activeTooltipTrigger===t&&this.popperInstance&&(this.setVirtualReferencePosition(t),this.popperInstance.update(),this.positionTrackingId=requestAnimationFrame(e))};this.positionTrackingId=requestAnimationFrame(e)}stopContinuousPositionTracking(){this.positionTrackingId&&(cancelAnimationFrame(this.positionTrackingId),this.positionTrackingId=void 0)}handleVirtualTooltipDestroy(t){t.stopPropagation(),this.hideVirtualTooltip(),this.activeTooltipTrigger===t.detail.reference&&(this.activeTooltipTrigger=null)}handleVirtualTooltipChangeMessage(t){var e;const{popper:o,reference:i}=t.detail;if(this.activeTooltipTrigger!==i)return;const r=o.querySelector(".md-tooltip__content"),s=this.virtualWrapper.querySelector(".md-tooltip__content");if(r&&s){const t=r.textContent,o=s.textContent;t&&o&&(s.textContent=t,null===(e=this.popperInstance)||void 0===e||e.update())}}handleVirtualTooltipSlotChange(t){const{slotContent:e}=t.detail;e&&this.setVirtualSlotContent(e)}destroyPopperInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}createPopperInstance(t){if(this.virtualPopper){const e=8,o=4;this.popperInstance=(0,s.createPopper)(this.virtualReference,this.virtualPopper,{placement:t,modifiers:[...n.defaultModifiers,s.flip,s.offset,s.arrow,{name:"offset",options:{offset:({placement:t})=>{const i=e+o;return t.startsWith("left")||t.startsWith("right")||t.startsWith("top")||t.startsWith("bottom")?[0,i]:[8,8]}}},...this.virtualArrow?[{name:"arrow",options:{element:this.virtualArrow,padding:e}}]:[]]})}}get virtualPopper(){return this.shadowRoot.querySelector(".md-tooltip__popper")}get virtualArrow(){return this.shadowRoot.querySelector(".md-tooltip__arrow")}get virtualTooltipContent(){return this.shadowRoot.querySelector(".md-tooltip__content")}showVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!0),this.createPopperInstance(this.placement))}hideVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!1),this.destroyPopperInstance(),this.stopContinuousPositionTracking(),this.setInitStyleToVirtualReference())}setupEvents(){this.addEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.addEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.addEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.addEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.addEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}teardownEvents(){this.removeEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.removeEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.removeEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.removeEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.removeEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}disconnectedCallback(){super.disconnectedCallback(),this.stopContinuousPositionTracking(),this.teardownEvents()}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return o=this,i=void 0,s=function*(){e.firstUpdated.call(this,t),yield new Promise(t=>setTimeout(t,0)),this.setupEvents()},new((r=void 0)||(r=Promise))(function(t,e){function n(t){try{a(s.next(t))}catch(t){e(t)}}function l(t){try{a(s.throw(t))}catch(t){e(t)}}function a(e){var o;e.done?t(e.value):(o=e.value,o instanceof r?o:new r(function(t){t(o)})).then(n,l)}a((s=s.apply(o,i||[])).next())});var o,i,r,s}static get styles(){return[p.dW]}render(){return l.html`
         <div class="theme-wrapper" part="theme-wrapper">
           <style>
             ${i.A} .theme-wrapper {
@@ -9,4 +9,4 @@
           <div class="md-tooltip" data-virtual-global-popper></div>
           <div data-virtual-global-reference aria-describedby="tooltip"></div>
         </div>
-      `}};p([(0,l.property)({type:Boolean})],e.prototype,"darkTheme",void 0),p([(0,l.property)({type:Boolean})],e.prototype,"lumos",void 0),p([(0,l.property)({type:String})],e.prototype,"theme",void 0),p([(0,l.internalProperty)()],e.prototype,"activeTheme",void 0),p([(0,l.query)("[data-virtual-global-popper]")],e.prototype,"virtualWrapper",void 0),p([(0,l.query)("[data-virtual-global-reference]")],e.prototype,"virtualReference",void 0),e=p([(0,r.w)("md-theme")],e),t.ELEMENT=e}(d||(d={}))},4863:t=>{t.exports=o},4893:t=>{t.exports=e},41488:e=>{e.exports=t}},n={};function s(t){var e=n[t];if(void 0!==e)return e.exports;var o=n[t]={exports:{}};return r[t](o,o.exports,s),o.exports}s.m=r,i=[],s.O=(t,e,o,r)=>{if(!e){var n=1/0;for(h=0;h<i.length;h++){for(var[e,o,r]=i[h],l=!0,a=0;a<e.length;a++)(!1&r||n>=r)&&Object.keys(s.O).every(t=>s.O[t](e[a]))?e.splice(a--,1):(l=!1,r<n&&(n=r));if(l){i.splice(h--,1);var p=o();void 0!==p&&(t=p)}}return t}r=r||0;for(var h=i.length;h>0&&i[h-1][2]>r;h--)i[h]=i[h-1];i[h]=[e,o,r]},s.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return s.d(e,{a:e}),e},s.d=(t,e)=>{for(var o in e)s.o(e,o)&&!s.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),s.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={5517:0};s.O.j=e=>0===t[e];var e=(e,o)=>{var i,r,[n,l,a]=o,p=0;if(n.some(e=>0!==t[e])){for(i in l)s.o(l,i)&&(s.m[i]=l[i]);if(a)var h=a(s)}for(e&&e(o);p<n.length;p++)r=n[p],s.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return s.O(h)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})();var l=s.O(void 0,[1890,7251,9130],()=>s(1072));return s.O(l)})());
+      `}};h([(0,a.property)({type:Boolean})],e.prototype,"darkTheme",void 0),h([(0,a.property)({type:Boolean})],e.prototype,"lumos",void 0),h([(0,a.property)({type:String})],e.prototype,"theme",void 0),h([(0,a.state)()],e.prototype,"activeTheme",void 0),h([(0,a.query)("[data-virtual-global-popper]")],e.prototype,"virtualWrapper",void 0),h([(0,a.query)("[data-virtual-global-reference]")],e.prototype,"virtualReference",void 0),e=h([(0,r.w)("md-theme")],e),t.ELEMENT=e}(u||(u={}))},4863:t=>{t.exports=o},4893:t=>{t.exports=e},70429:t=>{t.exports=i},87161:e=>{e.exports=t}},n={};function l(t){var e=n[t];if(void 0!==e)return e.exports;var o=n[t]={exports:{}};return s[t](o,o.exports,l),o.exports}l.m=s,r=[],l.O=(t,e,o,i)=>{if(!e){var s=1/0;for(h=0;h<r.length;h++){for(var[e,o,i]=r[h],n=!0,a=0;a<e.length;a++)(!1&i||s>=i)&&Object.keys(l.O).every(t=>l.O[t](e[a]))?e.splice(a--,1):(n=!1,i<s&&(s=i));if(n){r.splice(h--,1);var p=o();void 0!==p&&(t=p)}}return t}i=i||0;for(var h=r.length;h>0&&r[h-1][2]>i;h--)r[h]=r[h-1];r[h]=[e,o,i]},l.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return l.d(e,{a:e}),e},l.d=(t,e)=>{for(var o in e)l.o(e,o)&&!l.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},l.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),l.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={5517:0};l.O.j=e=>0===t[e];var e=(e,o)=>{var i,r,[s,n,a]=o,p=0;if(s.some(e=>0!==t[e])){for(i in n)l.o(n,i)&&(l.m[i]=n[i]);if(a)var h=a(l)}for(e&&e(o);p<s.length;p++)r=s[p],l.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return l.O(h)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})();var a=l.O(void 0,[1890,2848,8161],()=>l(1072));return l.O(a)})());

package/dist/comp/md-theme.js

@@ -1 +1 @@
-require("../1890"),require("../7251"),require("../9130"),module.exports=require("../comp/md-theme-entry");
+require("../1890"),require("../2848"),require("../8161"),module.exports=require("../comp/md-theme-entry");