@momentum-ui/web-components 2.22.6 → 2.22.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/comp/md-tabs-entry.js +4 -3
- package/dist/comp/md-task-item-entry.js +11 -10
- package/dist/index-entry.js +11 -9
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/tabs/Tabs.d.ts +3 -1
- package/package.json +1 -1
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
@click=${e=>this.handleClick(e)}
|
|
28
28
|
@keydown=${e=>this.handleKeydown(e)}
|
|
29
29
|
></button>
|
|
30
|
-
`}};b([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([(0,n.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([(0,n.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([(0,n.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([(0,n.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([(0,n.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),b([(0,n.property)({type:String,reflect:!0})],t.prototype,"type",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),b([(0,n.property)({type:String})],t.prototype,"variant",void 0),b([(0,n.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([(0,o.w)("md-tab")],t),e.ELEMENT=t}(p||(p={}))},19239:e=>{e.exports=u},22818:e=>{e.exports=p},22962:e=>{e.exports=n},23968:e=>{e.exports=s},32022:e=>{e.exports=o},40333:e=>{e.exports=i},41488:t=>{t.exports=e},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>I,Tabs:()=>H}),i(61200),i(11323),i(83192);var s=i(90195),r=i(3001),o=i(66677),a=i(59164),l=i(26272),n=i(41488),d=i(40333),h=i(23968),b=i(22818),c=i(8229),p=i(19239),u=i(41891),m=i.n(u),v=i(97103),f=i(30076),y=i(16643),T=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},g=function(e,t,i,s){return new(i||(i=Promise))((function(r,o){function a(e){try{n(s.next(e))}catch(e){o(e)}}function l(e){try{n(s.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,l)}n((s=s.apply(e,t||[])).next())}))};const M="tab-more",I="more-menu-copy-",A="visibleToVisible",w="visibleToHidden",C="hiddenToVisible",E="hiddenToHidden",L="previous",S="next",x="fromMoreTabs";var H;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame((()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5}))},this.handleOnDragEnd=e=>g(this,void 0,void 0,(function*(){var t,i,s,r,o,a,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case w:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],r=u.slice(-1)[0],o=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(o,0,s),u.pop();const a=p.filter((t=>t.id!==this.getNormalizedTabId(e.item.id)));a.push(r),this.tabsFilteredAsVisibleList=[...a],this.tabsFilteredAsHiddenList=[...u];break}case A:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case C:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case E:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex((e=>e.selected));this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map((e=>e.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(I,"")}static get styles(){return[l.A,f.A]}ensureTabsUpdateComplete(e){return g(this,void 0,void 0,(function*(){const t=e.map((e=>void 0!==e.updateComplete?e.updateComplete:null)).filter((e=>null!==e));t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth))}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e=>e.offsetHeight))}manageOverflow(){return g(this,void 0,void 0,(function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((e=>{var t,i,s,r,o;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(o=null==e?void 0:e.children[0])||void 0===o||o.appendChild(t))}}));const s=i.length;if(this.tabsListElement&&s){const r=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const o=this.measureTabsOffsetWidth(),a=i.reduce(((e,t,i)=>e+o[i]),0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let l=0;i.forEach(((i,a)=>{l+=o[a];const n=!e&&l+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:n,tabOffsetWidth:o[a]})})),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach(((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((e=>e.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsFilteredAsHiddenList=i.filter(((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}}this.updateIsMoreTabMenuSelected();const r=this.tabsFilteredAsHiddenList.find((e=>!e.disabled));this.updateHiddenIdPositiveTabIndex(r)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((e=>e.selected))}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return g(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`);const i="vertical"===this.direction;e.forEach(((e,s)=>{const r=(0,a.O)("tabs"),o="tab_"+r,l="tab_panel_"+r;e.setAttribute("id",o),e.setAttribute("aria-controls",l),e.selected=this.selected===s,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const n=t[s];n?(n.setAttribute("id",l),n.setAttribute("aria-labelledby",o),n.selected=this.selected===s,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0}));let s=this.selected;for(;s<e.length&&e[s].disabled;)s++;s=s===e.length?0:s,e[s].selected=!0,t[s].selected=!0,this.tabsHash=this.tabs.reduce(((e,t)=>(e[t.id]=t,e)),{}),this.tabsIdxHash=this.tabs.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?w:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?A:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?C:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?E:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e))),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex((e=>e.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find((t=>t.id===e.id))}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&i&&(this.setSelectedAttribute((0,o.Qx)(t,s),(0,o.Qx)(i,s),!1),this.setSelectedAttribute((0,o.Qx)(t,e),(0,o.Qx)(i,e),!0)),e>=0){this.dispatchSelectedChangedEvent(e);const i=this.currentTabsLayout.findIndex((i=>i.id===t[e].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id,s=t.findIndex((e=>e.id===i)),r=[];t.forEach((e=>{r.push(e.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then((()=>{var t,i;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[e];this.moveFocusToTab(t);const s=this.tabsFilteredAsHiddenList[e];(null==s?void 0:s.disabled)||this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${e}`)}getCurrentIndex(e){var t,i,s;if(this.scrollArrow){const t=this.tabs.length;for(let i=0;i<t;i++)if(this.tabs[i].id===e)return i}const r=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<r;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s,r;const o=this.getCurrentIndex(e),a=this.slotItem.assignedElements();let l=0;if(this.scrollArrow){t===L?l=0===o?a.length-1:o-1:t===S&&(l=o===a.length-1?0:o+1),this.moveFocusToTab(a[l]);const e=a[l],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,v.setTimeout)((()=>this.moveFocusToTab(a[l])),0)}const n=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;n&&0!==d&&(t===L?l=0===o?d-1:o-1:t===S?l=o===d-1?0:o+1:t===x&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,v.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){(0,v.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,r,o,a,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find((e=>e.id===(null==d?void 0:d.id))))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===M,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,x));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(r=this.tabsFilteredAsVisibleList)||void 0===r?void 0:r.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[(null===(a=this.tabsFilteredAsHiddenList)||void 0===a?void 0:a.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,L));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,S));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?y:this.selected-1);else if(f){e.preventDefault();const t=this.selected===T?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===y?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){const e=this.tabsFilteredAsHiddenList.filter((e=>!e.disabled)),t=e.length?e.find((e=>e.selected))||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map((e=>e.name))}setupMoreTab(){return g(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=m().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=m().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return g(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()}))}updated(e){var t;if(super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((e,t)=>(e[t.id]=t,e)),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((e,t)=>e+t),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,v.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return n.html`
|
|
30
|
+
`}};b([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([(0,n.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([(0,n.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([(0,n.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([(0,n.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([(0,n.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),b([(0,n.property)({type:String,reflect:!0})],t.prototype,"type",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),b([(0,n.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),b([(0,n.property)({type:String})],t.prototype,"variant",void 0),b([(0,n.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([(0,o.w)("md-tab")],t),e.ELEMENT=t}(p||(p={}))},19239:e=>{e.exports=u},22818:e=>{e.exports=p},22962:e=>{e.exports=n},23968:e=>{e.exports=s},32022:e=>{e.exports=o},40333:e=>{e.exports=i},41488:t=>{t.exports=e},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>A,Tabs:()=>H}),i(61200),i(11323),i(83192);var s=i(90195),r=i(3001),o=i(66677),a=i(59164),l=i(26272),n=i(41488),d=i(40333),h=i(23968),b=i(22818),c=i(8229),p=i(19239),u=i(41891),m=i.n(u),v=i(97103),f=i(30076),y=i(16643),T=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},g=function(e,t,i,s){return new(i||(i=Promise))((function(r,o){function a(e){try{n(s.next(e))}catch(e){o(e)}}function l(e){try{n(s.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,l)}n((s=s.apply(e,t||[])).next())}))};const M="tab-more",A="more-menu-copy-",w="visibleToVisible",I="visibleToHidden",C="hiddenToVisible",L="hiddenToHidden",E="previous",S="next",x="fromMoreTabs";var H;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame((()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5}))},this.handleOnDragEnd=e=>g(this,void 0,void 0,(function*(){var t,i,s,r,o,a,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case I:{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 w:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case C:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case L:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex((e=>e.selected));this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map((e=>e.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.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,f.A]}ensureTabsUpdateComplete(e){return g(this,void 0,void 0,(function*(){const t=e.map((e=>void 0!==e.updateComplete?e.updateComplete:null)).filter((e=>null!==e));t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth))}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e=>e.offsetHeight))}manageOverflow(){return g(this,void 0,void 0,(function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((e=>{var t,i,s,r,o;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(o=null==e?void 0:e.children[0])||void 0===o||o.appendChild(t))}}));const s=i.length;if(this.tabsListElement&&s){const r=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const o=this.measureTabsOffsetWidth(),a=i.reduce(((e,t,i)=>e+o[i]),0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let l=0;i.forEach(((i,a)=>{l+=o[a];const n=!e&&l+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:n,tabOffsetWidth:o[a]})})),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach(((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((e=>e.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsFilteredAsHiddenList=i.filter(((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}}this.updateIsMoreTabMenuSelected();const r=this.tabsFilteredAsHiddenList.find((e=>!e.disabled));this.updateHiddenIdPositiveTabIndex(r)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((e=>e.selected))}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return g(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`);const i="vertical"===this.direction;e.forEach(((e,s)=>{const r=(0,a.O)("tabs"),o="tab_"+r,l="tab_panel_"+r;e.setAttribute("id",o),e.setAttribute("aria-controls",l),e.selected=this.selected===s,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const n=t[s];n?(n.setAttribute("id",l),n.setAttribute("aria-labelledby",o),n.selected=this.selected===s,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0}));let s=this.selected;for(;s<e.length&&e[s].disabled;)s++;s=s===e.length?0:s,e[s].selected=!0,t[s].selected=!0,this.tabsHash=this.tabs.reduce(((e,t)=>(e[t.id]=t,e)),{}),this.tabsIdxHash=this.tabs.reduce(((e,t,i)=>(e[t.id]=i,e)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?I:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?w:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?C:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?L:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e))),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex((e=>e.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find((t=>t.id===e.id))}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&i&&(this.setSelectedAttribute((0,o.Qx)(t,s),(0,o.Qx)(i,s),!1),this.setSelectedAttribute((0,o.Qx)(t,e),(0,o.Qx)(i,e),!0)),e>=0){this.dispatchSelectedChangedEvent(e);const i=this.currentTabsLayout.findIndex((i=>i.id===t[e].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id,s=t.findIndex((e=>e.id===i)),r=[];t.forEach((e=>{r.push(e.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then((()=>{var t,i;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[e];this.moveFocusToTab(t);const s=this.tabsFilteredAsHiddenList[e];(null==s?void 0:s.disabled)||this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${e}`)}getCurrentIndex(e){var t,i,s;if(this.scrollArrow){const t=this.tabs.length;for(let i=0;i<t;i++)if(this.tabs[i].id===e)return i}const r=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<r;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s,r;const o=this.getCurrentIndex(e),a=this.slotItem.assignedElements();let l=0;if(this.scrollArrow){t===E?l=0===o?a.length-1:o-1:t===S&&(l=o===a.length-1?0:o+1),this.moveFocusToTab(a[l]);const e=a[l],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,v.setTimeout)((()=>this.moveFocusToTab(a[l])),0)}const n=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;n&&0!==d&&(t===E?l=0===o?d-1:o-1:t===S?l=o===d-1?0:o+1:t===x&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,v.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){(0,v.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,r,o,a,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find((e=>e.id===(null==d?void 0:d.id))))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===M,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,x));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(r=this.tabsFilteredAsVisibleList)||void 0===r?void 0:r.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[(null===(a=this.tabsFilteredAsHiddenList)||void 0===a?void 0:a.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,E));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,S));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?y:this.selected-1);else if(f){e.preventDefault();const t=this.selected===T?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===y?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){const e=this.tabsFilteredAsHiddenList.filter((e=>!e.disabled)),t=e.length?e.find((e=>e.selected))||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map((e=>e.name))}setupMoreTab(){return g(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=m().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=m().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return g(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()}))}updated(e){var t;if(super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((e,t)=>(e[t.id]=t,e)),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,i)=>(e[t.id]=i,e)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,i)=>(e[t.id]=i,e)),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((e,t)=>e+t),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,v.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return n.html`
|
|
31
31
|
<md-tab
|
|
32
32
|
slot="menu-trigger"
|
|
33
33
|
id="${M}"
|
|
@@ -92,12 +92,13 @@
|
|
|
92
92
|
${this.moreMenuListTemplate}
|
|
93
93
|
</div>
|
|
94
94
|
</md-menu-overlay>
|
|
95
|
-
`}tabsButtonArrow(e){return n.html`<md-button
|
|
95
|
+
`}tabsButtonArrow(e){const t="left"===e?this.leftArrowAriaLabel:this.rightArrowAriaLabel;return n.html`<md-button
|
|
96
96
|
class="tabs-${e}-arrow"
|
|
97
97
|
@click=${()=>this.scrollTabs(e)}
|
|
98
98
|
size="28"
|
|
99
99
|
variant="ghost"
|
|
100
100
|
circle
|
|
101
|
+
ariaLabel="${t}"
|
|
101
102
|
>
|
|
102
103
|
<md-icon slot="icon" name="arrow-${e}-regular" iconSet="momentumDesign"></md-icon>
|
|
103
104
|
</md-button>`}get renderTabSlot(){return n.html`
|
|
@@ -154,4 +155,4 @@
|
|
|
154
155
|
>
|
|
155
156
|
<slot name="panel"></slot>
|
|
156
157
|
</div>
|
|
157
|
-
`}};T([(0,n.property)({type:Boolean})],t.prototype,"justified",void 0),T([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([(0,n.property)({type:String})],t.prototype,"overflowLabel",void 0),T([(0,n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([(0,n.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),T([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),T([(0,n.property)({type:Number})],t.prototype,"animation",void 0),T([(0,n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([(0,n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([(0,n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([(0,n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([(0,n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([(0,n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([(0,n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([(0,n.property)({type:String})],t.prototype,"type",void 0),T([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([(0,n.property)({type:String})],t.prototype,"variant",void 0),T([(0,n.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([(0,n.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([(0,n.internalProperty)()],t.prototype,"showLeftArrow",void 0),T([(0,n.internalProperty)()],t.prototype,"showRightArrow",void 0),T([(0,n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([(0,n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([(0,n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([(0,n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([(0,n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([(0,n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(H||(H={}))},60554:e=>{e.exports=a},66677:(e,t,i)=>{function s(e,t,i){let s;return function(...r){const o=this,a=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||e.apply(o,r)}),t),a&&e.apply(o,r)}}function r(e,t){return t>=0&&t<e.length?e[t]:void 0}i.d(t,{Qx:()=>r,sg:()=>s})},68250:e=>{e.exports=h},69371:e=>{e.exports=b},84157:e=>{e.exports=d},85314:e=>{e.exports=l},97822:e=>{e.exports=r}},y={};function T(e){var t=y[e];if(void 0!==t)return t.exports;var i=y[e]={exports:{}};return f[e].call(i.exports,i,i.exports,T),i.exports}T.m=f,v=[],T.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<v.length;n++){for(var[t,i,s]=v[n],o=!0,a=0;a<t.length;a++)(!1&s||r>=s)&&Object.keys(T.O).every((e=>T.O[e](t[a])))?t.splice(a--,1):(o=!1,s<r&&(r=s));if(o){v.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=v.length;n>0&&v[n-1][2]>s;n--)v[n]=v[n-1];v[n]=[t,i,s]},T.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return T.d(t,{a:t}),t},T.d=(e,t)=>{for(var i in t)T.o(t,i)&&!T.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},T.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),T.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),T.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1439:0,1528:0,2139:0,3001:0,5382:0,6677:0,7763:0,9058:0};T.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,a,l]=i,n=0;if(o.some((t=>0!==e[t]))){for(s in a)T.o(a,s)&&(T.m[s]=a[s]);if(l)var d=l(T)}for(t&&t(i);n<o.length;n++)r=o[n],T.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return T.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var g=T.O(void 0,[4367,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,591,195,6366,7251,2243,1323,3192,76,9164,3625,754,7919],(()=>T(50226)));return T.O(g)})()));
|
|
158
|
+
`}};T([(0,n.property)({type:Boolean})],t.prototype,"justified",void 0),T([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([(0,n.property)({type:String})],t.prototype,"overflowLabel",void 0),T([(0,n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([(0,n.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),T([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),T([(0,n.property)({type:Number})],t.prototype,"animation",void 0),T([(0,n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([(0,n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([(0,n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([(0,n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([(0,n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([(0,n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([(0,n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([(0,n.property)({type:String})],t.prototype,"type",void 0),T([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([(0,n.property)({type:String})],t.prototype,"variant",void 0),T([(0,n.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),T([(0,n.property)({type:String,attribute:"left-arrow-aria-label"})],t.prototype,"leftArrowAriaLabel",void 0),T([(0,n.property)({type:String,attribute:"right-arrow-aria-label"})],t.prototype,"rightArrowAriaLabel",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([(0,n.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([(0,n.internalProperty)()],t.prototype,"showLeftArrow",void 0),T([(0,n.internalProperty)()],t.prototype,"showRightArrow",void 0),T([(0,n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([(0,n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([(0,n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([(0,n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([(0,n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([(0,n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(H||(H={}))},60554:e=>{e.exports=a},66677:(e,t,i)=>{function s(e,t,i){let s;return function(...r){const o=this,a=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||e.apply(o,r)}),t),a&&e.apply(o,r)}}function r(e,t){return t>=0&&t<e.length?e[t]:void 0}i.d(t,{Qx:()=>r,sg:()=>s})},68250:e=>{e.exports=h},69371:e=>{e.exports=b},84157:e=>{e.exports=d},85314:e=>{e.exports=l},97822:e=>{e.exports=r}},y={};function T(e){var t=y[e];if(void 0!==t)return t.exports;var i=y[e]={exports:{}};return f[e].call(i.exports,i,i.exports,T),i.exports}T.m=f,v=[],T.O=(e,t,i,s)=>{if(!t){var r=1/0;for(n=0;n<v.length;n++){for(var[t,i,s]=v[n],o=!0,a=0;a<t.length;a++)(!1&s||r>=s)&&Object.keys(T.O).every((e=>T.O[e](t[a])))?t.splice(a--,1):(o=!1,s<r&&(r=s));if(o){v.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=v.length;n>0&&v[n-1][2]>s;n--)v[n]=v[n-1];v[n]=[t,i,s]},T.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return T.d(t,{a:t}),t},T.d=(e,t)=>{for(var i in t)T.o(t,i)&&!T.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},T.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),T.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),T.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1439:0,1528:0,2139:0,3001:0,5382:0,6677:0,7763:0,9058:0};T.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,a,l]=i,n=0;if(o.some((t=>0!==e[t]))){for(s in a)T.o(a,s)&&(T.m[s]=a[s]);if(l)var d=l(T)}for(t&&t(i);n<o.length;n++)r=o[n],T.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return T.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var g=T.O(void 0,[4367,7103,1890,6272,6325,6283,9217,2176,6798,5830,1200,8889,591,195,6366,7251,2243,1323,3192,76,9164,3625,754,7919],(()=>T(50226)));return T.O(g)})()));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("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/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/until.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/until.js"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,a,n,r,o,l,d)=>(()=>{"use strict";var c
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("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/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/until.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/until.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/until.js"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,a,n,r,o,l,d)=>(()=>{"use strict";var m,c={8229:e=>{e.exports=t},17518:e=>{e.exports=l},23968:e=>{e.exports=s},32022:e=>{e.exports=n},37782:e=>{e.exports=d},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=r},63704:(e,t,i)=>{var s,a=i(31890),n=i(26272),r=i(41488),o=i(40333),l=i(23968),d=i(97822),m=i(92019),c=function(e,t,i,s){var a,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(r=(n<3?a(r):n>3?a(t,i,r):a(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};!function(e){let t=class extends r.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.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:o.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:o.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:o.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:o.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?r.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-badge {
|
|
4
4
|
${this.renderBgColor()};
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
${this.renderWidth()};
|
|
8
8
|
}
|
|
9
9
|
</style>
|
|
10
|
-
`:o.nothing}static get styles(){return[n.A,
|
|
10
|
+
`:o.nothing}static get styles(){return[n.A,m.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const e=parseInt(this.tabIndexing);return isNaN(e)?void 0:e}render(){const e={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return r.html`
|
|
11
11
|
${this.getStyles()}
|
|
12
12
|
<span
|
|
13
13
|
tabindex=${(0,d.ifDefined)(this.computedTabIndex)}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
`)():o.nothing}
|
|
31
31
|
<slot></slot>
|
|
32
32
|
</span>
|
|
33
|
-
`}};
|
|
33
|
+
`}};c([(0,r.property)({type:String})],t.prototype,"ariaLabel",void 0),c([(0,r.property)({type:String})],t.prototype,"color",void 0),c([(0,r.property)({type:String})],t.prototype,"bgColor",void 0),c([(0,r.property)({type:String})],t.prototype,"textColor",void 0),c([(0,r.property)({type:String})],t.prototype,"height",void 0),c([(0,r.property)({type:String})],t.prototype,"width",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"outlined",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"compact",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"circle",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"small",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"split",void 0),c([(0,r.property)({type:Boolean})],t.prototype,"disabled",void 0),c([(0,r.property)({type:String})],t.prototype,"tabIndexing",void 0),c([(0,r.property)({type:String})],t.prototype,"ariaHiddenSplits",void 0),t=c([(0,a.w)("md-badge")],t),e.ELEMENT=t}(s||(s={}))},85314:e=>{e.exports=o},86610:(e,t,i)=>{i.r(t),i.d(t,{TaskItem:()=>s}),i(38028),i(63704),i(61200);var s,a=i(31890),n=i(26272),r=i(41488),o=i(40333),l=i(23968),d=i(50182),m=function(e,t,i,s){var a,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(r=(n<3?a(r):n>3?a(t,i,r):a(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};!function(e){let t=class extends r.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.queue="",this.accepted=!1,this.displayOnlyTitle=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.isRestyle=!1,this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.renderLegacyTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return r.html`
|
|
34
34
|
<md-badge color="green" circle>
|
|
35
35
|
<md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
36
36
|
</md-badge>
|
|
@@ -43,15 +43,15 @@
|
|
|
43
43
|
<md-icon name="incoming-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
44
44
|
</md-badge>
|
|
45
45
|
`;case"applemessages":case"midcall telephony":case"icon src":return r.html`
|
|
46
|
-
<md-badge
|
|
46
|
+
<md-badge circle>
|
|
47
47
|
<img src="${this.iconSrc}" />
|
|
48
48
|
</md-badge>
|
|
49
49
|
`;case"callback":return r.html`
|
|
50
|
-
<md-badge
|
|
50
|
+
<md-badge color="lime" circle>
|
|
51
51
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
52
52
|
</md-badge>
|
|
53
53
|
`;case"progressive_campaign":return r.html`
|
|
54
|
-
<md-badge
|
|
54
|
+
<md-badge color="green" circle>
|
|
55
55
|
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
56
56
|
</md-badge>
|
|
57
57
|
`;case"outbound-campaign":return r.html`
|
|
@@ -82,15 +82,15 @@
|
|
|
82
82
|
<md-icon name="whatsApp_16" iconSet="momentumUI" color="white-100"></md-icon>
|
|
83
83
|
</md-badge>
|
|
84
84
|
`;default:return r.html` <slot name="task-type"></slot> `}},this.renderStatus=()=>{switch(this.status){case"consulting":return r.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"play":return r.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"hold":return r.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"conference":return r.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"transfered":return r.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"courtesy_callback":return r.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"campaign":return r.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return r.html` <slot name="task-status"></slot> `}}}get title(){return this.displayTitle}set title(e){this.titleValue=e,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(e){this.itemTitleValue=e,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}getChannelAvatar(e){return r.html`<md-avatar size="32" type=${e} state=${this.selected?"active":"rest"}></md-avatar>`}get taskTypeTemplate(){return r.html`${this.isRestyle?this.renderTaskType:this.renderLegacyTaskType()}`}get renderTaskType(){switch(this.mediaType.toLowerCase()){case"telephony":return this.getChannelAvatar("channel-call");case"outbound telephony":return this.getChannelAvatar("channel-callback");case"inbound telephony":return this.getChannelAvatar("channel-call-inbound");case"applemessages":return this.getChannelAvatar("channel-apple-chat");case"outbound-campaign":return this.getChannelAvatar("channel-campaign");case"chat":return this.getChannelAvatar("channel-chat");case"email":return this.getChannelAvatar("channel-email-inbound");case"sms":return this.getChannelAvatar("channel-sms-inbound");case"facebook":return this.getChannelAvatar("channel-fb-messenger");case"whatsapp":return this.getChannelAvatar("channel-whats-app");case"messenger":return this.getChannelAvatar("channel-facebook");case"midcall telephony":case"icon src":return r.html`
|
|
85
|
-
<md-badge circle>
|
|
85
|
+
<md-badge class="avatar-badge" circle>
|
|
86
86
|
<img src="${this.iconSrc}" />
|
|
87
87
|
</md-badge>
|
|
88
88
|
`;case"callback":return r.html`
|
|
89
|
-
<md-badge color="lime" circle>
|
|
89
|
+
<md-badge class="avatar-badge" color="lime" circle>
|
|
90
90
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
91
91
|
</md-badge>
|
|
92
92
|
`;case"progressive_campaign":return r.html`
|
|
93
|
-
<md-badge color="green" circle>
|
|
93
|
+
<md-badge class="avatar-badge" color="green" circle>
|
|
94
94
|
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
95
95
|
</md-badge>
|
|
96
96
|
`;default:return r.html` <slot name="task-type"></slot> `}}handleClick(e){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})),this.blur()}handleKeyDown(e){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:e.code},bubbles:!0,composed:!0}))}renderChatCount(){if(this.quantity<=0)return o.nothing;const e=this.quantity>99?"99+":this.quantity.toString();return this.isRestyle?r.html` <md-badge color="unreadcount" outlined> ${e} </md-badge>`:r.html` <span class="new-chat-quantity">${e}</span> `}getAriaLabel(){var e,t;if(this.customAriaLabel)return this.customAriaLabel;let i=this.queue;if(!i){const s=this.querySelector('[slot="queue"]');if(s){i=null!==(t=null===(e=s.textContent)||void 0===e?void 0:e.trim())&&void 0!==t?t:s.innerText.trim();const a=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(i);if(a){const[,e=0,t,s]=a.map(Number);(new Date).setHours(e,t,s),i=i.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${e?e+" hours ":""}${t} minutes ${s} seconds`)}}}return`${this.mediaType} ${this.status} ${this.title} ${i} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[n.A,d.A]}get sanitizedTabIndexForContainer(){var e;return null!==(e=parseInt(this.tabIndexForContainer))&&void 0!==e?e:0}render(){return r.html`
|
|
@@ -125,10 +125,11 @@
|
|
|
125
125
|
<span class="new-chat_massages">${this.lastmessage}</span>
|
|
126
126
|
</span>
|
|
127
127
|
`:o.nothing}
|
|
128
|
+
${this.lastmessage?o.nothing:r.html` <slot name="lastmessage"></slot> `}
|
|
128
129
|
</div>
|
|
129
130
|
<div class="md-taskitem__addition">
|
|
130
131
|
<slot></slot>
|
|
131
132
|
${this.renderChatCount()}
|
|
132
133
|
</div>
|
|
133
134
|
</div>
|
|
134
|
-
`}};
|
|
135
|
+
`}};m([(0,r.property)({type:String})],t.prototype,"mediaType",void 0),m([(0,r.property)({type:String})],t.prototype,"status",void 0),m([(0,r.property)({type:String})],t.prototype,"popovertitle",void 0),m([(0,r.property)({type:String})],t.prototype,"queue",void 0),m([(0,r.property)({type:Boolean})],t.prototype,"accepted",void 0),m([(0,r.property)({type:Boolean,attribute:"display-only-title"})],t.prototype,"displayOnlyTitle",void 0),m([(0,r.property)({type:Number})],t.prototype,"quantity",void 0),m([(0,r.property)({type:String})],t.prototype,"lastmessage",void 0),m([(0,r.property)({type:Boolean})],t.prototype,"selected",void 0),m([(0,r.property)({type:String})],t.prototype,"customAriaLabel",void 0),m([(0,r.property)({type:String})],t.prototype,"iconSrc",void 0),m([(0,r.property)({type:String})],t.prototype,"tabIndexForContainer",void 0),m([(0,r.property)({type:Boolean,attribute:"is-restyle"})],t.prototype,"isRestyle",void 0),m([(0,r.property)({type:String,reflect:!0})],t.prototype,"title",null),m([(0,r.property)({type:String,reflect:!0,attribute:"item-title"})],t.prototype,"itemTitle",null),t=m([(0,a.w)("md-task-item")],t),e.ELEMENT=t}(s||(s={}))},97822:e=>{e.exports=a}},p={};function h(e){var t=p[e];if(void 0!==t)return t.exports;var i=p[e]={exports:{}};return c[e](i,i.exports,h),i.exports}h.m=c,m=[],h.O=(e,t,i,s)=>{if(!t){var a=1/0;for(l=0;l<m.length;l++){for(var[t,i,s]=m[l],n=!0,r=0;r<t.length;r++)(!1&s||a>=s)&&Object.keys(h.O).every((e=>h.O[e](t[r])))?t.splice(r--,1):(n=!1,s<a&&(a=s));if(n){m.splice(l--,1);var o=i();void 0!==o&&(e=o)}}return e}s=s||0;for(var l=m.length;l>0&&m[l-1][2]>s;l--)m[l]=m[l-1];m[l]=[t,i,s]},h.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return h.d(t,{a:t}),t},h.d=(e,t)=>{for(var i in t)h.o(t,i)&&!h.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},h.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),h.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8111:0,8339:0};h.O.j=t=>0===e[t];var t=(t,i)=>{var s,a,[n,r,o]=i,l=0;if(n.some((t=>0!==e[t]))){for(s in r)h.o(r,s)&&(h.m[s]=r[s]);if(o)var d=o(h)}for(t&&t(i);l<n.length;l++)a=n[l],h.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return h.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 u=h.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,3553,6700,528,9788,8028,2019,182],(()=>h(86610)));return h.O(u)})()));
|
package/dist/index-entry.js
CHANGED
|
@@ -1225,7 +1225,7 @@
|
|
|
1225
1225
|
${this.finalTwentyFourFormat?d.nothing:this.generateAmPmComboBox()}
|
|
1226
1226
|
</div>
|
|
1227
1227
|
</div>
|
|
1228
|
-
`}};m([(0,l.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),m([(0,l.property)({type:Boolean,attribute:"twenty-four-hour-format",reflect:!0})],e.prototype,"twentyFourHourFormat",void 0),m([(0,l.property)({type:String})],e.prototype,"timeSpecificity",void 0),m([(0,l.property)({type:String})],e.prototype,"locale",void 0),m([(0,l.property)({type:String,reflect:!0})],e.prototype,"value",void 0),m([(0,l.internalProperty)()],e.prototype,"finalTwentyFourFormat",void 0),m([(0,l.internalProperty)()],e.prototype,"timeObject",void 0),m([(0,l.internalProperty)()],e.prototype,"tabNext",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValue",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValidity",void 0),e=m([(0,o.w)("md-timepicker")],e),t.ELEMENT=e}(g||(g={}))},50226:(t,e,i)=>{i.d(e,{Tabs:()=>L}),i(61200),i(11323),i(83192);var s=i(90195),o=i(3001),r=i(66677),n=i(59164),a=i(26272),l=i(41488),d=i(40333),h=i(23968),c=i(22818),p=i(8229),u=i(19239),m=i(41891),y=i.n(m),b=i(97103),v=i(30076),g=i(16643),f=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},w=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};const C="tab-more",x="more-menu-copy-",S="visibleToVisible",$="visibleToHidden",E="hiddenToVisible",T="hiddenToHidden",k="previous",A="next",I="fromMoreTabs";var L;!function(t){let e=class extends((0,o.UM)((0,o.Io)((0,o.TS)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame((()=>{const{scrollLeft:t,scrollWidth:e,clientWidth:i}=this.tabsListElement;this.showLeftArrow=t>0,this.showRightArrow=t+i<e-5}))},this.handleOnDragEnd=t=>w(this,void 0,void 0,(function*(){var e,i,s,o,r,n,a,l,d,h;t.stopPropagation();const c=t.oldIndex,p=t.newIndex,u=[...this.tabsFilteredAsVisibleList],m=[...this.tabsFilteredAsHiddenList],y=this.getDragDirection(t);if(void 0!==c&&void 0!==p){switch(y){case $:{null===(i=null===(e=this.hiddenTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t.item.id))||void 0===i||i.remove();const s=u[c],o=m.slice(-1)[0],r=p===this.tabsFilteredAsHiddenList.length?p-1:p;m.splice(r,0,s),m.pop();const n=u.filter((e=>e.id!==this.getNormalizedTabId(t.item.id)));n.push(o),this.tabsFilteredAsVisibleList=[...n],this.tabsFilteredAsHiddenList=[...m];break}case S:{const t=u[c];u.splice(c,1),u.splice(p,0,t),this.tabsFilteredAsVisibleList=u,p===this.tabsFilteredAsVisibleList.length-1&&(null===(o=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===o||o.remove());const e=this.visibleTabsContainerElement.children[c],i=this.visibleTabsContainerElement.children[p];if(!e||!i)return;null===(r=this.visibleTabsContainerElement)||void 0===r||r.replaceChild(i,e),null===(n=this.visibleTabsContainerElement)||void 0===n||n.insertBefore(e,i);break}case E:{null===(l=null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.querySelector("#"+t.item.id))||void 0===l||l.remove();const e=m[c],i=u.slice(-1)[0];m.splice(c,1),m.splice(0,0,i);const s=p===this.tabsFilteredAsVisibleList.length?p-1:p;u.splice(s,0,e),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=m;break}case T:{const t=m[c];m.splice(c,1),m.splice(p,0,t),this.tabsFilteredAsHiddenList=m,p===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 t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],e=t.findIndex((t=>t.selected));this.storeSelectedTabIndex(e),this.tabsOrderPrefsArray=t.map((t=>t.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){this._selectedIndex=t}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(t){var e;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(x))?`${x}${t.id}`:t.id}getAriaControlId(t){var e,i;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(x))?`${x}${t.id}`:"tab_panel_"+(null===(i=t.id)||void 0===i?void 0:i.substring(4))}getTabIndex(t){var e,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==t?void 0:t.id)&&this.selected>(null===(e=this.tabsFilteredAsVisibleList)||void 0===e?void 0:e.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===t.id?0:-1}getNormalizedTabId(t){return t.replace(x,"")}static get styles(){return[a.A,v.A]}ensureTabsUpdateComplete(t){return w(this,void 0,void 0,(function*(){const e=t.map((t=>void 0!==t.updateComplete?t.updateComplete:null)).filter((t=>null!==t));e.length&&(yield Promise.all(e))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((t=>{t.setAttribute("measuringrealwidth","");const e=t.closable?t.offsetWidth+g.TAB_CROSS_WIDTH:t.offsetWidth;return t.removeAttribute("measuringrealwidth"),e})):this.tabs.map((t=>t.closable?t.offsetWidth+g.TAB_CROSS_WIDTH:t.offsetWidth))}updateIsMoreTabTruncated(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-menu-overlay__overflow-label");if(e){const t=e.scrollWidth>e.clientWidth;this.isMoreTabTruncated!=t&&(this.isMoreTabTruncated=t)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((t=>t.offsetHeight))}manageOverflow(){return w(this,void 0,void 0,(function*(){var t,e;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((t=>{var e,i,s,o,r;if((null===(e=t.children)||void 0===e?void 0:e.length)&&0===(null===(s=null===(i=t.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const e=null===(o=null==t?void 0:t.querySelector("slot"))||void 0===o?void 0:o.assignedNodes({flatten:!0})[0].cloneNode(!0);e&&(e.classList.add("tab-content"),null===(r=null==t?void 0:t.children[0])||void 0===r||r.appendChild(e))}}));const s=i.length;if(this.tabsListElement&&s){const o=(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth)?this.tabsListElement.offsetWidth-(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const r=this.measureTabsOffsetWidth(),n=i.reduce(((t,e,i)=>t+r[i]),0);if(n){yield this.setupMoreTab();let t=!0;o<n&&(t=!1);const e=[];let a=0;i.forEach(((i,n)=>{a+=r[n];const l=!t&&a+(n<s-1?this.moreTabMenuOffsetWidth:0)>o;e.push({isTabInViewportHidden:l,tabOffsetWidth:r[n]})})),this.tabsViewportDataList=e,this.tabsViewportDataList.forEach(((t,e)=>this.tabs[e].viewportHidden=t.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((t=>t.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((t,e)=>!this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsFilteredAsHiddenList=i.filter(((t,e)=>this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}}this.updateIsMoreTabMenuSelected();const o=this.tabsFilteredAsHiddenList.find((t=>!t.disabled));this.updateHiddenIdPositiveTabIndex(o)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((t=>t.selected))}updateHiddenIdPositiveTabIndex(t){this.tabHiddenIdPositiveTabIndex=t?t.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const t=(t,e)=>{var i,s;const o=null!==(i=t.getAttribute("name"))&&void 0!==i?i:"",r=null!==(s=e.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(o)-this.tabsOrderPrefsArray.indexOf(r)};this.tabs.sort(t),this.panels.sort(t)}linkPanelsAndTabs(){return w(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:t,panels:e}=this;if(0===t.length||0===e.length)return void console.warn("The tabs or panels count should't be equal zero.");t.length!==e.length&&console.warn(`The amount of tabs (${t.length}) doesn't match the amount of panels (${e.length}).`);const i="vertical"===this.direction;t.forEach(((t,s)=>{const o=(0,n.O)("tabs"),r="tab_"+o,a="tab_panel_"+o;t.setAttribute("id",r),t.setAttribute("aria-controls",a),t.selected=this.selected===s,t.newMomentum=this.newMomentum,t.type=this.type,t.variant=this.variant,this.scrollArrow&&(t.visibleTab=!0),t.vertical!==i&&(t.vertical=i),t.viewportHidden&&(i||this.scrollArrow)&&(t.viewportHidden=!1);const l=e[s];l?(l.setAttribute("id",a),l.setAttribute("aria-labelledby",r),l.selected=this.selected===s,t.disabled&&(l.hidden=!0,l.selected=!1)):t.disabled=!0}));let s=this.selected;for(;s<t.length&&t[s].disabled;)s++;s=s===t.length?0:s,t[s].selected=!0,e[s].selected=!0,this.tabsHash=this.tabs.reduce(((t,e)=>(t[e.id]=e,t)),{}),this.tabsIdxHash=this.tabs.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(t){var e;null===(e=super.handleResize)||void 0===e||e.call(this,t),this.manageOverflow(),this.updateIsMoreTabTruncated()}getDragDirection(t){return t.from===this.visibleTabsContainerElement&&t.to===this.hiddenTabsContainerElement?$:t.from===this.visibleTabsContainerElement&&t.to===this.visibleTabsContainerElement?S:t.from===this.hiddenTabsContainerElement&&t.to===this.visibleTabsContainerElement?E:t.from===this.hiddenTabsContainerElement&&t.to===this.hiddenTabsContainerElement?T:void 0}makeTabCopyFocus(t){t&&t.focus()}handleTabClick(t){const{id:e}=t.detail;this.handleNewSelectedTab(e)}handleNewSelectedTab(t){const e=this.tabsHash[this.getNormalizedTabId(t)];if(e&&!e.disabled){const t=this.tabsIdxHash[e.id];-1!==t&&this.updateSelectedTab(t);{const t=this.tabsCopyHash[this.getCopyTabId(e)];t&&this.makeTabCopyFocus(t),this.updateHiddenIdPositiveTabIndex(e)}}}handleTabCrossClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseEvent(t){var e,i;const s=this.tabsHash[this.getNormalizedTabId(t)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(t)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(t))),null===(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t))||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(t){var e;let i=t;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(e=this.tabsFilteredAsVisibleList[i])||void 0===e?void 0:e.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||t===this.tabsFilteredAsVisibleList.length)for(i=t-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const t=this.tabs.findIndex((t=>t.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(t)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(t,e,i=!1){e&&(e.selected=i),t&&(t.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(t)),this.isTabInMoreMenu(t)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(t){return void 0!==this.tabsFilteredAsHiddenList.find((e=>e.id===t.id))}updateSelectedTab(t){const{tabs:e,panels:i}=this,s=this.tabs.findIndex((t=>t.hasAttribute("selected")));if(e&&i&&(this.setSelectedAttribute((0,r.Qx)(e,s),(0,r.Qx)(i,s),!1),this.setSelectedAttribute((0,r.Qx)(e,t),(0,r.Qx)(i,t),!0)),t>=0){this.dispatchSelectedChangedEvent(t);const i=this.currentTabsLayout.findIndex((i=>i.id===e[t].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(t){const e=this.currentTabsLayout,i=this.tabs[t].id,s=e.findIndex((t=>t.id===i)),o=[];e.forEach((t=>{o.push(t.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:o},composed:!0,bubbles:!0}))}changeSelectedTabIdx(t){this.requestUpdate(),this.selected=t,this.updateComplete.then((()=>{var e,i;if(t<this.tabsFilteredAsVisibleList.length){const t=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children[this.selected];null==t||t.focus()}else{const t=this.selected-this.tabsFilteredAsVisibleList.length,e=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[t];this.moveFocusToTab(e);const s=this.tabsFilteredAsHiddenList[t];(null==s?void 0:s.disabled)||this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(t)}storeSelectedTabIndex(t){this.persistSelection&&this.tabsId&&t>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${t}`)}getCurrentIndex(t){var e,i,s;if(this.scrollArrow){const e=this.tabs.length;for(let i=0;i<e;i++)if(this.tabs[i].id===t)return i}const o=null!==(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children.length)&&void 0!==i?i:0;for(let e=0;e<o;e++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[e].id)===t)return e;return this.tabsVisibleIdxHash[t]}moveFocusToAdjacentTab(t,e){var i,s,o;const r=this.getCurrentIndex(t),n=this.slotItem.assignedElements();let a=0;if(this.scrollArrow){e===k?a=0===r?n.length-1:r-1:e===A&&(a=r===n.length-1?0:r+1),this.moveFocusToTab(n[a]);const t=n[a],s=t.getBoundingClientRect(),o=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return o&&(s.left>=o.left&&s.right<=o.right&&s.top>=o.top&&s.bottom<=o.bottom||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,b.setTimeout)((()=>this.moveFocusToTab(n[a])),0)}const l=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(o=null==l?void 0:l.length)&&void 0!==o?o:0;l&&0!==d&&(e===k?a=0===r?d-1:r-1:e===A?a=r===d-1?0:r+1:e===I&&(a=this.selected>=d?0:this.selected),this.moveFocusToTab(l[a]))}moveFocusToTab(t){(0,b.setTimeout)((()=>null==t?void 0:t.focus()),0)}handleOverlayClose(){(0,b.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(t,e){e&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:e,key:t.code,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,srcEvent:t},bubbles:!0,composed:!0}))}handleTabKeydown(t){var e,i,o,r,n,a,l;const d=t.target;if(t.target!=this&&!this.tabs.find((t=>t.id===(null==d?void 0:d.id))))return!1;let h;if((null===(e=t.composedPath())||void 0===e?void 0:e.length)>0?h=t.composedPath()[0].id:t.originalTarget&&(h=t.originalTarget.id),!h)return;const c=this.getNormalizedTabId(h);this.dispatchKeydownEvent(t,c);const p=t.code,{shiftKey:u}=t,m=!!this.isMoreTabMenuVisible&&c===C,y=m&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(c)],b=!this.isMoreTabMenuVisible||y&&this.tabsVisibleIdxHash[y.id]>-1,v=!!this.isMoreTabMenuVisible&&y&&this.tabsHiddenIdxHash[y.id]>-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,w=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(p){case s.Uz.Tab:m&&!this.isMoreTabMenuOpen&&u&&(t.preventDefault(),this.moveFocusToAdjacentTab(h,I));break;case s.Uz.End:m||(b?(t.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(o=this.tabsFilteredAsVisibleList)||void 0===o?void 0:o.length)-1])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[(null===(n=this.tabsFilteredAsHiddenList)||void 0===n?void 0:n.length)-1])));break;case s.Uz.Home:b?(t.preventDefault(),this.moveFocusToTab(null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.children[0])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[0]));break;case s.Uz.ArrowLeft:m||(b||this.scrollArrow)&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,k));break;case s.Uz.ArrowRight:m||(b||this.scrollArrow)&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,A));break;case s.Uz.ArrowUp:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(0===this.selected?g:this.selected-1);else if(v){t.preventDefault();const e=this.selected===f?w:this.selected-1;this.changeSelectedTabIdx(e)}break;case s.Uz.ArrowDown:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(this.selected===g?0:this.selected+1);else if(v){t.preventDefault();const e=this.selected===w?f:this.selected+1;this.changeSelectedTabIdx(e)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(m){const t=this.tabsFilteredAsHiddenList.filter((t=>!t.disabled)),e=t.length?t.find((t=>t.selected))||t[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(e),e){const t=this.tabsIdxHash[this.getNormalizedTabId(e.id)];-1!==t&&this.updateSelectedTab(t)}}else if(y&&!y.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(y.id)];-1!==e&&(t.preventDefault(),this.updateSelectedTab(e))}}}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(t){const{compUniqueId:e}=t.detail;e===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((t=>t.name))}setupMoreTab(){return w(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=y().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=y().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 t;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 t=localStorage.getItem(this.tabsId);this.selected=t&&parseInt(t)>-1?parseInt(t):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(t=localStorage.getItem(this.compUniqueId))||void 0===t?void 0:t.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 t=sessionStorage.getItem(this.tabsId);let e=0;if(t){const i=parseInt(t);e=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[e].id?(this._selectedIndex=e,this.handleNewSelectedTab(i[e].id)):this.selected=e}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(t){var e;super.firstUpdated(t),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(e=this.tabsListElement)||void 0===e||e.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return w(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(t){var e;if(super.updated(t),t.has("direction")&&t.get("direction")!==this.direction&&this.onDirectionChanged(),t.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),t.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(e=this.tabsCopyHiddenListElements)||void 0===e?void 0:e.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((t,e)=>(t[e.id]=e,t)),{})),(t.has("tabsFilteredAsVisibleList")||t.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})),t.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const e=t.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!e&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((t,e)=>t+e),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}t.has("tabsId")&&this.selectTabFromStorage(),t.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),t.has("overflowLabel")&&this.updateIsMoreTabTruncated(),t.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(t){if(!this.tabsListElement||"vertical"===this.direction)return;const e="left"===t?-100:100;this.tabsListElement.scrollBy({left:e,behavior:"smooth"}),(0,b.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return l.html`
|
|
1228
|
+
`}};m([(0,l.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),m([(0,l.property)({type:Boolean,attribute:"twenty-four-hour-format",reflect:!0})],e.prototype,"twentyFourHourFormat",void 0),m([(0,l.property)({type:String})],e.prototype,"timeSpecificity",void 0),m([(0,l.property)({type:String})],e.prototype,"locale",void 0),m([(0,l.property)({type:String,reflect:!0})],e.prototype,"value",void 0),m([(0,l.internalProperty)()],e.prototype,"finalTwentyFourFormat",void 0),m([(0,l.internalProperty)()],e.prototype,"timeObject",void 0),m([(0,l.internalProperty)()],e.prototype,"tabNext",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValue",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValidity",void 0),e=m([(0,o.w)("md-timepicker")],e),t.ELEMENT=e}(g||(g={}))},50226:(t,e,i)=>{i.d(e,{Tabs:()=>L}),i(61200),i(11323),i(83192);var s=i(90195),o=i(3001),r=i(66677),n=i(59164),a=i(26272),l=i(41488),d=i(40333),h=i(23968),c=i(22818),p=i(8229),u=i(19239),m=i(41891),y=i.n(m),b=i(97103),v=i(30076),g=i(16643),f=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},w=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};const C="tab-more",x="more-menu-copy-",S="visibleToVisible",$="visibleToHidden",E="hiddenToVisible",T="hiddenToHidden",k="previous",A="next",I="fromMoreTabs";var L;!function(t){let e=class extends((0,o.UM)((0,o.Io)((0,o.TS)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._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.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:t,scrollWidth:e,clientWidth:i}=this.tabsListElement;this.showLeftArrow=t>0,this.showRightArrow=t+i<e-5}))},this.handleOnDragEnd=t=>w(this,void 0,void 0,(function*(){var e,i,s,o,r,n,a,l,d,h;t.stopPropagation();const c=t.oldIndex,p=t.newIndex,u=[...this.tabsFilteredAsVisibleList],m=[...this.tabsFilteredAsHiddenList],y=this.getDragDirection(t);if(void 0!==c&&void 0!==p){switch(y){case $:{null===(i=null===(e=this.hiddenTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t.item.id))||void 0===i||i.remove();const s=u[c],o=m.slice(-1)[0],r=p===this.tabsFilteredAsHiddenList.length?p-1:p;m.splice(r,0,s),m.pop();const n=u.filter((e=>e.id!==this.getNormalizedTabId(t.item.id)));n.push(o),this.tabsFilteredAsVisibleList=[...n],this.tabsFilteredAsHiddenList=[...m];break}case S:{const t=u[c];u.splice(c,1),u.splice(p,0,t),this.tabsFilteredAsVisibleList=u,p===this.tabsFilteredAsVisibleList.length-1&&(null===(o=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===o||o.remove());const e=this.visibleTabsContainerElement.children[c],i=this.visibleTabsContainerElement.children[p];if(!e||!i)return;null===(r=this.visibleTabsContainerElement)||void 0===r||r.replaceChild(i,e),null===(n=this.visibleTabsContainerElement)||void 0===n||n.insertBefore(e,i);break}case E:{null===(l=null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.querySelector("#"+t.item.id))||void 0===l||l.remove();const e=m[c],i=u.slice(-1)[0];m.splice(c,1),m.splice(0,0,i);const s=p===this.tabsFilteredAsVisibleList.length?p-1:p;u.splice(s,0,e),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=m;break}case T:{const t=m[c];m.splice(c,1),m.splice(p,0,t),this.tabsFilteredAsHiddenList=m,p===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 t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],e=t.findIndex((t=>t.selected));this.storeSelectedTabIndex(e),this.tabsOrderPrefsArray=t.map((t=>t.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){this._selectedIndex=t}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(t){var e;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(x))?`${x}${t.id}`:t.id}getAriaControlId(t){var e,i;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(x))?`${x}${t.id}`:"tab_panel_"+(null===(i=t.id)||void 0===i?void 0:i.substring(4))}getTabIndex(t){var e,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==t?void 0:t.id)&&this.selected>(null===(e=this.tabsFilteredAsVisibleList)||void 0===e?void 0:e.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===t.id?0:-1}getNormalizedTabId(t){return t.replace(x,"")}static get styles(){return[a.A,v.A]}ensureTabsUpdateComplete(t){return w(this,void 0,void 0,(function*(){const e=t.map((t=>void 0!==t.updateComplete?t.updateComplete:null)).filter((t=>null!==t));e.length&&(yield Promise.all(e))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((t=>{t.setAttribute("measuringrealwidth","");const e=t.closable?t.offsetWidth+g.TAB_CROSS_WIDTH:t.offsetWidth;return t.removeAttribute("measuringrealwidth"),e})):this.tabs.map((t=>t.closable?t.offsetWidth+g.TAB_CROSS_WIDTH:t.offsetWidth))}updateIsMoreTabTruncated(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-menu-overlay__overflow-label");if(e){const t=e.scrollWidth>e.clientWidth;this.isMoreTabTruncated!=t&&(this.isMoreTabTruncated=t)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((t=>t.offsetHeight))}manageOverflow(){return w(this,void 0,void 0,(function*(){var t,e;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((t=>{var e,i,s,o,r;if((null===(e=t.children)||void 0===e?void 0:e.length)&&0===(null===(s=null===(i=t.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const e=null===(o=null==t?void 0:t.querySelector("slot"))||void 0===o?void 0:o.assignedNodes({flatten:!0})[0].cloneNode(!0);e&&(e.classList.add("tab-content"),null===(r=null==t?void 0:t.children[0])||void 0===r||r.appendChild(e))}}));const s=i.length;if(this.tabsListElement&&s){const o=(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth)?this.tabsListElement.offsetWidth-(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const r=this.measureTabsOffsetWidth(),n=i.reduce(((t,e,i)=>t+r[i]),0);if(n){yield this.setupMoreTab();let t=!0;o<n&&(t=!1);const e=[];let a=0;i.forEach(((i,n)=>{a+=r[n];const l=!t&&a+(n<s-1?this.moreTabMenuOffsetWidth:0)>o;e.push({isTabInViewportHidden:l,tabOffsetWidth:r[n]})})),this.tabsViewportDataList=e,this.tabsViewportDataList.forEach(((t,e)=>this.tabs[e].viewportHidden=t.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((t=>t.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((t,e)=>!this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsFilteredAsHiddenList=i.filter(((t,e)=>this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}}this.updateIsMoreTabMenuSelected();const o=this.tabsFilteredAsHiddenList.find((t=>!t.disabled));this.updateHiddenIdPositiveTabIndex(o)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((t=>t.selected))}updateHiddenIdPositiveTabIndex(t){this.tabHiddenIdPositiveTabIndex=t?t.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const t=(t,e)=>{var i,s;const o=null!==(i=t.getAttribute("name"))&&void 0!==i?i:"",r=null!==(s=e.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(o)-this.tabsOrderPrefsArray.indexOf(r)};this.tabs.sort(t),this.panels.sort(t)}linkPanelsAndTabs(){return w(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:t,panels:e}=this;if(0===t.length||0===e.length)return void console.warn("The tabs or panels count should't be equal zero.");t.length!==e.length&&console.warn(`The amount of tabs (${t.length}) doesn't match the amount of panels (${e.length}).`);const i="vertical"===this.direction;t.forEach(((t,s)=>{const o=(0,n.O)("tabs"),r="tab_"+o,a="tab_panel_"+o;t.setAttribute("id",r),t.setAttribute("aria-controls",a),t.selected=this.selected===s,t.newMomentum=this.newMomentum,t.type=this.type,t.variant=this.variant,this.scrollArrow&&(t.visibleTab=!0),t.vertical!==i&&(t.vertical=i),t.viewportHidden&&(i||this.scrollArrow)&&(t.viewportHidden=!1);const l=e[s];l?(l.setAttribute("id",a),l.setAttribute("aria-labelledby",r),l.selected=this.selected===s,t.disabled&&(l.hidden=!0,l.selected=!1)):t.disabled=!0}));let s=this.selected;for(;s<t.length&&t[s].disabled;)s++;s=s===t.length?0:s,t[s].selected=!0,e[s].selected=!0,this.tabsHash=this.tabs.reduce(((t,e)=>(t[e.id]=e,t)),{}),this.tabsIdxHash=this.tabs.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(t){var e;null===(e=super.handleResize)||void 0===e||e.call(this,t),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(t){return t.from===this.visibleTabsContainerElement&&t.to===this.hiddenTabsContainerElement?$:t.from===this.visibleTabsContainerElement&&t.to===this.visibleTabsContainerElement?S:t.from===this.hiddenTabsContainerElement&&t.to===this.visibleTabsContainerElement?E:t.from===this.hiddenTabsContainerElement&&t.to===this.hiddenTabsContainerElement?T:void 0}makeTabCopyFocus(t){t&&t.focus()}handleTabClick(t){const{id:e}=t.detail;this.handleNewSelectedTab(e)}handleNewSelectedTab(t){const e=this.tabsHash[this.getNormalizedTabId(t)];if(e&&!e.disabled){const t=this.tabsIdxHash[e.id];-1!==t&&this.updateSelectedTab(t);{const t=this.tabsCopyHash[this.getCopyTabId(e)];t&&this.makeTabCopyFocus(t),this.updateHiddenIdPositiveTabIndex(e)}}}handleTabCrossClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseEvent(t){var e,i;const s=this.tabsHash[this.getNormalizedTabId(t)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(t)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(t))),null===(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t))||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(t){var e;let i=t;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(e=this.tabsFilteredAsVisibleList[i])||void 0===e?void 0:e.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||t===this.tabsFilteredAsVisibleList.length)for(i=t-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const t=this.tabs.findIndex((t=>t.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(t)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(t,e,i=!1){e&&(e.selected=i),t&&(t.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(t)),this.isTabInMoreMenu(t)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(t){return void 0!==this.tabsFilteredAsHiddenList.find((e=>e.id===t.id))}updateSelectedTab(t){const{tabs:e,panels:i}=this,s=this.tabs.findIndex((t=>t.hasAttribute("selected")));if(e&&i&&(this.setSelectedAttribute((0,r.Qx)(e,s),(0,r.Qx)(i,s),!1),this.setSelectedAttribute((0,r.Qx)(e,t),(0,r.Qx)(i,t),!0)),t>=0){this.dispatchSelectedChangedEvent(t);const i=this.currentTabsLayout.findIndex((i=>i.id===e[t].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(t){const e=this.currentTabsLayout,i=this.tabs[t].id,s=e.findIndex((t=>t.id===i)),o=[];e.forEach((t=>{o.push(t.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:o},composed:!0,bubbles:!0}))}changeSelectedTabIdx(t){this.requestUpdate(),this.selected=t,this.updateComplete.then((()=>{var e,i;if(t<this.tabsFilteredAsVisibleList.length){const t=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children[this.selected];null==t||t.focus()}else{const t=this.selected-this.tabsFilteredAsVisibleList.length,e=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[t];this.moveFocusToTab(e);const s=this.tabsFilteredAsHiddenList[t];(null==s?void 0:s.disabled)||this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(t)}storeSelectedTabIndex(t){this.persistSelection&&this.tabsId&&t>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${t}`)}getCurrentIndex(t){var e,i,s;if(this.scrollArrow){const e=this.tabs.length;for(let i=0;i<e;i++)if(this.tabs[i].id===t)return i}const o=null!==(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children.length)&&void 0!==i?i:0;for(let e=0;e<o;e++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[e].id)===t)return e;return this.tabsVisibleIdxHash[t]}moveFocusToAdjacentTab(t,e){var i,s,o;const r=this.getCurrentIndex(t),n=this.slotItem.assignedElements();let a=0;if(this.scrollArrow){e===k?a=0===r?n.length-1:r-1:e===A&&(a=r===n.length-1?0:r+1),this.moveFocusToTab(n[a]);const t=n[a],s=t.getBoundingClientRect(),o=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return o&&(s.left>=o.left&&s.right<=o.right&&s.top>=o.top&&s.bottom<=o.bottom||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,b.setTimeout)((()=>this.moveFocusToTab(n[a])),0)}const l=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(o=null==l?void 0:l.length)&&void 0!==o?o:0;l&&0!==d&&(e===k?a=0===r?d-1:r-1:e===A?a=r===d-1?0:r+1:e===I&&(a=this.selected>=d?0:this.selected),this.moveFocusToTab(l[a]))}moveFocusToTab(t){(0,b.setTimeout)((()=>null==t?void 0:t.focus()),0)}handleOverlayClose(){(0,b.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(t,e){e&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:e,key:t.code,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,srcEvent:t},bubbles:!0,composed:!0}))}handleTabKeydown(t){var e,i,o,r,n,a,l;const d=t.target;if(t.target!=this&&!this.tabs.find((t=>t.id===(null==d?void 0:d.id))))return!1;let h;if((null===(e=t.composedPath())||void 0===e?void 0:e.length)>0?h=t.composedPath()[0].id:t.originalTarget&&(h=t.originalTarget.id),!h)return;const c=this.getNormalizedTabId(h);this.dispatchKeydownEvent(t,c);const p=t.code,{shiftKey:u}=t,m=!!this.isMoreTabMenuVisible&&c===C,y=m&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(c)],b=!this.isMoreTabMenuVisible||y&&this.tabsVisibleIdxHash[y.id]>-1,v=!!this.isMoreTabMenuVisible&&y&&this.tabsHiddenIdxHash[y.id]>-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,w=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(p){case s.Uz.Tab:m&&!this.isMoreTabMenuOpen&&u&&(t.preventDefault(),this.moveFocusToAdjacentTab(h,I));break;case s.Uz.End:m||(b?(t.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(o=this.tabsFilteredAsVisibleList)||void 0===o?void 0:o.length)-1])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[(null===(n=this.tabsFilteredAsHiddenList)||void 0===n?void 0:n.length)-1])));break;case s.Uz.Home:b?(t.preventDefault(),this.moveFocusToTab(null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.children[0])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[0]));break;case s.Uz.ArrowLeft:m||(b||this.scrollArrow)&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,k));break;case s.Uz.ArrowRight:m||(b||this.scrollArrow)&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,A));break;case s.Uz.ArrowUp:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(0===this.selected?g:this.selected-1);else if(v){t.preventDefault();const e=this.selected===f?w:this.selected-1;this.changeSelectedTabIdx(e)}break;case s.Uz.ArrowDown:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(this.selected===g?0:this.selected+1);else if(v){t.preventDefault();const e=this.selected===w?f:this.selected+1;this.changeSelectedTabIdx(e)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(m){const t=this.tabsFilteredAsHiddenList.filter((t=>!t.disabled)),e=t.length?t.find((t=>t.selected))||t[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(e),e){const t=this.tabsIdxHash[this.getNormalizedTabId(e.id)];-1!==t&&this.updateSelectedTab(t)}}else if(y&&!y.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(y.id)];-1!==e&&(t.preventDefault(),this.updateSelectedTab(e))}}}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(t){const{compUniqueId:e}=t.detail;e===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((t=>t.name))}setupMoreTab(){return w(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=y().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=y().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 t;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 t=localStorage.getItem(this.tabsId);this.selected=t&&parseInt(t)>-1?parseInt(t):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(t=localStorage.getItem(this.compUniqueId))||void 0===t?void 0:t.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 t=sessionStorage.getItem(this.tabsId);let e=0;if(t){const i=parseInt(t);e=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[e].id?(this._selectedIndex=e,this.handleNewSelectedTab(i[e].id)):this.selected=e}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(t){var e;super.firstUpdated(t),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(e=this.tabsListElement)||void 0===e||e.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return w(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(t){var e;if(super.updated(t),t.has("direction")&&t.get("direction")!==this.direction&&this.onDirectionChanged(),t.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),t.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(e=this.tabsCopyHiddenListElements)||void 0===e?void 0:e.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((t,e)=>(t[e.id]=e,t)),{})),(t.has("tabsFilteredAsVisibleList")||t.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})),t.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const e=t.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!e&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((t,e)=>t+e),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}t.has("tabsId")&&this.selectTabFromStorage(),t.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),t.has("overflowLabel")&&this.updateIsMoreTabTruncated(),t.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(t){if(!this.tabsListElement||"vertical"===this.direction)return;const e="left"===t?-100:100;this.tabsListElement.scrollBy({left:e,behavior:"smooth"}),(0,b.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return l.html`
|
|
1229
1229
|
<md-tab
|
|
1230
1230
|
slot="menu-trigger"
|
|
1231
1231
|
id="${C}"
|
|
@@ -1290,12 +1290,13 @@
|
|
|
1290
1290
|
${this.moreMenuListTemplate}
|
|
1291
1291
|
</div>
|
|
1292
1292
|
</md-menu-overlay>
|
|
1293
|
-
`}tabsButtonArrow(t){return l.html`<md-button
|
|
1293
|
+
`}tabsButtonArrow(t){const e="left"===t?this.leftArrowAriaLabel:this.rightArrowAriaLabel;return l.html`<md-button
|
|
1294
1294
|
class="tabs-${t}-arrow"
|
|
1295
1295
|
@click=${()=>this.scrollTabs(t)}
|
|
1296
1296
|
size="28"
|
|
1297
1297
|
variant="ghost"
|
|
1298
1298
|
circle
|
|
1299
|
+
ariaLabel="${e}"
|
|
1299
1300
|
>
|
|
1300
1301
|
<md-icon slot="icon" name="arrow-${t}-regular" iconSet="momentumDesign"></md-icon>
|
|
1301
1302
|
</md-button>`}get renderTabSlot(){return l.html`
|
|
@@ -1352,7 +1353,7 @@
|
|
|
1352
1353
|
>
|
|
1353
1354
|
<slot name="panel"></slot>
|
|
1354
1355
|
</div>
|
|
1355
|
-
`}};f([(0,l.property)({type:Boolean})],e.prototype,"justified",void 0),f([(0,l.property)({type:Boolean,attribute:"hug-tabs"})],e.prototype,"hugTabs",void 0),f([(0,l.property)({type:String})],e.prototype,"overflowLabel",void 0),f([(0,l.property)({type:Boolean,attribute:"draggable"})],e.prototype,"draggable",void 0),f([(0,l.property)({type:String,reflect:!0})],e.prototype,"direction",void 0),f([(0,l.property)({type:Number,attribute:"more-items-scroll-limit"})],e.prototype,"moreItemsScrollLimit",void 0),f([(0,l.property)({type:Number,reflect:!0,attribute:"selected-index"})],e.prototype,"selectedIndex",null),f([(0,l.property)({type:Number})],e.prototype,"animation",void 0),f([(0,l.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),f([(0,l.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),f([(0,l.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),f([(0,l.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),f([(0,l.property)({type:String,attribute:"tabs-id"})],e.prototype,"tabsId",void 0),f([(0,l.property)({type:Boolean,attribute:"persist-selection"})],e.prototype,"persistSelection",void 0),f([(0,l.property)({type:String,attribute:"comp-unique-id"})],e.prototype,"compUniqueId",void 0),f([(0,l.property)({type:String})],e.prototype,"type",void 0),f([(0,l.property)({type:Boolean})],e.prototype,"newMomentum",void 0),f([(0,l.property)({type:String})],e.prototype,"variant",void 0),f([(0,l.property)({type:Boolean,attribute:"scroll-arrow"})],e.prototype,"scrollArrow",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuVisible",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuMeasured",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuOpen",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuSelected",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuScrollable",void 0),f([(0,l.internalProperty)()],e.prototype,"moreTabMenuOffsetWidth",void 0),f([(0,l.internalProperty)()],e.prototype,"moreTabMenuMaxHeight",void 0),f([(0,l.internalProperty)()],e.prototype,"tabsViewportDataList",void 0),f([(0,l.internalProperty)()],e.prototype,"tabsFilteredAsVisibleList",void 0),f([(0,l.internalProperty)()],e.prototype,"tabsFilteredAsHiddenList",void 0),f([(0,l.internalProperty)()],e.prototype,"noTabsVisible",void 0),f([(0,l.internalProperty)()],e.prototype,"defaultTabsOrderArray",void 0),f([(0,l.internalProperty)()],e.prototype,"tabsOrderPrefsArray",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabTruncated",void 0),f([(0,l.internalProperty)()],e.prototype,"showLeftArrow",void 0),f([(0,l.internalProperty)()],e.prototype,"showRightArrow",void 0),f([(0,l.query)("slot[name='tab']")],e.prototype,"tabSlotElement",void 0),f([(0,l.query)("slot[name='panel']")],e.prototype,"panelSlotElement",void 0),f([(0,l.query)(".md-tab__list[part='tabs-list']")],e.prototype,"tabsListElement",void 0),f([(0,l.query)(".md-tabs__settings[part='md-tabs__settings']")],e.prototype,"tabsSettingsElement",void 0),f([(0,l.query)(".md-menu-overlay__more_tab")],e.prototype,"moreTabMenuElement",void 0),f([(0,l.query)("md-menu-overlay")],e.prototype,"menuOverlayElement",void 0),f([(0,l.query)(".md-tab__list[part='tabs-more-list']")],e.prototype,"tabsMoreListElement",void 0),f([(0,l.queryAll)(".md-menu-overlay__more_list md-tab")],e.prototype,"tabsCopyHiddenListElements",void 0),f([(0,l.query)("#visible-tabs-list")],e.prototype,"visibleTabsContainerElement",void 0),f([(0,l.query)("#tabs-more-list")],e.prototype,"hiddenTabsContainerElement",void 0),e=f([(0,o.wW)("md-tabs")],e),t.ELEMENT=e}(L||(L={}))},50565:(t,e,i)=>{i.d(e,{EditableTextfield:()=>s});var s,o=i(96408),r=i(31890),n=i(74548),a=i(26272),l=i(31347),d=i.n(l),h=i(41488),c=i(40333),p=i(23968),u=i(97822),m=i(18728),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends h.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new o.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=t=>{let e=!0;const i=i=>{null===t.match(i)&&(e=!1)};if(this.pattern)i(new RegExp(this.pattern));else if(t&&this.type)switch(this.type){case"integer":i(new RegExp(n.b.integerString));break;case"decimal":i(new RegExp(n.b.decimalString))}return e},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=t=>{var e;const{key:i,code:s}=t;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some((t=>s.includes(t))))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&s.match("Space"))&&t.preventDefault();const o=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())+i;if(this.type)if(isNaN(Number(o)))t.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(o)))return;t.preventDefault()}},this.handleBlur=()=>{var t,e;this.isEditing=!1,this.maxLines.length>0&&(null===(t=this.editableField)||void 0===t||t.scrollTo(0,0)),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(t){super.firstUpdated(t),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=d().sanitize(this.content)}updated(t){super.updated(t),t.has("content")&&this.editableField&&(this.editableField.innerText=d().sanitize(this.content))}setRange(){var t;if(this.editableField){const e=document.createRange(),i=window.getSelection(),s=null===(t=this.editableField.childNodes[0].nodeValue)||void 0===t?void 0:t.length;if(e.setStart(this.editableField.childNodes[0],s||0),e.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(e),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){var t;(this.type||this.pattern)&&((null===(t=this.checkValidity)||void 0===t?void 0:t.call(this,this.content))||(this.reportValidity(),this.showAlert()))}showAlert(){this.alert=!0}static get styles(){return[a.A,m.A]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var t,e,i;return this.alert?h.html`
|
|
1356
|
+
`}};f([(0,l.property)({type:Boolean})],e.prototype,"justified",void 0),f([(0,l.property)({type:Boolean,attribute:"hug-tabs"})],e.prototype,"hugTabs",void 0),f([(0,l.property)({type:String})],e.prototype,"overflowLabel",void 0),f([(0,l.property)({type:Boolean,attribute:"draggable"})],e.prototype,"draggable",void 0),f([(0,l.property)({type:String,reflect:!0})],e.prototype,"direction",void 0),f([(0,l.property)({type:Number,attribute:"more-items-scroll-limit"})],e.prototype,"moreItemsScrollLimit",void 0),f([(0,l.property)({type:Number,reflect:!0,attribute:"selected-index"})],e.prototype,"selectedIndex",null),f([(0,l.property)({type:Number})],e.prototype,"animation",void 0),f([(0,l.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),f([(0,l.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),f([(0,l.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),f([(0,l.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),f([(0,l.property)({type:String,attribute:"tabs-id"})],e.prototype,"tabsId",void 0),f([(0,l.property)({type:Boolean,attribute:"persist-selection"})],e.prototype,"persistSelection",void 0),f([(0,l.property)({type:String,attribute:"comp-unique-id"})],e.prototype,"compUniqueId",void 0),f([(0,l.property)({type:String})],e.prototype,"type",void 0),f([(0,l.property)({type:Boolean})],e.prototype,"newMomentum",void 0),f([(0,l.property)({type:String})],e.prototype,"variant",void 0),f([(0,l.property)({type:Boolean,attribute:"scroll-arrow"})],e.prototype,"scrollArrow",void 0),f([(0,l.property)({type:String,attribute:"left-arrow-aria-label"})],e.prototype,"leftArrowAriaLabel",void 0),f([(0,l.property)({type:String,attribute:"right-arrow-aria-label"})],e.prototype,"rightArrowAriaLabel",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuVisible",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuMeasured",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuOpen",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuSelected",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabMenuScrollable",void 0),f([(0,l.internalProperty)()],e.prototype,"moreTabMenuOffsetWidth",void 0),f([(0,l.internalProperty)()],e.prototype,"moreTabMenuMaxHeight",void 0),f([(0,l.internalProperty)()],e.prototype,"tabsViewportDataList",void 0),f([(0,l.internalProperty)()],e.prototype,"tabsFilteredAsVisibleList",void 0),f([(0,l.internalProperty)()],e.prototype,"tabsFilteredAsHiddenList",void 0),f([(0,l.internalProperty)()],e.prototype,"noTabsVisible",void 0),f([(0,l.internalProperty)()],e.prototype,"defaultTabsOrderArray",void 0),f([(0,l.internalProperty)()],e.prototype,"tabsOrderPrefsArray",void 0),f([(0,l.internalProperty)()],e.prototype,"isMoreTabTruncated",void 0),f([(0,l.internalProperty)()],e.prototype,"showLeftArrow",void 0),f([(0,l.internalProperty)()],e.prototype,"showRightArrow",void 0),f([(0,l.query)("slot[name='tab']")],e.prototype,"tabSlotElement",void 0),f([(0,l.query)("slot[name='panel']")],e.prototype,"panelSlotElement",void 0),f([(0,l.query)(".md-tab__list[part='tabs-list']")],e.prototype,"tabsListElement",void 0),f([(0,l.query)(".md-tabs__settings[part='md-tabs__settings']")],e.prototype,"tabsSettingsElement",void 0),f([(0,l.query)(".md-menu-overlay__more_tab")],e.prototype,"moreTabMenuElement",void 0),f([(0,l.query)("md-menu-overlay")],e.prototype,"menuOverlayElement",void 0),f([(0,l.query)(".md-tab__list[part='tabs-more-list']")],e.prototype,"tabsMoreListElement",void 0),f([(0,l.queryAll)(".md-menu-overlay__more_list md-tab")],e.prototype,"tabsCopyHiddenListElements",void 0),f([(0,l.query)("#visible-tabs-list")],e.prototype,"visibleTabsContainerElement",void 0),f([(0,l.query)("#tabs-more-list")],e.prototype,"hiddenTabsContainerElement",void 0),e=f([(0,o.wW)("md-tabs")],e),t.ELEMENT=e}(L||(L={}))},50565:(t,e,i)=>{i.d(e,{EditableTextfield:()=>s});var s,o=i(96408),r=i(31890),n=i(74548),a=i(26272),l=i(31347),d=i.n(l),h=i(41488),c=i(40333),p=i(23968),u=i(97822),m=i(18728),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends h.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new o.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=t=>{let e=!0;const i=i=>{null===t.match(i)&&(e=!1)};if(this.pattern)i(new RegExp(this.pattern));else if(t&&this.type)switch(this.type){case"integer":i(new RegExp(n.b.integerString));break;case"decimal":i(new RegExp(n.b.decimalString))}return e},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=t=>{var e;const{key:i,code:s}=t;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some((t=>s.includes(t))))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&s.match("Space"))&&t.preventDefault();const o=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())+i;if(this.type)if(isNaN(Number(o)))t.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(o)))return;t.preventDefault()}},this.handleBlur=()=>{var t,e;this.isEditing=!1,this.maxLines.length>0&&(null===(t=this.editableField)||void 0===t||t.scrollTo(0,0)),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(t){super.firstUpdated(t),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=d().sanitize(this.content)}updated(t){super.updated(t),t.has("content")&&this.editableField&&(this.editableField.innerText=d().sanitize(this.content))}setRange(){var t;if(this.editableField){const e=document.createRange(),i=window.getSelection(),s=null===(t=this.editableField.childNodes[0].nodeValue)||void 0===t?void 0:t.length;if(e.setStart(this.editableField.childNodes[0],s||0),e.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(e),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){var t;(this.type||this.pattern)&&((null===(t=this.checkValidity)||void 0===t?void 0:t.call(this,this.content))||(this.reportValidity(),this.showAlert()))}showAlert(){this.alert=!0}static get styles(){return[a.A,m.A]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var t,e,i;return this.alert?h.html`
|
|
1356
1357
|
<div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
|
|
1357
1358
|
<md-help-text
|
|
1358
1359
|
id="alert-message"
|
|
@@ -2305,15 +2306,15 @@
|
|
|
2305
2306
|
<md-icon name="incoming-call-legacy-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
2306
2307
|
</md-badge>
|
|
2307
2308
|
`;case"applemessages":case"midcall telephony":case"icon src":return n.html`
|
|
2308
|
-
<md-badge
|
|
2309
|
+
<md-badge circle>
|
|
2309
2310
|
<img src="${this.iconSrc}" />
|
|
2310
2311
|
</md-badge>
|
|
2311
2312
|
`;case"callback":return n.html`
|
|
2312
|
-
<md-badge
|
|
2313
|
+
<md-badge color="lime" circle>
|
|
2313
2314
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
2314
2315
|
</md-badge>
|
|
2315
2316
|
`;case"progressive_campaign":return n.html`
|
|
2316
|
-
<md-badge
|
|
2317
|
+
<md-badge color="green" circle>
|
|
2317
2318
|
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
2318
2319
|
</md-badge>
|
|
2319
2320
|
`;case"outbound-campaign":return n.html`
|
|
@@ -2344,15 +2345,15 @@
|
|
|
2344
2345
|
<md-icon name="whatsApp_16" iconSet="momentumUI" color="white-100"></md-icon>
|
|
2345
2346
|
</md-badge>
|
|
2346
2347
|
`;default:return n.html` <slot name="task-type"></slot> `}},this.renderStatus=()=>{switch(this.status){case"consulting":return n.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"play":return n.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"hold":return n.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"conference":return n.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"transfered":return n.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"courtesy_callback":return n.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"campaign":return n.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return n.html` <slot name="task-status"></slot> `}}}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}getChannelAvatar(t){return n.html`<md-avatar size="32" type=${t} state=${this.selected?"active":"rest"}></md-avatar>`}get taskTypeTemplate(){return n.html`${this.isRestyle?this.renderTaskType:this.renderLegacyTaskType()}`}get renderTaskType(){switch(this.mediaType.toLowerCase()){case"telephony":return this.getChannelAvatar("channel-call");case"outbound telephony":return this.getChannelAvatar("channel-callback");case"inbound telephony":return this.getChannelAvatar("channel-call-inbound");case"applemessages":return this.getChannelAvatar("channel-apple-chat");case"outbound-campaign":return this.getChannelAvatar("channel-campaign");case"chat":return this.getChannelAvatar("channel-chat");case"email":return this.getChannelAvatar("channel-email-inbound");case"sms":return this.getChannelAvatar("channel-sms-inbound");case"facebook":return this.getChannelAvatar("channel-fb-messenger");case"whatsapp":return this.getChannelAvatar("channel-whats-app");case"messenger":return this.getChannelAvatar("channel-facebook");case"midcall telephony":case"icon src":return n.html`
|
|
2347
|
-
<md-badge circle>
|
|
2348
|
+
<md-badge class="avatar-badge" circle>
|
|
2348
2349
|
<img src="${this.iconSrc}" />
|
|
2349
2350
|
</md-badge>
|
|
2350
2351
|
`;case"callback":return n.html`
|
|
2351
|
-
<md-badge color="lime" circle>
|
|
2352
|
+
<md-badge class="avatar-badge" color="lime" circle>
|
|
2352
2353
|
<md-icon name="icon-icon-callback_18"></md-icon>
|
|
2353
2354
|
</md-badge>
|
|
2354
2355
|
`;case"progressive_campaign":return n.html`
|
|
2355
|
-
<md-badge color="green" circle>
|
|
2356
|
+
<md-badge class="avatar-badge" color="green" circle>
|
|
2356
2357
|
<md-icon name="icon-icon-campaign_18"></md-icon>
|
|
2357
2358
|
</md-badge>
|
|
2358
2359
|
`;default:return n.html` <slot name="task-type"></slot> `}}handleClick(t){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.blur()}handleKeyDown(t){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:t.code},bubbles:!0,composed:!0}))}renderChatCount(){if(this.quantity<=0)return a.nothing;const t=this.quantity>99?"99+":this.quantity.toString();return this.isRestyle?n.html` <md-badge color="unreadcount" outlined> ${t} </md-badge>`:n.html` <span class="new-chat-quantity">${t}</span> `}getAriaLabel(){var t,e;if(this.customAriaLabel)return this.customAriaLabel;let i=this.queue;if(!i){const s=this.querySelector('[slot="queue"]');if(s){i=null!==(e=null===(t=s.textContent)||void 0===t?void 0:t.trim())&&void 0!==e?e:s.innerText.trim();const o=/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/.exec(i);if(o){const[,t=0,e,s]=o.map(Number);(new Date).setHours(t,e,s),i=i.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${t?t+" hours ":""}${e} minutes ${s} seconds`)}}}return`${this.mediaType} ${this.status} ${this.title} ${i} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,d.A]}get sanitizedTabIndexForContainer(){var t;return null!==(t=parseInt(this.tabIndexForContainer))&&void 0!==t?t:0}render(){return n.html`
|
|
@@ -2387,6 +2388,7 @@
|
|
|
2387
2388
|
<span class="new-chat_massages">${this.lastmessage}</span>
|
|
2388
2389
|
</span>
|
|
2389
2390
|
`:a.nothing}
|
|
2391
|
+
${this.lastmessage?a.nothing:n.html` <slot name="lastmessage"></slot> `}
|
|
2390
2392
|
</div>
|
|
2391
2393
|
<div class="md-taskitem__addition">
|
|
2392
2394
|
<slot></slot>
|
|
@@ -204,7 +204,7 @@ export declare namespace ComboBox {
|
|
|
204
204
|
checkForVirtualScroll(): boolean;
|
|
205
205
|
rangeChanged(): void;
|
|
206
206
|
getCustomErrorContent(): DocumentFragment;
|
|
207
|
-
getCustomContent(option: string | OptionMember):
|
|
207
|
+
getCustomContent(option: string | OptionMember): TemplateResult | DocumentFragment;
|
|
208
208
|
renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult;
|
|
209
209
|
renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
|
|
210
210
|
highlightingSearchedText(option: OptionMember | string): TemplateResult[];
|
|
@@ -81,7 +81,7 @@ export declare namespace Grabber {
|
|
|
81
81
|
visible: boolean;
|
|
82
82
|
};
|
|
83
83
|
private get grabberContainerClassMap();
|
|
84
|
-
get iconName(): "arrow-up-bold" | "arrow-down-bold" | "
|
|
84
|
+
get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
|
|
85
85
|
get iconSize(): "10" | "12";
|
|
86
86
|
render(): import("lit-element").TemplateResult;
|
|
87
87
|
}
|
|
@@ -39,6 +39,8 @@ export declare namespace Tabs {
|
|
|
39
39
|
newMomentum: boolean;
|
|
40
40
|
variant: TabVariant;
|
|
41
41
|
scrollArrow: boolean;
|
|
42
|
+
leftArrowAriaLabel: string;
|
|
43
|
+
rightArrowAriaLabel: string;
|
|
42
44
|
private isMoreTabMenuVisible;
|
|
43
45
|
private isMoreTabMenuMeasured;
|
|
44
46
|
private isMoreTabMenuOpen;
|
|
@@ -88,7 +90,7 @@ export declare namespace Tabs {
|
|
|
88
90
|
private updateIsMoreTabTruncated;
|
|
89
91
|
private measureHiddenTabsCopiesOffsetHeight;
|
|
90
92
|
private manageOverflow;
|
|
91
|
-
|
|
93
|
+
updateArrowsVisibility: () => void;
|
|
92
94
|
private updateIsMoreTabMenuSelected;
|
|
93
95
|
private updateHiddenIdPositiveTabIndex;
|
|
94
96
|
private sortTabsAndPanes;
|