@momentum-ui/web-components 2.20.0 → 2.21.0-dev
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/1200.js +1 -1
- package/dist/1323.js +2 -2
- package/dist/4367.js +1 -1
- package/dist/6248.js +1 -1
- package/dist/6283.js +1 -0
- package/dist/6652.js +1 -1
- package/dist/76.js +1 -1
- package/dist/9058.js +1 -1
- package/dist/{6875.js → 9217.js} +1 -1
- package/dist/comp/md-accordion-item-entry.js +2 -2
- package/dist/comp/md-accordion-item.js +1 -1
- package/dist/comp/md-activity-button-entry.js +2 -2
- package/dist/comp/md-activity-button.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +5 -5
- package/dist/comp/md-alert-banner.js +1 -1
- package/dist/comp/md-alert-entry.js +29 -29
- package/dist/comp/md-alert.js +1 -1
- package/dist/comp/md-audio-player-entry.js +4 -4
- package/dist/comp/md-audio-player.js +1 -1
- package/dist/comp/md-avatar-entry.js +2 -2
- package/dist/comp/md-avatar.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-button.js +1 -1
- package/dist/comp/md-card-ai-entry.js +4 -4
- package/dist/comp/md-card-ai.js +1 -1
- package/dist/comp/md-card-entry.js +5 -5
- package/dist/comp/md-card-v2-entry.js +6 -6
- package/dist/comp/md-card-v2.js +1 -1
- package/dist/comp/md-card.js +1 -1
- package/dist/comp/md-chat-message-entry.js +2 -2
- package/dist/comp/md-chat-message.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +3 -3
- package/dist/comp/md-coachmark-popover.js +1 -1
- package/dist/comp/md-coachmark.js +1 -1
- package/dist/comp/md-combobox-entry.js +2 -2
- package/dist/comp/md-combobox.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +2 -2
- package/dist/comp/md-date-time-picker.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +9 -9
- package/dist/comp/md-datepicker-calendar.js +1 -1
- package/dist/comp/md-datepicker-day-entry.js +1 -1
- package/dist/comp/md-datepicker-day.js +1 -1
- package/dist/comp/md-datepicker-entry.js +2 -2
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-month.js +1 -1
- package/dist/comp/md-datepicker-week-entry.js +1 -1
- package/dist/comp/md-datepicker-week.js +1 -1
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-dropdown-entry.js +2 -2
- package/dist/comp/md-dropdown.js +1 -1
- package/dist/comp/md-editable-field-entry.js +3 -3
- package/dist/comp/md-editable-field.js +1 -1
- package/dist/comp/md-favorite-entry.js +2 -2
- package/dist/comp/md-favorite.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +5 -5
- package/dist/comp/md-floating-minimize.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +3 -3
- package/dist/comp/md-floating-modal.js +1 -1
- package/dist/comp/md-grabber-entry.js +2 -2
- package/dist/comp/md-grabber.js +1 -1
- package/dist/comp/md-icon-entry.js +2 -2
- package/dist/comp/md-icon.js +1 -1
- package/dist/comp/md-inpu.js +1 -1
- package/dist/comp/md-input-entry.js +2 -2
- package/dist/comp/md-input-file.js +1 -1
- package/dist/comp/md-input.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +11 -11
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +5 -5
- package/dist/comp/md-menu-overlay.js +1 -1
- package/dist/comp/md-modal-entry.js +2 -2
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-pagination-entry.js +9 -9
- package/dist/comp/md-pagination.js +1 -1
- package/dist/comp/md-phone-input-entry.js +4 -4
- package/dist/comp/md-phone-input.js +1 -1
- package/dist/comp/md-popover-entry.js +6 -6
- package/dist/comp/md-popover.js +1 -1
- package/dist/comp/md-tab-entry.js +12 -18
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-tab.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +5 -5
- package/dist/comp/md-table-advanced.js +1 -1
- package/dist/comp/md-table-entry.js +2 -2
- package/dist/comp/md-table.js +1 -1
- package/dist/comp/md-tabs-entry.js +94 -95
- package/dist/comp/md-tabs.js +1 -1
- package/dist/comp/md-task-item-entry.js +8 -8
- package/dist/comp/md-task-item.js +1 -1
- package/dist/comp/md-timepicker-entry.js +2 -2
- package/dist/comp/md-timepicker.js +1 -1
- package/dist/index-entry.js +127 -128
- package/dist/index.js +1 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/icon/Icon.d.ts +1 -0
- package/dist/types/components/menu-overlay/MenuOverlay.d.ts +1 -0
- package/dist/types/components/tabs/Tab.d.ts +6 -2
- package/dist/types/components/tabs/TabPanel.d.ts +1 -0
- package/dist/types/components/tabs/Tabs.d.ts +7 -2
- package/dist/types/utils/helpers.d.ts +1 -0
- package/package.json +4 -5
|
@@ -1,130 +1,129 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("sortablejs"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/repeat","lit-html/directives/unsafe-html","sortablejs"],t);else{var s="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("sortablejs")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/repeat"],e["lit-html/directives/unsafe-html"],e.sortablejs);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,((e,t,s,i,o,a,r,l,n,d,b,h,c,u,p,m,v,g,f,y,T,M,I,C,A,x,E,L,w)=>(()=>{"use strict";var S,H={3001:(e,t,s)=>{s.d(t,{Io:()=>a.I,TS:()=>r.T,UM:()=>o.U,wW:()=>l.w,yC:()=>i.y}),s(18889);var i=s(32972),o=(s(28373),s(70300)),a=s(84624),r=s(68387),l=s(31890)},4863:e=>{e.exports=x},8229:e=>{e.exports=t},8827:e=>{e.exports=b},9614:e=>{e.exports=h},15553:e=>{e.exports=p},16643:(e,t,s)=>{s.d(t,{TAB_CROSS_WIDTH:()=>c});var i=s(90195),o=s(3001),a=s(31890),r=s(26272),l=s(41488),n=s(23968),d=s(97822),b=s(30076),h=function(e,t,s,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(r=(a<3?o(r):a>3?o(t,s,r):o(t,s))||r);return a>3&&r&&Object.defineProperty(t,s,r),r};const c=22;var u;!function(e){let t=class extends((0,o.yC)(l.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.ariaRole="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",`${e}`),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedTab(),this.setAttribute("aria-selected",`${e}`),this.requestUpdate("selected",t)}static get styles(){return[r.A,b.A]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleCrossKeydown(e){e.stopPropagation(),e.code===i.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.selected=!1,this.setAttribute("aria-disabled",`${this.disabled}`))}connectedCallback(){super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.ariaRole&&this.setAttribute("role",this.ariaRole)}renderCrossButton(){return l.html`
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("sortablejs"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/repeat","lit-html/directives/unsafe-html","sortablejs","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],t);else{var s="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/repeat"),require("lit-html/directives/unsafe-html"),require("sortablejs"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/repeat"],e["lit-html/directives/unsafe-html"],e.sortablejs,e["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,((e,t,s,i,o,a,r,l,n,d,b,h,c,u,m,p,v,g,f,T,y,M,I,C,x,E,A,L,w)=>(()=>{"use strict";var S,H,_,F={3001:(e,t,s)=>{s.d(t,{Io:()=>a.I,TS:()=>r.T,UM:()=>o.U,wW:()=>l.w,yC:()=>i.y}),s(18889);var i=s(32972),o=(s(28373),s(70300)),a=s(84624),r=s(68387),l=s(31890)},4863:e=>{e.exports=h},8229:e=>{e.exports=t},8827:e=>{e.exports=E},9614:e=>{e.exports=x},15553:e=>{e.exports=M},16643:(e,t,s)=>{s.d(t,{TAB_CROSS_WIDTH:()=>c});var i=s(90195),o=s(3001),a=s(31890),r=s(26283),l=s(26272),n=s(41488),d=s(23968),b=s(30076),h=function(e,t,s,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(r=(a<3?o(r):a>3?o(t,s,r):o(t,s))||r);return a>3&&r&&Object.defineProperty(t,s,r),r};const c=22;var u;!function(e){let t=class extends((0,o.yC)(n.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.role="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e?this.tabDisabled():this.tabEnabled(),this.requestUpdate("disabled",t)}tabDisabled(){-1!==this.tabIndex&&(this.tabIndex=-1),this.setAttribute("aria-disabled","true")}tabEnabled(){-1===this.tabIndex&&this.selected&&(this.tabIndex=0),this.removeAttribute("aria-disabled")}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e?(this.setAttribute("aria-selected","true"),this.notifySelectedTab()):this.removeAttribute("aria-selected"),this.requestUpdate("selected",t)}static get styles(){return[l.A,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,r.o)(e.code)){if(this.disabled)return void e.preventDefault();this.handleClick(e)}}handleCrossKeydown(e){e.stopPropagation(),e.code===i.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&this.disabled&&(this.selected=!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown)}firstUpdated(e){super.firstUpdated(e)}renderCrossButton(){return n.html`
|
|
2
|
+
<md-button
|
|
3
|
+
variant="ghost"
|
|
4
|
+
size="size-none"
|
|
5
|
+
circle
|
|
5
6
|
class="tab-action-button"
|
|
7
|
+
?disabled=${this.disabled}
|
|
6
8
|
@click=${e=>this.handleCrossClick(e)}
|
|
7
9
|
@keydown=${e=>this.handleCrossKeydown(e)}
|
|
8
10
|
>
|
|
9
|
-
<md-icon
|
|
10
|
-
</
|
|
11
|
-
`}render(){return
|
|
12
|
-
<
|
|
13
|
-
type="button"
|
|
14
|
-
role="button"
|
|
15
|
-
?disabled=${this.disabled}
|
|
16
|
-
aria-selected="false"
|
|
17
|
-
aria-label=${(0,d.ifDefined)(this.ariaLabel||void 0)}
|
|
18
|
-
aria-hidden="true"
|
|
19
|
-
tabindex="-1"
|
|
11
|
+
<md-icon name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
12
|
+
</md-button>
|
|
13
|
+
`}render(){return n.html`
|
|
14
|
+
<div
|
|
20
15
|
part="tab"
|
|
21
|
-
class="${(0,
|
|
22
|
-
@click=${e=>this.handleClick(e)}
|
|
16
|
+
class="${(0,d.classMap)({disabled:this.disabled,"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})}"
|
|
23
17
|
>
|
|
24
18
|
<slot class="tab-slot"></slot>
|
|
25
19
|
${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
|
|
26
|
-
</
|
|
27
|
-
`}};h([(0,l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([(0,l.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),h([(0,l.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),h([(0,l.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),h([(0,l.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),h([(0,l.property)({type:String})],t.prototype,"ariaRole",void 0),h([(0,l.property)({type:String})],t.prototype,"type",void 0),h([(0,l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),h([(0,l.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),h([(0,l.property)({type:String})],t.prototype,"variant",void 0),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),h([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=h([(0,a.w)("md-tab")],t),e.ELEMENT=t}(u||(u={}))},17874:e=>{e.exports=n},19011:e=>{e.exports=v},19239:e=>{e.exports=L},22818:e=>{e.exports=E},22962:e=>{e.exports=M},23035:e=>{e.exports=l},23968:e=>{e.exports=i},32022:e=>{e.exports=a},32325:e=>{e.exports=g},40333:e=>{e.exports=s},41488:t=>{t.exports=e},41891:e=>{e.exports=w},46180:e=>{e.exports=T},50226:(e,t,s)=>{s.r(t),s.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>M,Tabs:()=>S}),s(61200),s(11323),s(83192);var i=s(90195),o=s(3001),a=s(59164),r=s(26272),l=s(41488),n=s(40333),d=s(23968),b=s(22818),h=s(8229),c=s(19239),u=s(41891),p=s.n(u),m=s(97103),v=s(30076),g=s(16643),f=function(e,t,s,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(r=(a<3?o(r):a>3?o(t,s,r):o(t,s))||r);return a>3&&r&&Object.defineProperty(t,s,r),r},y=function(e,t,s,i){return new(s||(s=Promise))((function(o,a){function r(e){try{n(i.next(e))}catch(e){a(e)}}function l(e){try{n(i.throw(e))}catch(e){a(e)}}function n(e){var t;e.done?o(e.value):(t=e.value,t instanceof s?t:new s((function(e){e(t)}))).then(r,l)}n((i=i.apply(e,t||[])).next())}))};const T="tab-more",M="more-menu-copy-",I="visibleToVisible",C="visibleToHidden",A="hiddenToVisible",x="hiddenToHidden",E="previous",L="next",w="fromMoreTabs";var S;!function(e){let t=class extends((0,o.UM)((0,o.Io)((0,o.TS)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>y(this,void 0,void 0,(function*(){var t,s,i,o,a,r,l,n,d,b;e.stopPropagation();const h=e.oldIndex,c=e.newIndex,u=[...this.tabsFilteredAsVisibleList],p=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==h&&void 0!==c){switch(m){case C:{null===(s=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===s||s.remove();const i=u[h],o=p.slice(-1)[0],a=c===this.tabsFilteredAsHiddenList.length?c-1:c;p.splice(a,0,i),p.pop();const r=u.filter((t=>t.id!==this.getNormalizedTabId(e.item.id)));r.push(o),this.tabsFilteredAsVisibleList=[...r],this.tabsFilteredAsHiddenList=[...p];break}case I:{const e=u[h];u.splice(h,1),u.splice(c,0,e),this.tabsFilteredAsVisibleList=u,c===this.tabsFilteredAsVisibleList.length-1&&(null===(o=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[this.visibleTabsContainerElement.children.length-1])||void 0===o||o.remove());const t=this.visibleTabsContainerElement.children[h],s=this.visibleTabsContainerElement.children[c];if(!t||!s)return;null===(a=this.visibleTabsContainerElement)||void 0===a||a.replaceChild(s,t),null===(r=this.visibleTabsContainerElement)||void 0===r||r.insertBefore(t,s);break}case A:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=p[h],s=u.slice(-1)[0];p.splice(h,1),p.splice(0,0,s);const i=c===this.tabsFilteredAsVisibleList.length?c-1:c;u.splice(i,0,t),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=p;break}case x:{const e=p[h];p.splice(h,1),p.splice(c,0,e),this.tabsFilteredAsHiddenList=p,c===this.tabsFilteredAsHiddenList.length-1&&(null===(b=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===b||b.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex((e=>e.selected));this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map((e=>e.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(M))?`${M}${e.id}`:e.id}getAriaControlId(e){var t,s;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(M))?`${M}${e.id}`:"tab_panel_"+(null===(s=e.id)||void 0===s?void 0:s.substring(4))}getTabIndex(e){var t,s;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===(s=this.tabsFilteredAsVisibleList[this.selected])||void 0===s?void 0:s.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(M,"")}static get styles(){return[r.A,v.A]}ensureTabsUpdateComplete(e){return y(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+g.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+g.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 y(this,void 0,void 0,(function*(){var e,t;if("vertical"!==this.direction){let s;s=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],s.forEach((e=>{var t,s,i,o,a;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(i=null===(s=e.children[0])||void 0===s?void 0:s.children)||void 0===i?void 0:i.length)){const t=null===(o=null==e?void 0:e.querySelector("slot"))||void 0===o?void 0:o.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(a=null==e?void 0:e.children[0])||void 0===a||a.appendChild(t))}}));const i=s.length;if(this.tabsListElement&&i){const o=(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 a=this.measureTabsOffsetWidth(),r=s.reduce(((e,t,s)=>e+a[s]),0);if(r){yield this.setupMoreTab();let e=!0;o<r&&(e=!1);const t=[];let l=0;s.forEach(((s,r)=>{l+=a[r];const n=!e&&l+(r<i-1?this.moreTabMenuOffsetWidth:0)>o;t.push({isTabInViewportHidden:n,tabOffsetWidth:a[r]})})),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach(((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((e=>e.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=s.filter(((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,s)=>(e[t.id]=s,e)),{}),this.tabsFilteredAsHiddenList=s.filter(((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,s)=>(e[t.id]=s,e)),{})}}this.updateIsMoreTabMenuSelected();const o=this.tabsFilteredAsHiddenList.find((e=>!e.disabled));this.updateHiddenIdPositiveTabIndex(o)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((e=>e.selected))}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var s,i;const o=null!==(s=e.getAttribute("name"))&&void 0!==s?s:"",a=null!==(i=t.getAttribute("name"))&&void 0!==i?i:"";return this.tabsOrderPrefsArray.indexOf(o)-this.tabsOrderPrefsArray.indexOf(a)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return y(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 s="vertical"===this.direction;e.forEach(((e,i)=>{const o=(0,a.O)("tabs"),r="tab_"+o,l="tab_panel_"+o;e.setAttribute("id",r),e.setAttribute("aria-controls",l),e.selected=this.selected===i,e.vertical!==s&&(e.vertical=s),e.viewportHidden&&s&&(e.viewportHidden=!1);const n=t[i];n?(n.setAttribute("id",l),n.setAttribute("aria-labelledby",r),n.selected=this.selected===i,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0}));let i=this.selected;for(;i<e.length&&e[i].disabled;)i++;i=i===e.length?0:i,e[i].selected=!0,t[i].selected=!0,this.tabsHash=this.tabs.reduce(((e,t)=>(e[t.id]=t,e)),{}),this.tabsIdxHash=this.tabs.reduce(((e,t,s)=>(e[t.id]=s,e)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){const t=Object.create(null,{handleResize:{get:()=>super.handleResize}});return y(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow(),this.updateIsMoreTabTruncated()}))}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?A:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?x:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,s;const i=this.tabsHash[this.getNormalizedTabId(e)];if(i&&!i.disabled&&("auto"===i.closable||"custom"===i.closable)){const i=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===(s=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===s||s.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(i)}}handleUpdatedSeletedTabAfterCross(e){var t;let s=e;for(;s<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[s])||void 0===t?void 0:t.disabled);)s++;if(void 0===this.tabsFilteredAsVisibleList[s]||e===this.tabsFilteredAsVisibleList.length)for(s=e-1;s>=0&&this.tabsFilteredAsVisibleList[s].disabled;)s--;if(-1!==s){const e=this.tabs.findIndex((e=>e.id===this.tabsFilteredAsVisibleList[s].id));this.updateSelectedTab(e)}else this.updateSelectedTab(s);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}toggleSelectedAttribute(e,t){if(null==e||e.toggleAttribute("selected"),null==t||t.toggleAttribute("selected"),e){const t=this.tabsCopyHash[this.getCopyTabId(e)];t?(t.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}updateSelectedTab(e){const{tabs:t,panels:s}=this,i=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&s&&[i,e].forEach((e=>{e>=0&&this.toggleSelectedAttribute(t[e],s[e])})),e>=0){this.dispatchSelectedChangedEvent(e);const s=this.currentTabsLayout.findIndex((s=>s.id===t[e].id));this.changeSelectedTabIdx(s)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,s=this.tabs[e].id,i=t.findIndex((e=>e.id===s)),o=[];t.forEach((e=>{o.push(e.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:i,tabsOrder:o},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then((()=>{var t,s;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e];this.moveFocusToTab(t);const i=this.tabsFilteredAsHiddenList[e];!(null==i?void 0:i.disabled)&&this.updateHiddenIdPositiveTabIndex(i)}})),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,s,i;const o=null!==(s=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==s?s:0;for(let t=0;t<o;t++)if((null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var s,i;const o=this.getCurrentIndex(e),a=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,r=null!==(i=null==a?void 0:a.length)&&void 0!==i?i:0;if(!a||0===r)return;let l=0;t===E?l=0===o?r-1:o-1:t===L?l=o===r-1?0:o+1:t===w&&(l=this.selected>=r?0:this.selected),this.moveFocusToTab(a[l])}moveFocusToTab(e){(0,m.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,s,o,a,r,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 b;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?b=e.composedPath()[0].id:e.originalTarget&&(b=e.originalTarget.id),!b)return;const h=this.getNormalizedTabId(b);this.dispatchKeydownEvent(e,h);const c=e.code,{shiftKey:u}=e,p=!!this.isMoreTabMenuVisible&&h===T,m=p&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(h)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,g=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,M=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case i.Uz.Tab:p&&!this.isMoreTabMenuOpen&&u&&(e.preventDefault(),this.moveFocusToAdjacentTab(b,w));break;case i.Uz.End:p||(v?(e.preventDefault(),this.moveFocusToTab(null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[(null===(o=this.tabsFilteredAsVisibleList)||void 0===o?void 0:o.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(a=this.hiddenTabsContainerElement)||void 0===a?void 0:a.children[(null===(r=this.tabsFilteredAsHiddenList)||void 0===r?void 0:r.length)-1])));break;case i.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 i.Uz.ArrowLeft:p||v&&(e.stopPropagation(),this.moveFocusToAdjacentTab(b,E));break;case i.Uz.ArrowRight:p||v&&(e.stopPropagation(),this.moveFocusToAdjacentTab(b,L));break;case i.Uz.ArrowUp:if(p);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?f:this.selected-1);else if(g){e.preventDefault();const t=this.selected===y?M:this.selected-1;this.changeSelectedTabIdx(t)}break;case i.Uz.ArrowDown:if(p);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===f?0:this.selected+1);else if(g){e.preventDefault();const t=this.selected===M?y:this.selected+1;this.changeSelectedTabIdx(t)}break;case i.Uz.Enter:case i.Uz.NumpadEnter:case i.Uz.Space:if(p){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 y(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=p().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=p().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const s=parseInt(e);t=s>-1?s:this.selected}const s=this.currentTabsLayout;s.length&&s[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(s[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}onDirectionChanged(){return y(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage()}))}updated(e){var t;if(super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((e,t)=>(e[t.id]=t,e)),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,s)=>(e[t.id]=s,e)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,s)=>(e[t.id]=s,e)),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((e,t)=>e+t),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated()}get moreMenuTemplate(){return"vertical"===this.direction?n.nothing:l.html`
|
|
20
|
+
</div>
|
|
21
|
+
`}};h([(0,n.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([(0,n.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),h([(0,n.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),h([(0,n.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),h([(0,n.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),h([(0,n.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),h([(0,n.property)({type:String})],t.prototype,"type",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),h([(0,n.property)({type:String})],t.prototype,"variant",void 0),h([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),h([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),h([(0,n.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=h([(0,a.w)("md-tab")],t),e.ELEMENT=t}(u||(u={}))},17874:e=>{e.exports=L},19239:e=>{e.exports=u},22818:e=>{e.exports=c},22962:e=>{e.exports=l},23035:e=>{e.exports=w},23968:e=>{e.exports=i},32022:e=>{e.exports=a},32325:e=>{e.exports=f},40333:e=>{e.exports=s},41392:e=>{e.exports=T},41488:t=>{t.exports=e},41891:e=>{e.exports=m},46180:e=>{e.exports=p},50226:(e,t,s)=>{s.r(t),s.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>I,Tabs:()=>H}),s(61200),s(11323),s(83192);var i=s(90195),o=s(3001),a=s(66677),r=s(59164),l=s(26272),n=s(41488),d=s(40333),b=s(23968),h=s(22818),c=s(8229),u=s(19239),m=s(41891),p=s.n(m),v=s(97103),g=s(30076),f=s(16643),T=function(e,t,s,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(r=(a<3?o(r):a>3?o(t,s,r):o(t,s))||r);return a>3&&r&&Object.defineProperty(t,s,r),r},y=function(e,t,s,i){return new(s||(s=Promise))((function(o,a){function r(e){try{n(i.next(e))}catch(e){a(e)}}function l(e){try{n(i.throw(e))}catch(e){a(e)}}function n(e){var t;e.done?o(e.value):(t=e.value,t instanceof s?t:new s((function(e){e(t)}))).then(r,l)}n((i=i.apply(e,t||[])).next())}))};const M="tab-more",I="more-menu-copy-",C="visibleToVisible",x="visibleToHidden",E="hiddenToVisible",A="hiddenToHidden",L="previous",w="next",S="fromMoreTabs";var H;!function(e){let t=class extends((0,o.UM)((0,o.Io)((0,o.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>y(this,void 0,void 0,(function*(){var t,s,i,o,a,r,l,n,d,b;e.stopPropagation();const h=e.oldIndex,c=e.newIndex,u=[...this.tabsFilteredAsVisibleList],m=[...this.tabsFilteredAsHiddenList],p=this.getDragDirection(e);if(void 0!==h&&void 0!==c){switch(p){case x:{null===(s=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===s||s.remove();const i=u[h],o=m.slice(-1)[0],a=c===this.tabsFilteredAsHiddenList.length?c-1:c;m.splice(a,0,i),m.pop();const r=u.filter((t=>t.id!==this.getNormalizedTabId(e.item.id)));r.push(o),this.tabsFilteredAsVisibleList=[...r],this.tabsFilteredAsHiddenList=[...m];break}case C:{const e=u[h];u.splice(h,1),u.splice(c,0,e),this.tabsFilteredAsVisibleList=u,c===this.tabsFilteredAsVisibleList.length-1&&(null===(o=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[this.visibleTabsContainerElement.children.length-1])||void 0===o||o.remove());const t=this.visibleTabsContainerElement.children[h],s=this.visibleTabsContainerElement.children[c];if(!t||!s)return;null===(a=this.visibleTabsContainerElement)||void 0===a||a.replaceChild(s,t),null===(r=this.visibleTabsContainerElement)||void 0===r||r.insertBefore(t,s);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=m[h],s=u.slice(-1)[0];m.splice(h,1),m.splice(0,0,s);const i=c===this.tabsFilteredAsVisibleList.length?c-1:c;u.splice(i,0,t),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=m;break}case A:{const e=m[h];m.splice(h,1),m.splice(c,0,e),this.tabsFilteredAsHiddenList=m,c===this.tabsFilteredAsHiddenList.length-1&&(null===(b=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===b||b.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex((e=>e.selected));this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map((e=>e.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){this._selectedIndex=e}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"===this.direction?[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]:this.tabs}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:e.id}getAriaControlId(e){var t,s;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(I))?`${I}${e.id}`:"tab_panel_"+(null===(s=e.id)||void 0===s?void 0:s.substring(4))}getTabIndex(e){var t,s;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===(s=this.tabsFilteredAsVisibleList[this.selected])||void 0===s?void 0:s.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(I,"")}static get styles(){return[l.A,g.A]}ensureTabsUpdateComplete(e){return y(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+f.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t})):this.tabs.map((e=>e.closable?e.offsetWidth+f.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 y(this,void 0,void 0,(function*(){var e,t;if("vertical"!==this.direction){let s;s=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],s.forEach((e=>{var t,s,i,o,a;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(i=null===(s=e.children[0])||void 0===s?void 0:s.children)||void 0===i?void 0:i.length)){const t=null===(o=null==e?void 0:e.querySelector("slot"))||void 0===o?void 0:o.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(a=null==e?void 0:e.children[0])||void 0===a||a.appendChild(t))}}));const i=s.length;if(this.tabsListElement&&i){const o=(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 a=this.measureTabsOffsetWidth(),r=s.reduce(((e,t,s)=>e+a[s]),0);if(r){yield this.setupMoreTab();let e=!0;o<r&&(e=!1);const t=[];let l=0;s.forEach(((s,r)=>{l+=a[r];const n=!e&&l+(r<i-1?this.moreTabMenuOffsetWidth:0)>o;t.push({isTabInViewportHidden:n,tabOffsetWidth:a[r]})})),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach(((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((e=>e.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=s.filter(((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,s)=>(e[t.id]=s,e)),{}),this.tabsFilteredAsHiddenList=s.filter(((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,s)=>(e[t.id]=s,e)),{})}}this.updateIsMoreTabMenuSelected();const o=this.tabsFilteredAsHiddenList.find((e=>!e.disabled));this.updateHiddenIdPositiveTabIndex(o)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((e=>e.selected))}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var s,i;const o=null!==(s=e.getAttribute("name"))&&void 0!==s?s:"",a=null!==(i=t.getAttribute("name"))&&void 0!==i?i:"";return this.tabsOrderPrefsArray.indexOf(o)-this.tabsOrderPrefsArray.indexOf(a)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return y(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 s="vertical"===this.direction;e.forEach(((e,i)=>{const o=(0,r.O)("tabs"),a="tab_"+o,l="tab_panel_"+o;e.setAttribute("id",a),e.setAttribute("aria-controls",l),e.selected=this.selected===i,e.vertical!==s&&(e.vertical=s),e.viewportHidden&&s&&(e.viewportHidden=!1);const n=t[i];n?(n.setAttribute("id",l),n.setAttribute("aria-labelledby",a),n.selected=this.selected===i,e.disabled&&(n.hidden=!0,n.selected=!1)):e.disabled=!0}));let i=this.selected;for(;i<e.length&&e[i].disabled;)i++;i=i===e.length?0:i,e[i].selected=!0,t[i].selected=!0,this.tabsHash=this.tabs.reduce(((e,t)=>(e[t.id]=t,e)),{}),this.tabsIdxHash=this.tabs.reduce(((e,t,s)=>(e[t.id]=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()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?x:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?C:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?E:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?A:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,s;const i=this.tabsHash[this.getNormalizedTabId(e)];if(i&&!i.disabled&&("auto"===i.closable||"custom"===i.closable)){const i=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===(s=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===s||s.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(i)}}handleUpdatedSeletedTabAfterCross(e){var t;let s=e;for(;s<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[s])||void 0===t?void 0:t.disabled);)s++;if(void 0===this.tabsFilteredAsVisibleList[s]||e===this.tabsFilteredAsVisibleList.length)for(s=e-1;s>=0&&this.tabsFilteredAsVisibleList[s].disabled;)s--;if(-1!==s){const e=this.tabs.findIndex((e=>e.id===this.tabsFilteredAsVisibleList[s].id));this.updateSelectedTab(e)}else this.updateSelectedTab(s);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,s=!1){t&&(t.selected=s),e&&(e.selected=s,s&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find((t=>t.id===e.id))}updateSelectedTab(e){const{tabs:t,panels:s}=this,i=this.tabs.findIndex((e=>e.hasAttribute("selected")));if(t&&s&&(this.setSelectedAttribute((0,a.Qx)(t,i),(0,a.Qx)(s,i),!1),this.setSelectedAttribute((0,a.Qx)(t,e),(0,a.Qx)(s,e),!0)),e>=0){this.dispatchSelectedChangedEvent(e);const s=this.currentTabsLayout.findIndex((s=>s.id===t[e].id));this.changeSelectedTabIdx(s)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,s=this.tabs[e].id,i=t.findIndex((e=>e.id===s)),o=[];t.forEach((e=>{o.push(e.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:i,tabsOrder:o},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then((()=>{var t,s;if(e<this.tabsFilteredAsVisibleList.length){const e=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected];null==e||e.focus()}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,t=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e];this.moveFocusToTab(t);const i=this.tabsFilteredAsHiddenList[e];!(null==i?void 0:i.disabled)&&this.updateHiddenIdPositiveTabIndex(i)}})),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,s,i;const o=null!==(s=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==s?s:0;for(let t=0;t<o;t++)if((null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var s,i;const o=this.getCurrentIndex(e),a=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,r=null!==(i=null==a?void 0:a.length)&&void 0!==i?i:0;if(!a||0===r)return;let l=0;t===L?l=0===o?r-1:o-1:t===w?l=o===r-1?0:o+1:t===S&&(l=this.selected>=r?0:this.selected),this.moveFocusToTab(a[l])}moveFocusToTab(e){(0,v.setTimeout)((()=>null==e?void 0:e.focus()),0)}handleOverlayClose(){(0,v.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,s,o,a,r,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 b;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?b=e.composedPath()[0].id:e.originalTarget&&(b=e.originalTarget.id),!b)return;const h=this.getNormalizedTabId(b);this.dispatchKeydownEvent(e,h);const c=e.code,{shiftKey:u}=e,m=!!this.isMoreTabMenuVisible&&h===M,p=m&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(h)],v=!this.isMoreTabMenuVisible||p&&this.tabsVisibleIdxHash[p.id]>-1,g=!!this.isMoreTabMenuVisible&&p&&this.tabsHiddenIdxHash[p.id]>-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case i.Uz.Tab:m&&!this.isMoreTabMenuOpen&&u&&(e.preventDefault(),this.moveFocusToAdjacentTab(b,S));break;case i.Uz.End:m||(v?(e.preventDefault(),this.moveFocusToTab(null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[(null===(o=this.tabsFilteredAsVisibleList)||void 0===o?void 0:o.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(a=this.hiddenTabsContainerElement)||void 0===a?void 0:a.children[(null===(r=this.tabsFilteredAsHiddenList)||void 0===r?void 0:r.length)-1])));break;case i.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 i.Uz.ArrowLeft:m||v&&(e.stopPropagation(),this.moveFocusToAdjacentTab(b,L));break;case i.Uz.ArrowRight:m||v&&(e.stopPropagation(),this.moveFocusToAdjacentTab(b,w));break;case i.Uz.ArrowUp:if(m);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?f:this.selected-1);else if(g){e.preventDefault();const t=this.selected===T?y:this.selected-1;this.changeSelectedTabIdx(t)}break;case i.Uz.ArrowDown:if(m);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===f?0:this.selected+1);else if(g){e.preventDefault();const t=this.selected===y?T:this.selected+1;this.changeSelectedTabIdx(t)}break;case i.Uz.Enter:case i.Uz.NumpadEnter:case i.Uz.Space:if(m){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(p&&!p.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(p.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 y(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=p().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=p().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const s=parseInt(e);t=s>-1?s:this.selected}const s=this.currentTabsLayout;s.length&&s[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(s[t].id)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}onDirectionChanged(){return y(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage()}))}updated(e){var t;if(super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((e,t)=>(e[t.id]=t,e)),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((e,t,s)=>(e[t.id]=s,e)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((e,t,s)=>(e[t.id]=s,e)),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((e,t)=>e+t),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),e.has("overflowLabel")&&this.updateIsMoreTabTruncated()}get moreMenuButtonTemplate(){return n.html`
|
|
22
|
+
<md-tab
|
|
23
|
+
slot="menu-trigger"
|
|
24
|
+
id="${M}"
|
|
25
|
+
aria-label="${this.overflowLabel}"
|
|
26
|
+
aria-haspopup="true"
|
|
27
|
+
role="button"
|
|
28
|
+
tabindex="${this.isMoreTabMenuVisible?0:-1}"
|
|
29
|
+
?selected=${!!this.isMoreTabMenuVisible&&this.isMoreTabMenuSelected}
|
|
30
|
+
class="md-menu-overlay__more_tab ${(0,b.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
|
|
31
|
+
?newMomentum=${this.newMomentum}
|
|
32
|
+
type=${this.type}
|
|
33
|
+
>
|
|
34
|
+
<md-tooltip placement="top" message=${this.overflowLabel} ?disabled=${!this.isMoreTabTruncated}>
|
|
35
|
+
<span class="md-menu-overlay__overflow-label">${this.overflowLabel}</span>
|
|
36
|
+
</md-tooltip>
|
|
37
|
+
<md-icon
|
|
38
|
+
name="${this.isMoreTabMenuOpen?"arrow-up-bold":"arrow-down-bold"}"
|
|
39
|
+
iconSet="momentumDesign"
|
|
40
|
+
size="16"
|
|
41
|
+
class="more-icon"
|
|
42
|
+
></md-icon>
|
|
43
|
+
</md-tab>
|
|
44
|
+
`}get moreMenuListTemplate(){return n.html`
|
|
45
|
+
${(0,h.repeat)(this.tabsFilteredAsHiddenList,(()=>(0,r.O)("menuitem_tabs")),(e=>n.html`
|
|
46
|
+
<md-tab
|
|
47
|
+
slot="draggable-item"
|
|
48
|
+
?disabled=${e.disabled}
|
|
49
|
+
?selected=${e.selected}
|
|
50
|
+
name="${e.name}"
|
|
51
|
+
id="${this.getCopyTabId(e)}"
|
|
52
|
+
aria-label=${e.ariaLabel}
|
|
53
|
+
aria-controls="${this.getAriaControlId(e)}"
|
|
54
|
+
@click="${()=>this.handleOverlayClose()}"
|
|
55
|
+
tabIndex="${this.tabHiddenIdPositiveTabIndex===e.id?0:-1}"
|
|
56
|
+
role="menuitem"
|
|
57
|
+
?newMomentum=${this.newMomentum}
|
|
58
|
+
type=${e.type}
|
|
59
|
+
?onlyIcon=${e.onlyIcon}
|
|
60
|
+
>
|
|
61
|
+
${(0,u.unsafeHTML)(e.innerHTML)}
|
|
62
|
+
</md-tab>
|
|
63
|
+
`))}
|
|
64
|
+
`}get moreMenuTemplate(){return"vertical"===this.direction?d.nothing:n.html`
|
|
28
65
|
<md-menu-overlay
|
|
29
66
|
custom-width="${"226px"}"
|
|
30
67
|
max-height="${"288px"}"
|
|
31
|
-
class="md-menu-overlay__more ${(0,
|
|
68
|
+
class="md-menu-overlay__more ${(0,b.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
|
|
32
69
|
placement="bottom-end"
|
|
33
70
|
@menu-overlay-open="${()=>this.isMoreTabMenuOpen=!0}"
|
|
34
71
|
@menu-overlay-close="${()=>this.isMoreTabMenuOpen=!1}"
|
|
35
72
|
>
|
|
36
|
-
|
|
37
|
-
slot="menu-trigger"
|
|
38
|
-
id="${T}"
|
|
39
|
-
aria-label="${this.overflowLabel}"
|
|
40
|
-
aria-haspopup="true"
|
|
41
|
-
tabindex="${this.isMoreTabMenuVisible?0:-1}"
|
|
42
|
-
.selected=${!!this.isMoreTabMenuVisible&&this.isMoreTabMenuSelected}
|
|
43
|
-
class="md-menu-overlay__more_tab ${(0,d.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
|
|
44
|
-
ariaRole="button"
|
|
45
|
-
.newMomentum=${this.newMomentum}
|
|
46
|
-
type=${this.type}
|
|
47
|
-
>
|
|
48
|
-
<md-tooltip placement="top" message=${this.overflowLabel} ?disabled=${!this.isMoreTabTruncated}>
|
|
49
|
-
<span class="md-menu-overlay__overflow-label">${this.overflowLabel}</span>
|
|
50
|
-
</md-tooltip>
|
|
51
|
-
<md-icon
|
|
52
|
-
name="${this.isMoreTabMenuOpen?"arrow-up-bold":"arrow-down-bold"}"
|
|
53
|
-
iconSet="momentumDesign"
|
|
54
|
-
size="16"
|
|
55
|
-
class="more-icon"
|
|
56
|
-
></md-icon>
|
|
57
|
-
</md-tab>
|
|
73
|
+
${this.moreMenuButtonTemplate}
|
|
58
74
|
<div
|
|
59
75
|
id="tabs-more-list"
|
|
60
76
|
part="tabs-more-list"
|
|
61
77
|
class="md-tab__list md-menu-overlay__more_list"
|
|
62
|
-
style="${(0,
|
|
78
|
+
style="${(0,c.styleMap)(this.isMoreTabMenuScrollable&&this.moreTabMenuMaxHeight?{"overflow-y":"auto",height:this.moreTabMenuMaxHeight,"max-height":this.moreTabMenuMaxHeight}:{})}"
|
|
63
79
|
>
|
|
64
|
-
${
|
|
65
|
-
<md-tab
|
|
66
|
-
slot="draggable-item"
|
|
67
|
-
.disabled="${e.disabled}"
|
|
68
|
-
.selected="${e.selected}"
|
|
69
|
-
name="${e.name}"
|
|
70
|
-
id="${this.getCopyTabId(e)}"
|
|
71
|
-
aria-label=${e.ariaLabel}
|
|
72
|
-
aria-controls="${this.getAriaControlId(e)}"
|
|
73
|
-
@click="${()=>this.handleOverlayClose()}"
|
|
74
|
-
tabIndex="${this.tabHiddenIdPositiveTabIndex===e.id?0:-1}"
|
|
75
|
-
ariaRole="menuitem"
|
|
76
|
-
.newMomentum=${this.newMomentum}
|
|
77
|
-
type=${this.type}
|
|
78
|
-
.onlyIcon="${e.onlyIcon}"
|
|
79
|
-
>
|
|
80
|
-
${(0,c.unsafeHTML)(e.innerHTML)}
|
|
81
|
-
</md-tab>
|
|
82
|
-
`))}
|
|
80
|
+
${this.moreMenuListTemplate}
|
|
83
81
|
</div>
|
|
84
82
|
</md-menu-overlay>
|
|
85
|
-
`}
|
|
83
|
+
`}get renderTabSlot(){return n.html`<slot
|
|
84
|
+
name="tab"
|
|
85
|
+
class="${(0,b.classMap)({"visible-tabs-slot":"horizontal"===this.direction})}"
|
|
86
|
+
></slot> `}get renderTabsWithMoreMenu(){return n.html`
|
|
87
|
+
<div
|
|
88
|
+
id="visible-tabs-list"
|
|
89
|
+
class="visible-tabs-container ${(0,b.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"visible-new-tabs":this.newMomentum})}"
|
|
90
|
+
>
|
|
91
|
+
${(0,h.repeat)(this.tabsFilteredAsVisibleList,(()=>(0,r.O)("tabs")),(e=>n.html`
|
|
92
|
+
<md-tab
|
|
93
|
+
.closable="${e.closable}"
|
|
94
|
+
.disabled="${e.disabled}"
|
|
95
|
+
.selected="${e.selected}"
|
|
96
|
+
name="${e.name}"
|
|
97
|
+
id="${this.getCopyTabId(e)}"
|
|
98
|
+
aria-label=${e.ariaLabel}
|
|
99
|
+
aria-controls="${this.getAriaControlId(e)}"
|
|
100
|
+
.isCrossVisible=${!0}
|
|
101
|
+
tabIndex="${this.getTabIndex(e)}"
|
|
102
|
+
.newMomentum=${this.newMomentum}
|
|
103
|
+
variant=${this.variant}
|
|
104
|
+
type=${this.type}
|
|
105
|
+
.onlyIcon="${e.onlyIcon}"
|
|
106
|
+
>
|
|
107
|
+
${(0,u.unsafeHTML)(e.innerHTML)}
|
|
108
|
+
</md-tab>
|
|
109
|
+
`))}
|
|
110
|
+
</div>
|
|
111
|
+
${this.moreMenuTemplate}
|
|
112
|
+
`}render(){return n.html`
|
|
86
113
|
<div
|
|
87
114
|
part="tabs-list"
|
|
88
|
-
class="md-tab__list ${(0,
|
|
115
|
+
class="md-tab__list ${(0,b.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"no-tabs-visible":this.noTabsVisible,"vertical-tab-list":"vertical"===this.direction,"tab-new-momentum":this.newMomentum})}"
|
|
89
116
|
role="tablist"
|
|
90
117
|
>
|
|
91
|
-
|
|
92
|
-
name="tab"
|
|
93
|
-
class="${(0,d.classMap)({"visible-tabs-slot":"horizontal"===this.direction})}"
|
|
94
|
-
></slot>
|
|
95
|
-
<div
|
|
96
|
-
id="visible-tabs-list"
|
|
97
|
-
class="visible-tabs-container ${(0,d.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"md-tab__hug":this.hugTabs,"visible-new-tabs":this.newMomentum})}"
|
|
98
|
-
>
|
|
99
|
-
${(0,b.repeat)(this.tabsFilteredAsVisibleList,(()=>(0,a.O)("tabs")),(e=>l.html`
|
|
100
|
-
<md-tab
|
|
101
|
-
.closable="${e.closable}"
|
|
102
|
-
.disabled="${e.disabled}"
|
|
103
|
-
.selected="${e.selected}"
|
|
104
|
-
name="${e.name}"
|
|
105
|
-
id="${this.getCopyTabId(e)}"
|
|
106
|
-
aria-label=${e.ariaLabel}
|
|
107
|
-
aria-controls="${this.getAriaControlId(e)}"
|
|
108
|
-
.isCrossVisible=${!0}
|
|
109
|
-
tabIndex="${this.getTabIndex(e)}"
|
|
110
|
-
.newMomentum=${this.newMomentum}
|
|
111
|
-
variant=${this.variant}
|
|
112
|
-
type=${this.type}
|
|
113
|
-
.onlyIcon="${e.onlyIcon}"
|
|
114
|
-
>
|
|
115
|
-
${(0,c.unsafeHTML)(e.innerHTML)}
|
|
116
|
-
</md-tab>
|
|
117
|
-
`))}
|
|
118
|
-
</div>
|
|
119
|
-
${this.moreMenuTemplate}
|
|
118
|
+
${this.renderTabSlot} ${"horizontal"===this.direction?this.renderTabsWithMoreMenu:d.nothing}
|
|
120
119
|
<div class="md-tabs__settings" part="md-tabs__settings">
|
|
121
120
|
<slot name="settings"></slot>
|
|
122
121
|
</div>
|
|
123
122
|
</div>
|
|
124
123
|
<div
|
|
125
124
|
part="tabs-content"
|
|
126
|
-
class="md-tab__content ${(0,
|
|
125
|
+
class="md-tab__content ${(0,b.classMap)({"no-tabs-visible":this.noTabsVisible})}"
|
|
127
126
|
>
|
|
128
127
|
<slot name="panel"></slot>
|
|
129
128
|
</div>
|
|
130
|
-
`}};
|
|
129
|
+
`}};T([(0,n.property)({type:Boolean})],t.prototype,"justified",void 0),T([(0,n.property)({type:Boolean,attribute:"hug-tabs"})],t.prototype,"hugTabs",void 0),T([(0,n.property)({type:String})],t.prototype,"overflowLabel",void 0),T([(0,n.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),T([(0,n.property)({type:String})],t.prototype,"direction",void 0),T([(0,n.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),T([(0,n.property)({type:Number,reflect:!0,attribute:"selected-index"})],t.prototype,"selectedIndex",null),T([(0,n.property)({type:Number})],t.prototype,"delay",void 0),T([(0,n.property)({type:Number})],t.prototype,"animation",void 0),T([(0,n.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),T([(0,n.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),T([(0,n.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),T([(0,n.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),T([(0,n.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),T([(0,n.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),T([(0,n.property)({type:String,attribute:"comp-unique-id"})],t.prototype,"compUniqueId",void 0),T([(0,n.property)({type:String})],t.prototype,"type",void 0),T([(0,n.property)({type:Boolean})],t.prototype,"newMomentum",void 0),T([(0,n.property)({type:String})],t.prototype,"variant",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),T([(0,n.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),T([(0,n.internalProperty)()],t.prototype,"noTabsVisible",void 0),T([(0,n.internalProperty)()],t.prototype,"defaultTabsOrderArray",void 0),T([(0,n.internalProperty)()],t.prototype,"tabsOrderPrefsArray",void 0),T([(0,n.internalProperty)()],t.prototype,"isMoreTabTruncated",void 0),T([(0,n.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),T([(0,n.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),T([(0,n.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),T([(0,n.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),T([(0,n.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),T([(0,n.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),T([(0,n.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),T([(0,n.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),T([(0,n.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=T([(0,o.wW)("md-tabs")],t),e.ELEMENT=t}(H||(H={}))},60554:e=>{e.exports=r},63830:e=>{e.exports=A},66677:(e,t,s)=>{function i(e,t,s){let i;return function(...o){const a=this,r=s&&!i;clearTimeout(i),i=setTimeout((function(){i=null,s||e.apply(a,o)}),t),r&&e.apply(a,o)}}function o(e,t){return t>=0&&t<e.length?e[t]:void 0}s.d(t,{Qx:()=>o,sg:()=>i})},68250:e=>{e.exports=d},69371:e=>{e.exports=b},70369:e=>{e.exports=I},81187:e=>{e.exports=v},84157:e=>{e.exports=n},87344:e=>{e.exports=y},88069:e=>{e.exports=g},92033:e=>{e.exports=C},97822:e=>{e.exports=o}},O={};function q(e){var t=O[e];if(void 0!==t)return t.exports;var s=O[e]={exports:{}};return F[e].call(s.exports,s,s.exports,q),s.exports}q.m=F,S=[],q.O=(e,t,s,i)=>{if(!t){var o=1/0;for(n=0;n<S.length;n++){for(var[t,s,i]=S[n],a=!0,r=0;r<t.length;r++)(!1&i||o>=i)&&Object.keys(q.O).every((e=>q.O[e](t[r])))?t.splice(r--,1):(a=!1,i<o&&(o=i));if(a){S.splice(n--,1);var l=s();void 0!==l&&(e=l)}}return e}i=i||0;for(var n=S.length;n>0&&S[n-1][2]>i;n--)S[n]=S[n-1];S[n]=[t,s,i]},q.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return q.d(t,{a:t}),t},_=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,q.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var s=Object.create(null);q.r(s);var i={};H=H||[null,_({}),_([]),_(_)];for(var o=2&t&&e;"object"==typeof o&&!~H.indexOf(o);o=_(o))Object.getOwnPropertyNames(o).forEach((t=>i[t]=()=>e[t]));return i.default=()=>e,q.d(s,i),s},q.d=(e,t)=>{for(var s in t)q.o(t,s)&&!q.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},q.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),q.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),q.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,1439:0,1528:0,2139:0,3001:0,5382:0,6677:0,7763:0,9058:0};q.O.j=t=>0===e[t];var t=(t,s)=>{var i,o,[a,r,l]=s,n=0;if(a.some((t=>0!==e[t]))){for(i in r)q.o(r,i)&&(q.m[i]=r[i]);if(l)var d=l(q)}for(t&&t(s);n<a.length;n++)o=a[n],q.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return q.O(d)},s=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))})();var V=q.O(void 0,[4367,7103,1890,6272,6325,6283,9217,2176,6798,6248,1200,8889,591,195,6366,7251,2243,1323,3192,76,9164,3625,754,7919],(()=>q(50226)));return q.O(V)})()));
|
package/dist/comp/md-tabs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../7103"),require("../1890"),require("../6272"),require("../6325"),require("../
|
|
1
|
+
require("../4367"),require("../7103"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../6248"),require("../1200"),require("../8889"),require("../591"),require("../195"),require("../6366"),require("../7251"),require("../2243"),require("../1323"),require("../3192"),require("../76"),require("../9164"),require("../3625"),require("../754"),require("../7919"),module.exports=require("../comp/md-tabs-entry");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg","@momentum-design/brand-visuals/dist/logos/svg/social-x.svg","@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg","@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg","@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg","@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"],t);else{var s="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"),require("@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["@momentum-design/brand-visuals/dist/logos/svg/webex-app-icon-color-container.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-x.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-whatsapp-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-wechat-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-viber-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-telegram-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-rcs-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-microsoft-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-line-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-fbmessenger-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-facebook-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/social-alexa-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/cisco-ai-assistant-color.svg"],e["@momentum-design/brand-visuals/dist/logos/svg/apple-business-chat-color.svg"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,((e,t,s,i,o,r,n,l,a,d,m,c,g,u,p,v,h,b,y,f,x)=>(()=>{"use strict";var q,S,$,w={8229:e=>{e.exports=o},8827:e=>{e.exports=b},9614:e=>{e.exports=h},15553:e=>{e.exports=u},17874:e=>{e.exports=f},23035:e=>{e.exports=x},23968:e=>{e.exports=s},32022:e=>{e.exports=r},32325:e=>{e.exports=m},40333:e=>{e.exports=t},41392:e=>{e.exports=c},41488:t=>{t.exports=e},46180:e=>{e.exports=l},60554:e=>{e.exports=n},63704:(e,t,s)=>{var i,o=s(31890),r=s(26272),n=s(41488),l=s(40333),a=s(23968),d=s(97822),m=s(92019),c=function(e,t,s,i){var o,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,s,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(r<3?o(n):r>3?o(t,s,n):o(t,s))||n);return r>3&&n&&Object.defineProperty(t,s,n),n};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?n.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-badge {
|
|
4
4
|
${this.renderBgColor()};
|
|
@@ -7,30 +7,30 @@
|
|
|
7
7
|
${this.renderWidth()};
|
|
8
8
|
}
|
|
9
9
|
</style>
|
|
10
|
-
`:l.nothing}static get styles(){return[r.A,
|
|
10
|
+
`:l.nothing}static get styles(){return[r.A,m.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const e=parseInt(this.tabIndexing);return isNaN(e)?void 0:e}render(){const e={"md-badge--circle":this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return n.html`
|
|
11
11
|
${this.getStyles()}
|
|
12
12
|
<span
|
|
13
|
-
tabindex=${(0,
|
|
13
|
+
tabindex=${(0,d.ifDefined)(this.computedTabIndex)}
|
|
14
14
|
part="badge"
|
|
15
15
|
class="md-badge ${(0,a.classMap)(e)}"
|
|
16
16
|
aria-label=${this.ariaLabel}
|
|
17
17
|
>
|
|
18
18
|
${this.split?(()=>n.html`
|
|
19
19
|
<slot
|
|
20
|
-
aria-hidden=${(0,
|
|
20
|
+
aria-hidden=${(0,d.ifDefined)(this.computedAriaHiddenSplits)}
|
|
21
21
|
name="split-left"
|
|
22
22
|
class="split split-left"
|
|
23
23
|
></slot>
|
|
24
24
|
<span aria-hidden="true" class="split-separator"> | </span>
|
|
25
25
|
<slot
|
|
26
|
-
aria-hidden=${(0,
|
|
26
|
+
aria-hidden=${(0,d.ifDefined)(this.computedAriaHiddenSplits)}
|
|
27
27
|
name="split-right"
|
|
28
28
|
class="split split-right"
|
|
29
29
|
></slot>
|
|
30
30
|
`)():l.nothing}
|
|
31
31
|
<slot></slot>
|
|
32
32
|
</span>
|
|
33
|
-
`}};c([(0,n.property)({type:String})],t.prototype,"ariaLabel",void 0),c([(0,n.property)({type:String})],t.prototype,"color",void 0),c([(0,n.property)({type:String})],t.prototype,"bgColor",void 0),c([(0,n.property)({type:String})],t.prototype,"textColor",void 0),c([(0,n.property)({type:String})],t.prototype,"height",void 0),c([(0,n.property)({type:String})],t.prototype,"width",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"outlined",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"compact",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"circle",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"small",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"split",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),c([(0,n.property)({type:String})],t.prototype,"tabIndexing",void 0),c([(0,n.property)({type:String})],t.prototype,"ariaHiddenSplits",void 0),t=c([(0,o.w)("md-badge")],t),e.ELEMENT=t}(i||(i={}))},63830:e=>{e.exports=
|
|
33
|
+
`}};c([(0,n.property)({type:String})],t.prototype,"ariaLabel",void 0),c([(0,n.property)({type:String})],t.prototype,"color",void 0),c([(0,n.property)({type:String})],t.prototype,"bgColor",void 0),c([(0,n.property)({type:String})],t.prototype,"textColor",void 0),c([(0,n.property)({type:String})],t.prototype,"height",void 0),c([(0,n.property)({type:String})],t.prototype,"width",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"outlined",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"compact",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"circle",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"small",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"split",void 0),c([(0,n.property)({type:Boolean})],t.prototype,"disabled",void 0),c([(0,n.property)({type:String})],t.prototype,"tabIndexing",void 0),c([(0,n.property)({type:String})],t.prototype,"ariaHiddenSplits",void 0),t=c([(0,o.w)("md-badge")],t),e.ELEMENT=t}(i||(i={}))},63830:e=>{e.exports=y},70369:e=>{e.exports=p},81187:e=>{e.exports=a},86610:(e,t,s)=>{s.r(t),s.d(t,{TaskItem:()=>i}),s(63704),s(61200);var i,o=s(31890),r=s(26272),n=s(41488),l=s(40333),a=s(23968),d=s(50182),m=function(e,t,s,i){var o,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,s,i);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(r<3?o(n):r>3?o(t,s,n):o(t,s))||n);return r>3&&n&&Object.defineProperty(t,s,n),n};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.mediaType="call",this.status="",this.popovertitle="",this.queue="",this.accepted=!1,this.quantity=0,this.lastmessage="",this.selected=!1,this.customAriaLabel="",this.iconSrc="",this.tabIndexForContainer="0",this.displayTitle="",this.titleValue="",this.itemTitleValue="",this.renderTaskType=()=>{switch(this.mediaType.toLowerCase()){case"telephony":return n.html`
|
|
34
34
|
<md-badge color="green" circle>
|
|
35
35
|
<md-icon name="handset-filled" size="20" iconSet="momentumDesign"></md-icon>
|
|
36
36
|
</md-badge>
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
<md-badge bgColor="#25D366" circle>
|
|
75
75
|
<md-icon name="whatsApp_16" iconSet="momentumUI" color="white-100"></md-icon>
|
|
76
76
|
</md-badge>
|
|
77
|
-
`;default:return n.html` <slot name="task-type"></slot> `}},this.renderStatus=()=>{switch(this.status){case"consulting":return n.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"play":return n.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"hold":return n.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"conference":return n.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"transfered":return n.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"courtesy_callback":return n.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"campaign":return n.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return n.html` <slot name="task-status"></slot> `}}}get title(){return this.displayTitle}set title(e){this.titleValue=e,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(e){this.itemTitleValue=e,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(e){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})),this.blur()}handleKeyDown(e){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:e.code},bubbles:!0,composed:!0}))}renderChatCount(){return this.quantity>0?this.quantity>99?n.html` <span class="new-chat-quantity">99+</span> `:n.html` <span class="new-chat-quantity">${this.quantity}</span> `:l.nothing}getAriaLabel(){var e;if(this.customAriaLabel)return this.customAriaLabel;let t=this.queue;if(!t){const s=this.querySelector('[slot="queue"]');if(s){t=(null===(e=s.textContent)||void 0===e?void 0:e.trim())||s.innerText.trim();const i=t.match(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/);if(i){const[,e=0,s,o]=i.map(Number);(new Date).setHours(e,s,o),t=t.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${e?e+" hours ":""}${s} minutes ${o} seconds`)}}}return`${this.mediaType} ${this.status} ${this.title} ${t} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,
|
|
77
|
+
`;default:return n.html` <slot name="task-type"></slot> `}},this.renderStatus=()=>{switch(this.status){case"consulting":return n.html` <md-icon name="headset-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"play":return n.html` <md-icon name="play-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"hold":return n.html` <md-icon name="pause-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"conference":return n.html` <md-icon name="meet-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"transfered":return n.html` <md-icon name="assign-privilege-bold" size="16" iconSet="momentumDesign"></md-icon> `;case"courtesy_callback":return n.html` <md-icon name="callrate-bold" size="12" iconSet="momentumDesign"></md-icon> `;case"campaign":return n.html` <md-icon name="announcement-bold" size="12" iconSet="momentumDesign"></md-icon> `;default:return n.html` <slot name="task-status"></slot> `}}}get title(){return this.displayTitle}set title(e){this.titleValue=e,this.updateTitle()}get itemTitle(){return this.displayTitle}set itemTitle(e){this.itemTitleValue=e,this.updateTitle()}updateTitle(){this.itemTitleValue?this.displayTitle=this.itemTitleValue:this.displayTitle=this.titleValue}handleClick(e){this.dispatchEvent(new CustomEvent("taskitem-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})),this.blur()}handleKeyDown(e){this.dispatchEvent(new CustomEvent("taskitem-keydown",{detail:{key:e.code},bubbles:!0,composed:!0}))}renderChatCount(){return this.quantity>0?this.quantity>99?n.html` <span class="new-chat-quantity">99+</span> `:n.html` <span class="new-chat-quantity">${this.quantity}</span> `:l.nothing}getAriaLabel(){var e;if(this.customAriaLabel)return this.customAriaLabel;let t=this.queue;if(!t){const s=this.querySelector('[slot="queue"]');if(s){t=(null===(e=s.textContent)||void 0===e?void 0:e.trim())||s.innerText.trim();const i=t.match(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/);if(i){const[,e=0,s,o]=i.map(Number);(new Date).setHours(e,s,o),t=t.replace(/(?:([01]?\d|2[0-3]):)?([0-5]?\d):([0-5]?\d)/,`${e?e+" hours ":""}${s} minutes ${o} seconds`)}}}return`${this.mediaType} ${this.status} ${this.title} ${t} ${this.quantity?this.quantity:""} ${this.lastmessage}`}static get styles(){return[r.A,d.A]}get sanitizedTabIndexForContainer(){var e;return null!==(e=parseInt(this.tabIndexForContainer))&&void 0!==e?e:0}render(){return n.html`
|
|
78
78
|
<div
|
|
79
79
|
part="task-item-container"
|
|
80
80
|
class="md-taskitem ${(0,a.classMap)({selected:this.selected})}"
|
|
@@ -111,4 +111,4 @@
|
|
|
111
111
|
${this.renderChatCount()}
|
|
112
112
|
</div>
|
|
113
113
|
</div>
|
|
114
|
-
`}};
|
|
114
|
+
`}};m([(0,n.property)({type:String})],t.prototype,"mediaType",void 0),m([(0,n.property)({type:String})],t.prototype,"status",void 0),m([(0,n.property)({type:String})],t.prototype,"popovertitle",void 0),m([(0,n.property)({type:String})],t.prototype,"queue",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"accepted",void 0),m([(0,n.property)({type:Number})],t.prototype,"quantity",void 0),m([(0,n.property)({type:String})],t.prototype,"lastmessage",void 0),m([(0,n.property)({type:Boolean})],t.prototype,"selected",void 0),m([(0,n.property)({type:String})],t.prototype,"customAriaLabel",void 0),m([(0,n.property)({type:String})],t.prototype,"iconSrc",void 0),m([(0,n.property)({type:String})],t.prototype,"tabIndexForContainer",void 0),m([(0,n.property)({type:String,reflect:!0})],t.prototype,"title",null),m([(0,n.property)({type:String,reflect:!0,attribute:"item-title"})],t.prototype,"itemTitle",null),t=m([(0,o.w)("md-task-item")],t),e.ELEMENT=t}(i||(i={}))},87344:e=>{e.exports=g},88069:e=>{e.exports=d},92033:e=>{e.exports=v},97822:e=>{e.exports=i}},_={};function k(e){var t=_[e];if(void 0!==t)return t.exports;var s=_[e]={exports:{}};return w[e](s,s.exports,k),s.exports}k.m=w,q=[],k.O=(e,t,s,i)=>{if(!t){var o=1/0;for(a=0;a<q.length;a++){for(var[t,s,i]=q[a],r=!0,n=0;n<t.length;n++)(!1&i||o>=i)&&Object.keys(k.O).every((e=>k.O[e](t[n])))?t.splice(n--,1):(r=!1,i<o&&(o=i));if(r){q.splice(a--,1);var l=s();void 0!==l&&(e=l)}}return e}i=i||0;for(var a=q.length;a>0&&q[a-1][2]>i;a--)q[a]=q[a-1];q[a]=[t,s,i]},k.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return k.d(t,{a:t}),t},$=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,k.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var s=Object.create(null);k.r(s);var i={};S=S||[null,$({}),$([]),$($)];for(var o=2&t&&e;"object"==typeof o&&!~S.indexOf(o);o=$(o))Object.getOwnPropertyNames(o).forEach((t=>i[t]=()=>e[t]));return i.default=()=>e,k.d(s,i),s},k.d=(e,t)=>{for(var s in t)k.o(t,s)&&!k.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},k.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),k.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8111:0,8339:0};k.O.j=t=>0===e[t];var t=(t,s)=>{var i,o,[r,n,l]=s,a=0;if(r.some((t=>0!==e[t]))){for(i in n)k.o(n,i)&&(k.m[i]=n[i]);if(l)var d=l(k)}for(t&&t(s);a<r.length;a++)o=r[a],k.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return k.O(d)},s=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))})();var T=k.O(void 0,[4367,1890,6272,6325,6283,9217,2176,6798,6248,1200,2576,2019,182],(()=>k(86610)));return k.O(T)})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../
|
|
1
|
+
require("../4367"),require("../1890"),require("../6272"),require("../6325"),require("../6283"),require("../9217"),require("../2176"),require("../6798"),require("../6248"),require("../1200"),require("../2576"),require("../2019"),require("../182"),module.exports=require("../comp/md-task-item-entry");
|