@momentum-ui/web-components 3.2.10 → 3.2.12
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/2245.js +12 -11
- package/dist/2273.js +10 -7
- package/dist/3639.js +0 -1
- package/dist/378.js +18 -0
- package/dist/6005.js +1 -1
- package/dist/6325.js +1 -1
- package/dist/9189.js +3 -3
- package/dist/953.js +2 -2
- package/dist/comp/md-avatar-entry.js +5 -4
- package/dist/comp/md-avatar.js +1 -1
- package/dist/comp/md-chat-message-entry.js +1 -1
- package/dist/comp/md-chat-message.js +1 -1
- package/dist/comp/md-combobox-entry.js +24 -21
- package/dist/comp/md-datepicker-calendar-entry.js +2 -2
- package/dist/comp/md-datepicker-day-entry.js +0 -1
- package/dist/comp/md-dropdown-entry.js +2 -2
- package/dist/comp/md-floating-modal-entry.js +24 -13
- package/dist/comp/md-grabber-entry.js +12 -8
- package/dist/comp/md-input-entry.js +14 -14
- package/dist/comp/md-meeting-alert-entry.js +1 -1
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-tabs-entry.js +16 -16
- package/dist/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-task-item.js +1 -1
- package/dist/esm/2245.js +5 -4
- package/dist/esm/2273.js +36 -33
- package/dist/esm/3639.js +0 -1
- package/dist/esm/378.js +18 -0
- package/dist/esm/4626.js +12 -11
- package/dist/esm/4654.js +10 -7
- package/dist/esm/6005.js +1 -1
- package/dist/esm/6020.js +0 -1
- package/dist/esm/6325.js +1 -1
- package/dist/esm/837.js +2 -2
- package/dist/esm/9189.js +5 -5
- package/dist/esm/953.js +2 -2
- package/dist/esm/comp/md-avatar-entry.js +1 -1
- package/dist/esm/comp/md-avatar.js +1 -1
- package/dist/esm/comp/md-chat-message-entry.js +1 -1
- package/dist/esm/comp/md-chat-message.js +1 -1
- package/dist/esm/comp/md-dropdown-entry.js +1 -1
- package/dist/esm/comp/md-floating-modal-entry.js +24 -13
- package/dist/esm/comp/md-grabber-entry.js +10 -6
- package/dist/esm/comp/md-input-entry.js +4 -4
- package/dist/esm/comp/md-meeting-alert-entry.js +1 -1
- package/dist/esm/comp/md-meeting-alert.js +1 -1
- package/dist/esm/comp/md-tabs-entry.js +15 -15
- package/dist/esm/comp/md-task-item-entry.js +1 -1
- package/dist/esm/comp/md-task-item.js +1 -1
- package/dist/esm/index-entry.js +42 -27
- package/dist/index-entry.js +58 -40
- package/dist/types/components/avatar/Avatar.constants.d.ts +3 -2
- package/dist/types/components/avatar/Avatar.d.ts +3 -0
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/floating-modal/FloatingModal.d.ts +10 -1
- package/dist/types/components/grabber/Grabber.d.ts +1 -0
- package/dist/types/components/input/Input.d.ts +1 -0
- package/dist/types/components/tabs/Tabs.d.ts +1 -0
- package/package.json +1 -1
- package/dist/4621.js +0 -18
- package/dist/esm/4621.js +0 -18
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/repeat.js"),require("lit/directives/unsafe-html.js"),require("sortablejs"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/repeat.js","lit/directives/unsafe-html.js","sortablejs"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/repeat.js"),require("lit/directives/unsafe-html.js"),require("sortablejs")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/repeat.js"],e["lit/directives/unsafe-html.js"],e.sortablejs);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r,o,a,l,
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/repeat.js"),require("lit/directives/unsafe-html.js"),require("sortablejs"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/repeat.js","lit/directives/unsafe-html.js","sortablejs"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/repeat.js"),require("lit/directives/unsafe-html.js"),require("sortablejs")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/repeat.js"],e["lit/directives/unsafe-html.js"],e.sortablejs);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r,o,a,n,l,d,h,b,c,p,u,m)=>(()=>{"use strict";var v,f={120(e,t,i){i.d(t,{TAB_CROSS_WIDTH:()=>p});var s=i(2900),r=i(7704),o=i(9609),a=i(7154),n=i(4084),l=i(7161),d=i(429),h=i(5125),b=i(3272),c=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const p=22;var u;!function(e){let t=class extends((0,r.yC)(l.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.role="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this.visibleTab=!1,this.size=28,this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e?this.tabDisabled():this.tabEnabled(),this.requestUpdate("disabled",t)}tabDisabled(){-1!==this.tabIndex&&(this.tabIndex=-1),this.setAttribute("aria-disabled","true")}tabEnabled(){-1===this.tabIndex&&this.selected&&(this.tabIndex=0),this.removeAttribute("aria-disabled")}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e?(this.setAttribute("aria-selected","true"),this.tabIndex=0,this.notifySelectedTab()):(this.tabIndex=-1,this.removeAttribute("aria-selected")),this.requestUpdate("selected",t)}static get styles(){return[n.A,b.A]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeydown(e){if((0,a.o)(e.code)){if(this.disabled)return void e.preventDefault();this.handleClick(e)}}handleCrossKeydown(e){e.stopPropagation(),e.code===s.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&this.disabled&&(this.selected=!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown)}firstUpdated(e){super.firstUpdated(e)}renderCrossButton(){return l.html`
|
|
2
2
|
<md-button
|
|
3
3
|
variant="ghost"
|
|
4
4
|
size="size-none"
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
>
|
|
11
11
|
<md-icon name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
12
12
|
</md-button>
|
|
13
|
-
`}render(){return
|
|
13
|
+
`}render(){return l.html`
|
|
14
14
|
<div
|
|
15
15
|
part="tab"
|
|
16
16
|
class="${(0,h.classMap)({disabled:this.disabled,"md-tab-content":!0,closable:""!==this.closable,pill:"pill"===this.type,rounded:"rounded"===this.type,line:"line"===this.type,primary:"primary"===this.variant,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
@click=${e=>this.handleClick(e)}
|
|
28
28
|
@keydown=${e=>this.handleKeydown(e)}
|
|
29
29
|
></button>
|
|
30
|
-
`}};c([(0,d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),c([(0,d.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),c([(0,d.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),c([(0,d.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),c([(0,d.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),c([(0,d.property)({type:String,reflect:!0})],t.prototype,"type",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),c([(0,d.property)({type:String})],t.prototype,"variant",void 0),c([(0,d.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),c([(0,d.property)({type:Number})],t.prototype,"size",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=c([(0,o.w)("md-tab")],t),e.ELEMENT=t}(u||(u={}))},8543(e,t,i){i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>A,Tabs:()=>F}),i(1821),i(708),i(9613);var s=i(2900),r=i(7704),o=i(2050),a=i(93),l=i(4084),n=i(7161),d=i(429),h=i(5125),b=i(291),c=i(8175),p=i(318),u=i(6968),m=i(1891),v=i.n(m),f=i(7103),T=i(3272),y=i(120),g=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},M=function(e,t,i,s){return new(i||(i=Promise))(function(r,o){function a(e){try{n(s.next(e))}catch(e){o(e)}}function l(e){try{n(s.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(a,l)}n((s=s.apply(e,t||[])).next())})};const w="tab-more",A="more-menu-copy-",I="visibleToVisible",C="visibleToHidden",E="hiddenToVisible",L="hiddenToHidden",S="previous",x="next",H="fromMoreTabs";var F;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.size=28,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabPanelHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame(()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5})},this.handleOnDragEnd=e=>M(this,void 0,void 0,function*(){var t,i,s,r,o,a,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case C:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],r=u.slice(-1)[0],o=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(o,0,s),u.pop();const a=p.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));a.push(r),this.tabsFilteredAsVisibleList=[...a],this.tabsFilteredAsHiddenList=[...u];break}case I:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case E:{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){var t;if(-1===e)return;const i=this._selectedIndex;this._selectedIndex=e,i!==e&&(null===(t=this.tabs)||void 0===t?void 0:t.length)&&this.updateSelectedTab(e)}get isRtl(){return"rtl"===getComputedStyle(this).direction}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${e.id}`:"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(A,"")}static get styles(){return[l.A,T.A]}ensureTabsUpdateComplete(e){return M(this,void 0,void 0,function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))})}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map(e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t}):this.tabs.map(e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth)}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map(e=>e.offsetHeight)}manageOverflow(){return M(this,void 0,void 0,function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,r,o,a;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(o=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0])||void 0===o?void 0:o.cloneNode(!0);t&&(t.classList.add("tab-content"),null===(a=null==e?void 0:e.children[0])||void 0===a||a.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const r=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const o=this.measureTabsOffsetWidth(),a=i.reduce((e,t,i)=>e+o[i],0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let l=0;i.forEach((i,a)=>{l+=o[a];const n=!e&&l+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:n,tabOffsetWidth:o[a]})}),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find(e=>e.isTabInViewportHidden),this.tabsFilteredAsVisibleList=i.filter((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsFilteredAsHiddenList=i.filter((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})}}this.updateIsMoreTabMenuSelected();const r=this.tabsFilteredAsHiddenList.find(e=>!e.disabled);this.updateHiddenIdPositiveTabIndex(r)}})}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateAriaControlsElements(){this.visibleTabsContainerElement&&this.visibleTabsContainerElement.querySelectorAll("md-tab").forEach(e=>{const t=this.getNormalizedTabId(e.id),i=this.tabPanelHash[t];i&&"ariaControlsElements"in e&&(e.ariaControlsElements=[i])}),this.hiddenTabsContainerElement&&this.hiddenTabsContainerElement.querySelectorAll("md-tab").forEach(e=>{const t=this.getNormalizedTabId(e.id),i=this.tabPanelHash[t];i&&"ariaControlsElements"in e&&(e.ariaControlsElements=[i])})}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return M(this,void 0,void 0,function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`);const i="vertical"===this.direction,s=this.selectedIndex<0?0:this.selectedIndex;e.forEach((e,r)=>{const o=(0,a.O)("tabs"),l="tab_"+o,n="tab_panel_"+o;e.setAttribute("id",l),e.setAttribute("aria-controls",n),e.selected=s===r,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,e.size=this.newMomentum?this.size:void 0,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const d=t[r];d?(d.setAttribute("id",n),d.setAttribute("aria-labelledby",l),d.selected=s===r,e.disabled&&(d.hidden=!0,d.selected=!1)):e.disabled=!0});let r=s;for(;r<e.length&&e[r].disabled;)r++;r=r===e.length?0:r,e[r].selected=!0,t[r].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabPanelHash=this.tabs.reduce((e,i,s)=>(t[s]&&(e[i.id]=t[s]),e),{})})}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?C:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?I:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?E: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,t=!0){const i=this.tabsHash[this.getNormalizedTabId(e)];if(i&&!i.disabled){const e=this.tabsIdxHash[i.id];-1!==e&&this.updateSelectedTab(e,t);{const e=this.tabsCopyHash[this.getCopyTabId(i)];e&&t&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(i)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex(t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find(t=>t.id===e.id)}updateSelectedTab(e,t=!0){const{tabs:i,panels:s}=this,r=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(i&&s&&(this.setSelectedAttribute((0,o.Qx)(i,r),(0,o.Qx)(s,r),!1),this.setSelectedAttribute((0,o.Qx)(i,e),(0,o.Qx)(s,e),!0)),e>=0&&e<i.length){this.dispatchSelectedChangedEvent(e);const s=this.currentTabsLayout.findIndex(t=>t.id===i[e].id);this.changeSelectedTabIdx(s,t)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id;let s=t.findIndex(e=>e.id===i);-1===s&&(s=e);const r=[];t.forEach(e=>{r.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e,t=!0){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var i,s;if(e<this.tabsFilteredAsVisibleList.length){if(t){const e=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[this.selected];null==e||e.focus()}}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,i=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e];t&&this.moveFocusToTab(i);const r=this.tabsFilteredAsHiddenList[e];(null==r?void 0:r.disabled)||this.updateHiddenIdPositiveTabIndex(r)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${e}`)}getCurrentIndex(e){var t,i,s;if(this.scrollArrow){const t=this.tabs.length;for(let i=0;i<t;i++)if(this.tabs[i].id===e)return i}const r=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<r;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s,r;const o=this.getCurrentIndex(e),a=this.slotItem.assignedElements();let l=0;if(this.scrollArrow){t===S?l=0===o?a.length-1:o-1:t===x&&(l=o===a.length-1?0:o+1),this.moveFocusToTab(a[l]);const e=a[l],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,f.setTimeout)(()=>this.moveFocusToTab(a[l]),0)}const n=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;n&&0!==d&&(t===S?l=0===o?d-1:o-1:t===x?l=o===d-1?0:o+1:t===H&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,f.setTimeout)(()=>null==e?void 0:e.focus(),0)}handleOverlayClose(){(0,f.setTimeout)(()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)},0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,r,o,a,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find(e=>e.id===(null==d?void 0:d.id)))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===w,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,H));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(r=this.tabsFilteredAsVisibleList)||void 0===r?void 0:r.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[(null===(a=this.tabsFilteredAsHiddenList)||void 0===a?void 0:a.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,this.isRtl?x:S));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,this.isRtl?S:x));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?T:this.selected-1);else if(f){e.preventDefault();const t=this.selected===y?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===T?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?y:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.length?e.find(e=>e.selected)||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map(e=>e.name)}setupMoreTab(){return M(this,void 0,void 0,function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))})}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=v().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=v().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id,!1)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return M(this,void 0,void 0,function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()})}willUpdate(e){var t,i;if(null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("selectedIndex")&&(this.selected=this.selectedIndex),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(i=this.tabsCopyHiddenListElements)||void 0===i?void 0:i.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))}}updated(e){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("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex,!1),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged(),(this.visibleTabsContainerElement||this.hiddenTabsContainerElement)&&requestAnimationFrame(()=>this.updateAriaControlsElements())}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,f.setTimeout)(()=>this.updateArrowsVisibility(),300)}get moreMenuButtonTemplate(){return n.html`
|
|
30
|
+
`}};c([(0,d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),c([(0,d.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),c([(0,d.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),c([(0,d.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),c([(0,d.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),c([(0,d.property)({type:String,reflect:!0})],t.prototype,"type",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),c([(0,d.property)({type:String})],t.prototype,"variant",void 0),c([(0,d.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),c([(0,d.property)({type:Number})],t.prototype,"size",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=c([(0,o.w)("md-tab")],t),e.ELEMENT=t}(u||(u={}))},8543(e,t,i){i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>w,Tabs:()=>F}),i(1821),i(708),i(9613);var s=i(2900),r=i(7704),o=i(2050),a=i(93),n=i(4084),l=i(7161),d=i(429),h=i(5125),b=i(291),c=i(8175),p=i(318),u=i(6968),m=i(1891),v=i.n(m),f=i(7103),T=i(3272),y=i(120),g=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},M=function(e,t,i,s){return new(i||(i=Promise))(function(r,o){function a(e){try{l(s.next(e))}catch(e){o(e)}}function n(e){try{l(s.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(a,n)}l((s=s.apply(e,t||[])).next())})};const A="tab-more",w="more-menu-copy-",I="visibleToVisible",C="visibleToHidden",E="hiddenToVisible",L="hiddenToHidden",S="previous",x="next",H="fromMoreTabs";var F;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.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.size=28,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabPanelHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame(()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5})},this.handleOnDragEnd=e=>M(this,void 0,void 0,function*(){var t,i,s,r,o,a,n,l,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case C:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],r=u.slice(-1)[0],o=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(o,0,s),u.pop();const a=p.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));a.push(r),this.tabsFilteredAsVisibleList=[...a],this.tabsFilteredAsHiddenList=[...u];break}case I:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case E:{null===(l=null===(n=this.visibleTabsContainerElement)||void 0===n?void 0:n.querySelector("#"+e.item.id))||void 0===l||l.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){var t;if(-1===e)return;const i=this._selectedIndex;this._selectedIndex=e,i!==e&&(null===(t=this.tabs)||void 0===t?void 0:t.length)&&this.updateSelectedTab(e)}get isRtl(){return"rtl"===getComputedStyle(this).direction}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(w))?`${w}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(w))?`${w}${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(w,"")}static get styles(){return[n.A,T.A]}ensureTabsUpdateComplete(e){return M(this,void 0,void 0,function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))})}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map(e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t}):this.tabs.map(e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth)}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map(e=>e.offsetHeight)}manageOverflow(){return M(this,void 0,void 0,function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,r,o,a;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(o=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0])||void 0===o?void 0:o.cloneNode(!0);t&&(t.classList.add("tab-content"),null===(a=null==e?void 0:e.children[0])||void 0===a||a.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const r=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const o=this.measureTabsOffsetWidth(),a=i.reduce((e,t,i)=>e+o[i],0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let n=0;i.forEach((i,a)=>{n+=o[a];const l=!e&&n+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:l,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(),this.updateHiddenIdPositiveTabIndex(this.getHiddenTabFocusTarget())}})}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateAriaControlsElements(){this.visibleTabsContainerElement&&this.visibleTabsContainerElement.querySelectorAll("md-tab").forEach(e=>{const t=this.getNormalizedTabId(e.id),i=this.tabPanelHash[t];i&&"ariaControlsElements"in e&&(e.ariaControlsElements=[i])}),this.hiddenTabsContainerElement&&this.hiddenTabsContainerElement.querySelectorAll("md-tab").forEach(e=>{const t=this.getNormalizedTabId(e.id),i=this.tabPanelHash[t];i&&"ariaControlsElements"in e&&(e.ariaControlsElements=[i])})}getHiddenTabFocusTarget(e){return e&&!e.disabled&&this.isTabInMoreMenu(e)?e:this.tabsFilteredAsHiddenList.find(e=>e.selected&&!e.disabled)||this.tabsFilteredAsHiddenList.find(e=>!e.disabled)}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return M(this,void 0,void 0,function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`);const i="vertical"===this.direction,s=this.selectedIndex<0?0:this.selectedIndex;e.forEach((e,r)=>{const o=(0,a.O)("tabs"),n="tab_"+o,l="tab_panel_"+o;e.setAttribute("id",n),e.setAttribute("aria-controls",l),e.selected=s===r,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,e.size=this.newMomentum?this.size:void 0,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const d=t[r];d?(d.setAttribute("id",l),d.setAttribute("aria-labelledby",n),d.selected=s===r,e.disabled&&(d.hidden=!0,d.selected=!1)):e.disabled=!0});let r=s;for(;r<e.length&&e[r].disabled;)r++;r=r===e.length?0:r,e[r].selected=!0,t[r].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabPanelHash=this.tabs.reduce((e,i,s)=>(t[s]&&(e[i.id]=t[s]),e),{})})}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?C:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?I:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?E: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,t=!0){const i=this.tabsHash[this.getNormalizedTabId(e)];if(i&&!i.disabled){const e=this.tabsIdxHash[i.id];-1!==e&&this.updateSelectedTab(e,t);{const e=this.tabsCopyHash[this.getCopyTabId(i)];e&&t&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(this.getHiddenTabFocusTarget(i))}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex(t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find(t=>t.id===e.id)}updateSelectedTab(e,t=!0){const{tabs:i,panels:s}=this,r=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(i&&s&&(this.setSelectedAttribute((0,o.Qx)(i,r),(0,o.Qx)(s,r),!1),this.setSelectedAttribute((0,o.Qx)(i,e),(0,o.Qx)(s,e),!0)),e>=0&&e<i.length){this.dispatchSelectedChangedEvent(e);const s=this.currentTabsLayout.findIndex(t=>t.id===i[e].id);this.changeSelectedTabIdx(s,t)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id;let s=t.findIndex(e=>e.id===i);-1===s&&(s=e);const r=[];t.forEach(e=>{r.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e,t=!0){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var i,s;if(e<this.tabsFilteredAsVisibleList.length){if(t){const e=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[this.selected];null==e||e.focus()}}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,i=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e];t&&this.moveFocusToTab(i)}const r=e-this.tabsFilteredAsVisibleList.length,o=this.tabsFilteredAsHiddenList[r];this.updateHiddenIdPositiveTabIndex(this.getHiddenTabFocusTarget(o))}),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 n=0;if(this.scrollArrow){t===S?n=0===o?a.length-1:o-1:t===x&&(n=o===a.length-1?0:o+1),this.moveFocusToTab(a[n]);const e=a[n],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,f.setTimeout)(()=>this.moveFocusToTab(a[n]),0)}const l=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==l?void 0:l.length)&&void 0!==r?r:0;l&&0!==d&&(t===S?n=0===o?d-1:o-1:t===x?n=o===d-1?0:o+1:t===H&&(n=this.selected>=d?0:this.selected),this.moveFocusToTab(l[n]))}moveFocusToTab(e){(0,f.setTimeout)(()=>null==e?void 0:e.focus(),0)}handleOverlayClose(){(0,f.setTimeout)(()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)},0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,r,o,a,n,l,d,h;const b=e.target;if(e.target!=this&&!this.tabs.find(e=>e.id===(null==b?void 0:b.id)))return!1;let c;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?c=e.composedPath()[0].id:e.originalTarget&&(c=e.originalTarget.id),!c)return;const p=this.getNormalizedTabId(c);this.dispatchKeydownEvent(e,p);const u=e.code,{shiftKey:m}=e,v=!!this.isMoreTabMenuVisible&&p===A,f=v&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(p)],T=!this.isMoreTabMenuVisible||f&&this.tabsVisibleIdxHash[f.id]>-1,y=!!this.isMoreTabMenuVisible&&f&&this.tabsHiddenIdxHash[f.id]>-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1;switch(u){case s.Uz.Tab:v&&!this.isMoreTabMenuOpen&&m&&(e.preventDefault(),this.moveFocusToAdjacentTab(c,H));break;case s.Uz.End:v||(T?(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:T?(e.preventDefault(),this.moveFocusToTab(null===(n=this.visibleTabsContainerElement)||void 0===n?void 0:n.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[0]));break;case s.Uz.ArrowLeft:v||(T||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(c,this.isRtl?x:S));break;case s.Uz.ArrowRight:v||(T||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(c,this.isRtl?S:x));break;case s.Uz.ArrowUp:if(v);else if(T&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?g:this.selected-1);else if(y&&f){e.preventDefault(),e.stopPropagation();const t=this.tabsHiddenIdxHash[f.id],i=this.tabsFilteredAsHiddenList.length,s=(t-1+i)%i,r=this.tabsFilteredAsHiddenList[s];this.updateHiddenIdPositiveTabIndex(r),this.moveFocusToTab(null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[s])}break;case s.Uz.ArrowDown:if(v);else if(T&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===g?0:this.selected+1);else if(y&&f){e.preventDefault(),e.stopPropagation();const t=(this.tabsHiddenIdxHash[f.id]+1)%this.tabsFilteredAsHiddenList.length,i=this.tabsFilteredAsHiddenList[t];this.updateHiddenIdPositiveTabIndex(i),this.moveFocusToTab(null===(h=this.hiddenTabsContainerElement)||void 0===h?void 0:h.children[t])}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(v)this.updateHiddenIdPositiveTabIndex(this.getHiddenTabFocusTarget());else if(f&&!f.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(f.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t),y&&this.handleOverlayClose())}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map(e=>e.name)}setupMoreTab(){return M(this,void 0,void 0,function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))})}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=v().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=v().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id,!1)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return M(this,void 0,void 0,function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()})}willUpdate(e){var t,i;if(null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("selectedIndex")&&(this.selected=this.selectedIndex),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(i=this.tabsCopyHiddenListElements)||void 0===i?void 0:i.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))}}updated(e){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("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex,!1),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged(),this.isMoreTabMenuVisible&&this.moreTabMenuElement&&(this.moreTabMenuElement.tabIndex=0),(this.visibleTabsContainerElement||this.hiddenTabsContainerElement)&&requestAnimationFrame(()=>this.updateAriaControlsElements())}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,f.setTimeout)(()=>this.updateArrowsVisibility(),300)}get moreMenuButtonTemplate(){return l.html`
|
|
31
31
|
<md-tab
|
|
32
32
|
slot="menu-trigger"
|
|
33
|
-
id="${
|
|
33
|
+
id="${A}"
|
|
34
34
|
size="${(0,b.ifDefined)(this.newMomentum?this.size:void 0)}"
|
|
35
35
|
aria-label="${this.overflowLabel}"
|
|
36
36
|
aria-haspopup="true"
|
|
@@ -53,8 +53,8 @@
|
|
|
53
53
|
class="more-icon"
|
|
54
54
|
></md-icon>
|
|
55
55
|
</md-tab>
|
|
56
|
-
`}get moreMenuListTemplate(){return
|
|
57
|
-
${(0,c.repeat)(this.tabsFilteredAsHiddenList,()=>(0,a.O)("menuitem_tabs"),e=>
|
|
56
|
+
`}get moreMenuListTemplate(){return l.html`
|
|
57
|
+
${(0,c.repeat)(this.tabsFilteredAsHiddenList,()=>(0,a.O)("menuitem_tabs"),e=>l.html`
|
|
58
58
|
<md-tab
|
|
59
59
|
slot="draggable-item"
|
|
60
60
|
?disabled=${e.disabled}
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
${(0,u.unsafeHTML)(e.innerHTML)}
|
|
74
74
|
</md-tab>
|
|
75
75
|
`)}
|
|
76
|
-
`}get moreMenuTemplate(){return"vertical"===this.direction?
|
|
76
|
+
`}get moreMenuTemplate(){return"vertical"===this.direction?l.nothing:l.html`
|
|
77
77
|
<md-menu-overlay
|
|
78
78
|
custom-width="${"226px"}"
|
|
79
79
|
max-height="${"288px"}"
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
${this.moreMenuListTemplate}
|
|
93
93
|
</div>
|
|
94
94
|
</md-menu-overlay>
|
|
95
|
-
`}tabsButtonArrow(e){const t="left"===e?this.leftArrowAriaLabel:this.rightArrowAriaLabel;return
|
|
95
|
+
`}tabsButtonArrow(e){const t="left"===e?this.leftArrowAriaLabel:this.rightArrowAriaLabel;return l.html`<md-button
|
|
96
96
|
class="tabs-${e}-arrow"
|
|
97
97
|
@click=${()=>this.scrollTabs(e)}
|
|
98
98
|
size="${this.size}"
|
|
@@ -101,17 +101,17 @@
|
|
|
101
101
|
ariaLabel="${t}"
|
|
102
102
|
>
|
|
103
103
|
<md-icon slot="icon" name="arrow-${e}-bold" iconSet="momentumDesign"></md-icon>
|
|
104
|
-
</md-button>`}get renderTabSlot(){return
|
|
104
|
+
</md-button>`}get renderTabSlot(){return l.html`
|
|
105
105
|
<slot
|
|
106
106
|
name="tab"
|
|
107
107
|
class="${(0,h.classMap)({"visible-tabs-slot":"horizontal"===this.direction&&!this.scrollArrow})}"
|
|
108
108
|
></slot>
|
|
109
|
-
`}get renderTabsWithMoreMenu(){return
|
|
109
|
+
`}get renderTabsWithMoreMenu(){return l.html`
|
|
110
110
|
<div
|
|
111
111
|
id="visible-tabs-list"
|
|
112
112
|
class="visible-tabs-container ${(0,h.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"visible-new-tabs":this.newMomentum})}"
|
|
113
113
|
>
|
|
114
|
-
${(0,c.repeat)(this.tabsFilteredAsVisibleList,(e,t)=>`${e.id}-${t}`,e=>
|
|
114
|
+
${(0,c.repeat)(this.tabsFilteredAsVisibleList,(e,t)=>`${e.id}-${t}`,e=>l.html`
|
|
115
115
|
<md-tab
|
|
116
116
|
.closable="${e.closable}"
|
|
117
117
|
.disabled="${e.disabled}"
|
|
@@ -133,9 +133,9 @@
|
|
|
133
133
|
`)}
|
|
134
134
|
</div>
|
|
135
135
|
${this.moreMenuTemplate}
|
|
136
|
-
`}render(){return
|
|
136
|
+
`}render(){return l.html`
|
|
137
137
|
<div class="md-tabs-wrapper" part="tabs-wrapper">
|
|
138
|
-
${this.scrollArrow&&this.showLeftArrow?this.tabsButtonArrow(this.isRtl?"right":"left"):
|
|
138
|
+
${this.scrollArrow&&this.showLeftArrow?this.tabsButtonArrow(this.isRtl?"right":"left"):l.nothing}
|
|
139
139
|
<div
|
|
140
140
|
part="tabs-list"
|
|
141
141
|
class="md-tab__list ${(0,h.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"no-tabs-visible":this.noTabsVisible,"vertical-tab-list":"vertical"===this.direction,"tab-new-momentum":this.newMomentum})}"
|
|
@@ -143,12 +143,12 @@
|
|
|
143
143
|
role="tablist"
|
|
144
144
|
>
|
|
145
145
|
${this.renderTabSlot}
|
|
146
|
-
${"horizontal"!==this.direction||this.scrollArrow?
|
|
146
|
+
${"horizontal"!==this.direction||this.scrollArrow?l.nothing:this.renderTabsWithMoreMenu}
|
|
147
147
|
<div class="md-tabs__settings" part="md-tabs__settings">
|
|
148
148
|
<slot name="settings"></slot>
|
|
149
149
|
</div>
|
|
150
150
|
</div>
|
|
151
|
-
${this.scrollArrow&&this.showRightArrow?this.tabsButtonArrow(this.isRtl?"left":"right"):
|
|
151
|
+
${this.scrollArrow&&this.showRightArrow?this.tabsButtonArrow(this.isRtl?"left":"right"):l.nothing}
|
|
152
152
|
</div>
|
|
153
153
|
<div
|
|
154
154
|
part="tabs-content"
|
|
@@ -156,4 +156,4 @@
|
|
|
156
156
|
>
|
|
157
157
|
<slot name="panel" @slotchange=${this.initializeTabs}></slot>
|
|
158
158
|
</div>
|
|
159
|
-
`}};g([(0,d.property)({type:Boolean})],t.prototype,"justified",void 0),g([(0,d.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),g([(0,d.property)({type:String})],t.prototype,"overflowLabel",void 0),g([(0,d.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),g([(0,d.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),g([(0,d.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),g([(0,d.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),g([(0,d.property)({type:Number})],t.prototype,"animation",void 0),g([(0,d.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),g([(0,d.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),g([(0,d.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),g([(0,d.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),g([(0,d.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),g([(0,d.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),g([(0,d.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),g([(0,d.property)({type:String})],t.prototype,"type",void 0),g([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),g([(0,d.property)({type:String})],t.prototype,"variant",void 0),g([(0,d.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),g([(0,d.property)({type:String,attribute:"left-arrow-aria-label"})],t.prototype,"leftArrowAriaLabel",void 0),g([(0,d.property)({type:String,attribute:"right-arrow-aria-label"})],t.prototype,"rightArrowAriaLabel",void 0),g([(0,d.property)({type:Number})],t.prototype,"size",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuVisible",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuMeasured",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuOpen",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuSelected",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuScrollable",void 0),g([(0,d.state)()],t.prototype,"moreTabMenuOffsetWidth",void 0),g([(0,d.state)()],t.prototype,"moreTabMenuMaxHeight",void 0),g([(0,d.state)()],t.prototype,"tabsViewportDataList",void 0),g([(0,d.state)()],t.prototype,"tabsFilteredAsVisibleList",void 0),g([(0,d.state)()],t.prototype,"tabsFilteredAsHiddenList",void 0),g([(0,d.state)()],t.prototype,"noTabsVisible",void 0),g([(0,d.state)()],t.prototype,"defaultTabsOrderArray",void 0),g([(0,d.state)()],t.prototype,"tabsOrderPrefsArray",void 0),g([(0,d.state)()],t.prototype,"isMoreTabTruncated",void 0),g([(0,d.state)()],t.prototype,"showLeftArrow",void 0),g([(0,d.state)()],t.prototype,"showRightArrow",void 0),g([(0,d.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),g([(0,d.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),g([(0,d.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),g([(0,d.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),g([(0,d.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),g([(0,d.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),g([(0,d.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),g([(0,d.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),g([(0,d.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),g([(0,d.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=g([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(F||(F={}))},7704(e,t,i){i.d(t,{Io:()=>o.I,TS:()=>a.T,UM:()=>r.U,wW:()=>
|
|
159
|
+
`}};g([(0,d.property)({type:Boolean})],t.prototype,"justified",void 0),g([(0,d.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),g([(0,d.property)({type:String})],t.prototype,"overflowLabel",void 0),g([(0,d.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),g([(0,d.property)({type:String,reflect:!0})],t.prototype,"direction",void 0),g([(0,d.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),g([(0,d.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),g([(0,d.property)({type:Number})],t.prototype,"animation",void 0),g([(0,d.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),g([(0,d.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),g([(0,d.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),g([(0,d.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),g([(0,d.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),g([(0,d.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),g([(0,d.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),g([(0,d.property)({type:String})],t.prototype,"type",void 0),g([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),g([(0,d.property)({type:String})],t.prototype,"variant",void 0),g([(0,d.property)({type:Boolean,attribute:"scroll-arrow"})],t.prototype,"scrollArrow",void 0),g([(0,d.property)({type:String,attribute:"left-arrow-aria-label"})],t.prototype,"leftArrowAriaLabel",void 0),g([(0,d.property)({type:String,attribute:"right-arrow-aria-label"})],t.prototype,"rightArrowAriaLabel",void 0),g([(0,d.property)({type:Number})],t.prototype,"size",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuVisible",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuMeasured",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuOpen",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuSelected",void 0),g([(0,d.state)()],t.prototype,"isMoreTabMenuScrollable",void 0),g([(0,d.state)()],t.prototype,"moreTabMenuOffsetWidth",void 0),g([(0,d.state)()],t.prototype,"moreTabMenuMaxHeight",void 0),g([(0,d.state)()],t.prototype,"tabsViewportDataList",void 0),g([(0,d.state)()],t.prototype,"tabsFilteredAsVisibleList",void 0),g([(0,d.state)()],t.prototype,"tabsFilteredAsHiddenList",void 0),g([(0,d.state)()],t.prototype,"noTabsVisible",void 0),g([(0,d.state)()],t.prototype,"defaultTabsOrderArray",void 0),g([(0,d.state)()],t.prototype,"tabsOrderPrefsArray",void 0),g([(0,d.state)()],t.prototype,"isMoreTabTruncated",void 0),g([(0,d.state)()],t.prototype,"showLeftArrow",void 0),g([(0,d.state)()],t.prototype,"showRightArrow",void 0),g([(0,d.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),g([(0,d.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),g([(0,d.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),g([(0,d.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),g([(0,d.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),g([(0,d.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),g([(0,d.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),g([(0,d.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),g([(0,d.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),g([(0,d.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=g([(0,r.wW)("md-tabs")],t),e.ELEMENT=t}(F||(F={}))},7704(e,t,i){i.d(t,{Io:()=>o.I,TS:()=>a.T,UM:()=>r.U,wW:()=>n.w,yC:()=>s.y}),i(2364);var s=i(3203),r=(i(9938),i(5201)),o=i(4781),a=i(608),n=i(9609)},2050(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})},2022(e){e.exports=o},554(e){e.exports=a},2962(e){e.exports=l},6538(e){e.exports=d},8250(e){e.exports=h},9371(e){e.exports=b},4863(e){e.exports=c},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=i},291(e){e.exports=r},8175(e){e.exports=p},318(e){e.exports=s},6968(e){e.exports=u},5314(e){e.exports=n},1891(e){e.exports=m}},T={};function y(e){var t=T[e];if(void 0!==t)return t.exports;var i=T[e]={exports:{}};return f[e].call(i.exports,i,i.exports,y),i.exports}y.m=f,v=[],y.O=(e,t,i,s)=>{if(!t){var r=1/0;for(l=0;l<v.length;l++){for(var[t,i,s]=v[l],o=!0,a=0;a<t.length;a++)(!1&s||r>=s)&&Object.keys(y.O).every(e=>y.O[e](t[a]))?t.splice(a--,1):(o=!1,s<r&&(r=s));if(o){v.splice(l--,1);var n=i();void 0!==n&&(e=n)}}return e}s=s||0;for(var l=v.length;l>0&&v[l-1][2]>s;l--)v[l]=v[l-1];v[l]=[t,i,s]},y.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return y.d(t,{a:t}),t},y.d=(e,t)=>{for(var i in t)y.o(t,i)&&!y.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},y.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),y.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),y.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={561:0,1528:0,2050:0,2139:0,2942:0,4431:0,5323:0,6812:0,7704:0,8180:0,9669:0};y.O.j=t=>0===e[t];var t=(t,i)=>{var s,r,[o,a,n]=i,l=0;if(o.some(t=>0!==e[t])){for(s in a)y.o(a,s)&&(y.m[s]=a[s]);if(n)var d=n(y)}for(t&&t(i);l<o.length;l++)r=o[l],y.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return y.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var g=y.O(void 0,[7103,9609,4084,3305,4739,7154,9773,5983,9488,1821,2364,5584,2900,9146,6343,7162,7582,708,9613,3272,93,5846,7557],()=>y(8543));return y.O(g)})());
|
|
@@ -88,4 +88,4 @@
|
|
|
88
88
|
${(0,h.Um)(this.quantity,this.isRestyle,this)}
|
|
89
89
|
</div>
|
|
90
90
|
</div>
|
|
91
|
-
`}};c([(0,a.property)({type:String})],e.prototype,"mediaType",void 0),c([(0,a.property)({type:String})],e.prototype,"status",void 0),c([(0,a.property)({type:String})],e.prototype,"popovertitle",void 0),c([(0,a.property)({type:String})],e.prototype,"queue",void 0),c([(0,a.property)({type:String,attribute:"queue-time-label"})],e.prototype,"queueTimeLabel",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"accepted",void 0),c([(0,a.property)({type:Boolean,attribute:"display-only-title"})],e.prototype,"displayOnlyTitle",void 0),c([(0,a.property)({type:Number})],e.prototype,"quantity",void 0),c([(0,a.property)({type:String})],e.prototype,"lastmessage",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"selected",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,a.property)({type:String})],e.prototype,"customAriaLabel",void 0),c([(0,a.property)({type:String})],e.prototype,"iconSrc",void 0),c([(0,a.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),c([(0,a.property)({type:Boolean,attribute:"is-restyle"})],e.prototype,"isRestyle",void 0),c([(0,a.property)({type:String,reflect:!0})],e.prototype,"title",null),c([(0,a.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),c([(0,a.state)()],e.prototype,"additionEmptyMargin",void 0),e=c([(0,o.w)("md-task-item")],e),t.ELEMENT=e}(s||(s={}))},2022(t){t.exports=r},554(t){t.exports=l},7161(e){e.exports=t},429(t){t.exports=e},5125(t){t.exports=i},291(t){t.exports=o},318(t){t.exports=s},9756(t){t.exports=n},5314(t){t.exports=a}},h={};function m(t){var e=h[t];if(void 0!==e)return e.exports;var i=h[t]={exports:{}};return d[t](i,i.exports,m),i.exports}m.m=d,p=[],m.O=(t,e,i,s)=>{if(!e){var o=1/0;for(n=0;n<p.length;n++){for(var[e,i,s]=p[n],r=!0,l=0;l<e.length;l++)(!1&s||o>=s)&&Object.keys(m.O).every(t=>m.O[t](e[l]))?e.splice(l--,1):(r=!1,s<o&&(o=s));if(r){p.splice(n--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var n=p.length;n>0&&p[n-1][2]>s;n--)p[n]=p[n-1];p[n]=[e,i,s]},m.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return m.d(e,{a:e}),e},m.d=(t,e)=>{for(var i in e)m.o(e,i)&&!m.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},m.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),m.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={8111:0,8339:0};m.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,l,a]=i,n=0;if(r.some(e=>0!==t[e])){for(s in l)m.o(l,s)&&(m.m[s]=l[s]);if(a)var p=a(m)}for(e&&e(i);n<r.length;n++)o=r[n],m.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return m.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var c=m.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,6325,4449,1392,1618,
|
|
91
|
+
`}};c([(0,a.property)({type:String})],e.prototype,"mediaType",void 0),c([(0,a.property)({type:String})],e.prototype,"status",void 0),c([(0,a.property)({type:String})],e.prototype,"popovertitle",void 0),c([(0,a.property)({type:String})],e.prototype,"queue",void 0),c([(0,a.property)({type:String,attribute:"queue-time-label"})],e.prototype,"queueTimeLabel",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"accepted",void 0),c([(0,a.property)({type:Boolean,attribute:"display-only-title"})],e.prototype,"displayOnlyTitle",void 0),c([(0,a.property)({type:Number})],e.prototype,"quantity",void 0),c([(0,a.property)({type:String})],e.prototype,"lastmessage",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"selected",void 0),c([(0,a.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,a.property)({type:String})],e.prototype,"customAriaLabel",void 0),c([(0,a.property)({type:String})],e.prototype,"iconSrc",void 0),c([(0,a.property)({type:String})],e.prototype,"tabIndexForContainer",void 0),c([(0,a.property)({type:Boolean,attribute:"is-restyle"})],e.prototype,"isRestyle",void 0),c([(0,a.property)({type:String,reflect:!0})],e.prototype,"title",null),c([(0,a.property)({type:String,reflect:!0,attribute:"item-title"})],e.prototype,"itemTitle",null),c([(0,a.state)()],e.prototype,"additionEmptyMargin",void 0),e=c([(0,o.w)("md-task-item")],e),t.ELEMENT=e}(s||(s={}))},2022(t){t.exports=r},554(t){t.exports=l},7161(e){e.exports=t},429(t){t.exports=e},5125(t){t.exports=i},291(t){t.exports=o},318(t){t.exports=s},9756(t){t.exports=n},5314(t){t.exports=a}},h={};function m(t){var e=h[t];if(void 0!==e)return e.exports;var i=h[t]={exports:{}};return d[t](i,i.exports,m),i.exports}m.m=d,p=[],m.O=(t,e,i,s)=>{if(!e){var o=1/0;for(n=0;n<p.length;n++){for(var[e,i,s]=p[n],r=!0,l=0;l<e.length;l++)(!1&s||o>=s)&&Object.keys(m.O).every(t=>m.O[t](e[l]))?e.splice(l--,1):(r=!1,s<o&&(o=s));if(r){p.splice(n--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var n=p.length;n>0&&p[n-1][2]>s;n--)p[n]=p[n-1];p[n]=[e,i,s]},m.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return m.d(e,{a:e}),e},m.d=(t,e)=>{for(var i in e)m.o(e,i)&&!m.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},m.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),m.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={8111:0,8339:0};m.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,l,a]=i,n=0;if(r.some(e=>0!==t[e])){for(s in l)m.o(l,s)&&(m.m[s]=l[s]);if(a)var p=a(m)}for(e&&e(i);n<r.length;n++)o=r[n],m.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return m.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var c=m.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,6325,4449,1392,1618,378,2245,3543,861,4958],()=>m(1479));return m.O(c)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../9609"),require("../4084"),require("../3305"),require("../4739"),require("../7154"),require("../9773"),require("../5983"),require("../9488"),require("../1821"),require("../519"),require("../6325"),require("../4449"),require("../1392"),require("../1618"),require("../
|
|
1
|
+
require("../9609"),require("../4084"),require("../3305"),require("../4739"),require("../7154"),require("../9773"),require("../5983"),require("../9488"),require("../1821"),require("../519"),require("../6325"),require("../4449"),require("../1392"),require("../1618"),require("../378"),require("../2245"),require("../3543"),require("../861"),require("../4958"),module.exports=require("../comp/md-task-item-entry");
|
package/dist/esm/2245.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export const __webpack_esm_id__=2245;export const __webpack_esm_ids__=[2245,4626];export const __webpack_esm_modules__={2245(e,t,
|
|
1
|
+
export const __webpack_esm_id__=2245;export const __webpack_esm_ids__=[2245,4626];export const __webpack_esm_modules__={2245(e,t,i){i.d(t,{e:()=>a}),i(1821),i(1161),i(3477);var a,n=i(1618),s=i(9609),o=i(7154),r=i(4084),c=i(2927),l=i(8899),h=i(4955),p=i(3517),d=i(1156),m=i(1666),y=i(4470),u=i(6325),g=function(e,t,i,a){var n,s=arguments.length,o=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,a);else for(var r=e.length-1;r>=0;r--)(n=e[r])&&(o=(s<3?n(o):s>3?n(t,i,o):n(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o};!function(e){let t=class extends c.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.presenceAriaLabel="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-chat-outbound":"chat-outbound-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-callback-v2":"outgoing-call-legacy-bold","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-facebook":"social-facebook-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold","channel-monitoring":"monitoring-bold","channel-work-item":"custom-task-ind-regular","channel-custom-messaging":"chat-group-filled"}}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[r.A,u.A]}isPresenceType(e){return n.e.includes(e)}get presenceLabel(){if(this.presenceAriaLabel)return this.presenceAriaLabel;const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");return y.mS[e]||""}get computedAriaLabel(){const e=this.label||this.title,t=this.presenceLabel;return e&&t?`${e}, ${t}`:t||e||void 0}firstUpdated(){const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e){const{presenceColor:t,presenceIcon:i}=(0,n.E)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}}willUpdate(e){var t;null===(t=super.willUpdate)||void 0===t||t.call(this,e);const i=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(i&&(e.has("type")||e.has("presenceType")||e.has("newMomentum"))){const{presenceColor:e,presenceIcon:t}=(0,n.E)(i,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}}updated(e){super.updated(e),e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size,[`md-avatar--${this.color}`]:!!this.color,active:"active"===this.state})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum,active:"active"===this.state}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}getIconName(e){return this.iconNameMap[e]||""}get chatIconSize(){return this.iconSize}get presenceSize(){return this.size<=24?10.5:this.size<=32?14:this.size<=48?13.94:this.size<=64?18.58:this.size<=72?20.9:this.size<=88?25.55:36}get iconSize(){return 24===this.size?"16":28===this.size?"18":32===this.size?"20":36===this.size?"22":40===this.size?"24":48===this.size?"28":56===this.size?"32":64===this.size?"36":72===this.size?"40":Math.round(this.size/1.7).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?c.html` <md-loading></md-loading> `:c.nothing}get avatarLetter(){return this.title?c.html`
|
|
2
2
|
<span class="md-avatar__letter ${(0,h.classMap)(this.avatarLetterClassMap)}">
|
|
3
3
|
${this.pretifyTitle}
|
|
4
4
|
<slot></slot>
|
|
@@ -14,7 +14,7 @@ export const __webpack_esm_id__=2245;export const __webpack_esm_ids__=[2245,4626
|
|
|
14
14
|
</span>
|
|
15
15
|
`}get avatarImage(){return c.html`
|
|
16
16
|
${(0,m.until)(this.loadImage().then(e=>(this.handleImageLoad(),c.html` ${e} `)).catch(()=>this.handleImageError()),c.html` ${this.iconName?this.avatarIcon:this.title?c.html` ${this.avatarLetter} `:c.nothing} `)}
|
|
17
|
-
`}loadImage(){return e=this,t=void 0,
|
|
17
|
+
`}loadImage(){return e=this,t=void 0,a=function*(){return new Promise((e,t)=>{const i=document.createElement("img");i.src=this.src,i.alt=this.alt,i.onload=()=>e(i),i.onerror=e=>t(e),i.classList.add("md-avatar__img"),i.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)})},new((i=void 0)||(i=Promise))(function(n,s){function o(e){try{c(a.next(e))}catch(e){s(e)}}function r(e){try{c(a.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(o,r)}c((a=a.apply(e,t||[])).next())});var e,t,i,a}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(e){if(!this.clickable)return;const{code:t}=e;(0,o.o)(t)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}handleClick(e){var t;this.clickable&&(null===(t=this.clickFunction)||void 0===t||t.call(this),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})))}getBrandOrDesignIconSet(e){return new Set(["webex-app-icon-color-container","social-fbmessenger-color","social-facebook-color","apple-business-chat-color","social-line-color","social-viber-color","social-x","social-whatsapp-color","social-wechat-color"]).has(e)?"momentumBrandVisuals":"momentumDesign"}get avatarContent(){return this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:c.nothing}renderPresence(){return this.newMomentum&&(this.presenceType||this.type)&&"self"!==this.type&&this.presenceIcon?c.html`
|
|
18
18
|
<md-presence
|
|
19
19
|
class="avatar-presence"
|
|
20
20
|
name="${this.presenceIcon}"
|
|
@@ -23,6 +23,7 @@ export const __webpack_esm_id__=2245;export const __webpack_esm_ids__=[2245,4626
|
|
|
23
23
|
.failurePresence=${this.failurePresence}
|
|
24
24
|
.newMomentum=${this.newMomentum}
|
|
25
25
|
.avatarLinked=${!0}
|
|
26
|
+
aria-hidden="true"
|
|
26
27
|
>
|
|
27
28
|
</md-presence>
|
|
28
29
|
`:c.nothing}renderAvatarContent(){const e=this.getIconName(this.type);if("channel-custom"===this.type)return c.html`
|
|
@@ -51,7 +52,7 @@ export const __webpack_esm_id__=2245;export const __webpack_esm_ids__=[2245,4626
|
|
|
51
52
|
@click=${e=>this.handleClick(e)}
|
|
52
53
|
@keydown=${e=>this.handleKeyDown(e)}
|
|
53
54
|
tabindex=${(0,p.ifDefined)(this.tabIndex||void 0)}
|
|
54
|
-
aria-label=${(0,p.ifDefined)(this.
|
|
55
|
+
aria-label=${(0,p.ifDefined)(this.computedAriaLabel)}
|
|
55
56
|
>
|
|
56
57
|
${"self"===this.type?c.html`
|
|
57
58
|
<span class="md-avatar__self" style=${(0,d.styleMap)(this.avatarStyleMap)}>
|
|
@@ -61,4 +62,4 @@ export const __webpack_esm_id__=2245;export const __webpack_esm_ids__=[2245,4626
|
|
|
61
62
|
${this.hasNotification?c.html` <span class="md-avatar__notification-badge"></span> `:c.nothing}
|
|
62
63
|
${this.renderPresence()}
|
|
63
64
|
</div>
|
|
64
|
-
`}};
|
|
65
|
+
`}};g([(0,l.property)({type:Number,attribute:"tab-index",reflect:!0})],t.prototype,"tabIndex",null),g([(0,l.property)({type:String})],t.prototype,"alt",void 0),g([(0,l.property)({type:String})],t.prototype,"src",void 0),g([(0,l.property)({type:String})],t.prototype,"label",void 0),g([(0,l.property)({type:String})],t.prototype,"title",void 0),g([(0,l.property)({type:String})],t.prototype,"color",void 0),g([(0,l.property)({type:Boolean})],t.prototype,"decrypting",void 0),g([(0,l.property)({type:String})],t.prototype,"role",void 0),g([(0,l.property)({type:String,attribute:"icon-name"})],t.prototype,"iconName",void 0),g([(0,l.property)({type:Boolean})],t.prototype,"failurePresence",void 0),g([(0,l.property)({type:String})],t.prototype,"type",void 0),g([(0,l.property)({type:String,attribute:"presence-type"})],t.prototype,"presenceType",void 0),g([(0,l.property)({type:String,attribute:"presence-aria-label"})],t.prototype,"presenceAriaLabel",void 0),g([(0,l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),g([(0,l.property)({type:Boolean})],t.prototype,"typing",void 0),g([(0,l.property)({type:Number})],t.prototype,"size",void 0),g([(0,l.property)({type:Boolean,attribute:"has-notification"})],t.prototype,"hasNotification",void 0),g([(0,l.property)({type:Boolean})],t.prototype,"clickable",void 0),g([(0,l.property)({attribute:!1})],t.prototype,"clickFunction",void 0),g([(0,l.property)({type:String,attribute:"avatar-style"})],t.prototype,"avatarStyle",void 0),g([(0,l.property)({type:String})],t.prototype,"state",void 0),g([(0,l.state)()],t.prototype,"imageLoaded",void 0),g([(0,l.state)()],t.prototype,"imageErrored",void 0),g([(0,l.state)()],t.prototype,"presenceColor",void 0),g([(0,l.state)()],t.prototype,"presenceIcon",void 0),t=g([(0,s.w)("md-avatar")],t),e.ELEMENT=t}(a||(a={}))}};
|