@momentum-ui/web-components 3.0.0-alpha.3 → 3.0.0-alpha.5

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

@@ -1,9 +1,5 @@
 !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js"],t);else{var o="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,(e,t,o)=>(()=>{"use strict";var r,i={6396:(e,t,o)=>{o.r(t),o.d(t,{Label:()=>r});var r,i=o(31890),l=o(4313),s=o(87161),a=o(70429),p=o(85125),n=o(31013),d=function(e,t,o,r){var i,l=arguments.length,s=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(l<3?i(s):l>3?i(t,o,s):i(t,o))||s);return l>3&&s&&Object.defineProperty(t,o,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.label="",this.theme="",this.radioLabel=!1,this.checkboxLabel=!1,this.toggleSwitchLabel=!1,this.htmlFor="",this.active=!1,this.disabled=!1,this.indeterminate=!1,this.secondaryLabel=!1}static get styles(){return[l.A,n.A]}setFocus(){this.dispatchEvent(new CustomEvent("setFocus"))}get labelClassMap(){return{[`md-label--${this.theme}`]:!!this.theme,"md-radio__label":this.radioLabel,"md-checkbox__label":this.checkboxLabel,"md-secondary-label":this.secondaryLabel,active:this.active,disabled:this.disabled,indeterminate:this.indeterminate}}handleClick(){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return s.html`
-        <label
-          @click="${()=>this.handleClick()}"
-          class="md-label ${(0,p.classMap)(this.labelClassMap)}"
-          for="${this.htmlFor}"
-        >
+        <label @click=${this.handleClick} class="md-label ${(0,p.classMap)(this.labelClassMap)}" for="${this.htmlFor}">
           ${this.label?s.html` <span>${this.label}</span> `:s.html` <slot></slot> `}
         </label>
       `}};d([(0,a.property)({type:String})],t.prototype,"label",void 0),d([(0,a.property)({type:String})],t.prototype,"theme",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"radioLabel",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"checkboxLabel",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"toggleSwitchLabel",void 0),d([(0,a.property)({type:String})],t.prototype,"htmlFor",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"active",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"disabled",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"indeterminate",void 0),d([(0,a.property)({type:Boolean})],t.prototype,"secondaryLabel",void 0),t=d([(0,i.w)("md-label")],t),e.ELEMENT=t}(r||(r={}))},70429:e=>{e.exports=t},85125:e=>{e.exports=o},87161:t=>{t.exports=e}},l={};function s(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return i[e](o,o.exports,s),o.exports}s.m=i,r=[],s.O=(e,t,o,i)=>{if(!t){var l=1/0;for(d=0;d<r.length;d++){for(var[t,o,i]=r[d],a=!0,p=0;p<t.length;p++)(!1&i||l>=i)&&Object.keys(s.O).every(e=>s.O[e](t[p]))?t.splice(p--,1):(a=!1,i<l&&(l=i));if(a){r.splice(d--,1);var n=o();void 0!==n&&(e=n)}}return e}i=i||0;for(var d=r.length;d>0&&r[d-1][2]>i;d--)r[d]=r[d-1];r[d]=[t,o,i]},s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={4928:0,6396:0};s.O.j=t=>0===e[t];var t=(t,o)=>{var r,i,[l,a,p]=o,n=0;if(l.some(t=>0!==e[t])){for(r in a)s.o(a,r)&&(s.m[r]=a[r]);if(p)var d=p(s)}for(t&&t(o);n<l.length;n++)i=l[n],s.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return s.O(d)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var a=s.O(void 0,[1890,4313,1013],()=>s(6396));return s.O(a)})());

package/dist/comp/md-menu-overlay-entry.js

@@ -9,7 +9,7 @@
       `}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):(this.dispatchMenuClose(),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded()))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[b.A]}render(){return f.html`
         ${this.getStyles()}
         <div class="md-menu-overlay">
-          <slot @slotchange="${this.handleTriggerSlotChange}" name="menu-trigger"></slot>
+          <slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
           <div
             part="overlay"
             class="overlay-container"

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

@@ -5,8 +5,8 @@
                 size="20"
                 circle
                 class="md-close md-modal__close"
-                @click="${this.hideModal}"
-                @keydown="${this.handleKeyDown}"
+                @click=${this.hideModal}
+                @keydown=${this.handleKeyDown}
                 ariaLabel=${this.ariaLabelClose}
               >
                 <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
@@ -29,8 +29,8 @@
             <div part="modal-footer" class="md-modal__footer">
               <md-button
                 aria-label=${this.ariaLabelCancel}
-                @click="${this.handleFooterClick}"
-                @keydown="${this.handleKeyDown}"
+                @click=${this.handleFooterClick}
+                @keydown=${this.handleKeyDown}
                 variant="secondary"
               >
                 <span>Cancel</span>
@@ -39,8 +39,8 @@
                 type="submit"
                 variant="primary"
                 aria-label=${this.ariaLabelSubmit}
-                @click="${this.handleFooterClick}"
-                @keydown="${this.handleKeyDown}"
+                @click=${this.handleFooterClick}
+                @keydown=${this.handleKeyDown}
               >
                 <span>${this.closeBtnName}</span>
               </md-button>
@@ -48,7 +48,7 @@
           `}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,[`md-modal--${this.size}`]:!!this.size,[`md-modal--${this.computedAlignment}`]:!!this.computedAlignment}}render(){return l.html`
         ${this.show?l.html`
               <div part="modal-backdrop" class="md-modal__backdrop fade ${(0,p.classMap)(this.modalBackDropClassMap)}">
-                ${this.backdropClickExit?l.html` <div class="md-modal_overlay" @click="${this.handleCloseBackdrop}"></div> `:l.nothing}
+                ${this.backdropClickExit?l.html` <div class="md-modal_overlay" @click=${this.handleCloseBackdrop}></div> `:l.nothing}
 
                 <div
                   part="modal-container"

package/dist/comp/md-phone-input-entry.js

@@ -27,7 +27,7 @@
             ariaLabel=${this.ariaLabel}
             placeholder="${this.codePlaceholder}"
             .value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
-            @change-selected="${e=>this.handleCountryChange(e)}"
+            @change-selected=${e=>this.handleCountryChange(e)}
             with-custom-content
             ?newMomentum=${this.newMomentum}
             ?is-dropdown-arrow=${this.isDropdownArrow}
@@ -47,7 +47,7 @@
             ariaLabel=${this.countryCodeAriaLabel}
             codePlaceholder="${this.codePlaceholder}"
             .countryCallingCode="${this.countryCallingCode}"
-            @country-code-changed="${e=>this.handleCountryChange(e)}"
+            @country-code-changed=${e=>this.handleCountryChange(e)}
             ?newMomentum=${this.newMomentum}
             ?isDropdownArrow=${!0}
             .clearAriaLabel="${this.clearCountryCodeAriaLabel}"
@@ -59,9 +59,9 @@
             placeholder=${this.numberPlaceholder}
             .ariaInvalid=${this.isValid?"false":"true"}
             .ariaLabel=${`${this.dialNumberAriaLabel}`}
-            @input-change="${e=>this.handlePhoneChange(e)}"
-            @input-blur="${e=>this.handleBlur(e)}"
-            @input-keydown="${e=>this.handleKeydown(e)}"
+            @input-change=${e=>this.handlePhoneChange(e)}
+            @input-blur=${e=>this.handleBlur(e)}
+            @input-keydown=${e=>this.handleKeydown(e)}
             shape="${this.pill?"pill":"none"}"
             .ariaControls=${this.id}
             clear

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

@@ -1,12 +1,12 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,l,p)=>(()=>{"use strict";var a,h={5784:e=>{e.exports=p},10318:e=>{e.exports=r},20291:e=>{e.exports=o},32022:e=>{e.exports=s},60554:e=>{e.exports=n},70429:e=>{e.exports=t},71128:(e,t,i)=>{i.r(t),i.d(t,{Popover:()=>f,PopoverController:()=>y}),i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),p=i(70429),a=i(20291),h=i(68419),d=i(36365),c=i(3998),u=i(33759),v=i(86210),g=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},m=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{p(r.next(e))}catch(e){s(e)}}function l(e){try{p(r.throw(e))}catch(e){s(e)}}function p(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}p((r=r.apply(e,t||[])).next())})};class y{show(e){}hide(){}toggle(){}isVisible(){return!1}}let f=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=h.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||c.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{c.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return m(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,d.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return m(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),d.T.onDestroyedPopover(this),c.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return m(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(h.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return m(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),d.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),c.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,d.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return m(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>m(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,l,p)=>(()=>{"use strict";var a,h={5784:e=>{e.exports=p},10318:e=>{e.exports=r},20291:e=>{e.exports=o},32022:e=>{e.exports=s},60554:e=>{e.exports=n},70429:e=>{e.exports=t},71128:(e,t,i)=>{i.r(t),i.d(t,{Popover:()=>y,PopoverController:()=>m}),i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),p=i(70429),a=i(68419),h=i(36365),d=i(3998),c=i(33759),u=i(86210),v=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},g=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{p(r.next(e))}catch(e){s(e)}}function l(e){try{p(r.throw(e))}catch(e){s(e)}}function p(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}p((r=r.apply(e,t||[])).next())})};class m{show(e){}hide(){}toggle(){}isVisible(){return!1}}let y=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=a.zY.TRIGGER,this.placement=a.zY.PLACEMENT,this.strategy=a.zY.STRATEGY,this.color=a.zY.COLOR,this.visible=a.zY.VISIBLE,this.offset=a.zY.OFFSET,this.focusTrap=a.zY.FOCUS_TRAP,this.preventScroll=a.zY.PREVENT_SCROLL,this.showArrow=a.zY.ARROW,this.closeButton=a.zY.CLOSE_BUTTON,this.interactive=a.zY.INTERACTIVE,this.delay=a.zY.DELAY,this.hideOnEscape=a.zY.HIDE_ON_ESCAPE,this.hideOnBlur=a.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=a.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=a.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=a.zY.FOCUS_BACK,this.backdrop=a.zY.BACKDROP,this.flip=a.zY.FLIP,this.size=a.zY.SIZE,this.zIndex=a.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=a.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=a.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=a.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||d.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{d.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new c.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return g(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,h.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return g(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),h.T.onDestroyedPopover(this),d.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return g(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(a.ME).includes(this.placement)?this.placement:a.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(a.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:a.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(a.o$).includes(this.color)?this.color:a.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return g(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),h.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),d.S.removeItem(this),this.utils.handleAppendTo(!1),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,h.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}setFocusableElements(){var e;null===(e=super.setFocusableElements)||void 0===e||e.call(this);const t=this.triggerElement;this.appendTo&&this.activeFocusTrap&&t&&this.focusableElements&&(this.focusableElements.includes(t)||this.focusableElements.push(t))}handleCreatePopoverFirstUpdate(){return g(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>g(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
       <div class="popover-hover-bridge"></div>
       ${this.closeButton?l.html` <md-button
             class="popover-close"
             hasRemoveStyle
             size="20"
             circle
-            ariaLabel=${(0,a.ifDefined)(this.closeButtonAriaLabel)||""}
-            @button-click="${this.hidePopover}"
+            .ariaLabel=${this.closeButtonAriaLabel}
+            @button-click=${this.hidePopover}
           >
             <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
           </md-button>`:l.nothing}
@@ -14,4 +14,4 @@
       <div part="popover-content">
         <slot></slot>
       </div>
-    `}static get styles(){return[v.A]}};g([(0,p.property)({type:String,reflect:!0})],f.prototype,"id",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"triggerID",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"trigger",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"placement",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"strategy",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"color",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"visible",void 0),g([(0,p.property)({type:Number,reflect:!0})],f.prototype,"offset",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],f.prototype,"focusTrap",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],f.prototype,"preventScroll",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],f.prototype,"showArrow",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"close-button"})],f.prototype,"closeButton",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"interactive",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"delay",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],f.prototype,"hideOnEscape",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],f.prototype,"hideOnBlur",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],f.prototype,"hideOnWindowBlur",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],f.prototype,"hideOnOutsideClick",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],f.prototype,"focusBackToTrigger",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"backdrop",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"flip",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"size",void 0),g([(0,p.property)({type:Number,reflect:!0,attribute:"z-index"})],f.prototype,"zIndex",void 0),g([(0,p.property)({type:String,reflect:!0,attribute:"append-to"})],f.prototype,"appendTo",void 0),g([(0,p.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],f.prototype,"closeButtonAriaLabel",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"role",void 0),g([(0,p.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],f.prototype,"ariaLabelledby",void 0),g([(0,p.property)({type:String,reflect:!0,attribute:"aria-describedby"})],f.prototype,"ariaDescribedby",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],f.prototype,"disableAriaExpanded",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],f.prototype,"animationFrame",void 0),g([(0,p.property)({type:Object,attribute:!1})],f.prototype,"controller",null),f=g([(0,r.w)("md-popover")],f)},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},d={};function c(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return h[e](i,i.exports,c),i.exports}c.m=h,a=[],c.O=(e,t,i,r)=>{if(!t){var o=1/0;for(p=0;p<a.length;p++){for(var[t,i,r]=a[p],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(c.O).every(e=>c.O[e](t[n]))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){a.splice(p--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var p=a.length;p>0&&a[p-1][2]>r;p--)a[p]=a[p-1];a[p]=[t,i,r]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,p=0;if(s.some(t=>0!==e[t])){for(r in n)c.o(n,r)&&(c.m[r]=n[r]);if(l)var a=l(c)}for(t&&t(i);p<s.length;p++)o=s[p],c.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return c.O(a)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var u=c.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,8210,1270,3135,8345,1439],()=>c(71128));return c.O(u)})());
+    `}static get styles(){return[u.A]}};v([(0,p.property)({type:String,reflect:!0})],y.prototype,"id",void 0),v([(0,p.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),v([(0,p.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),v([(0,p.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),v([(0,p.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),v([(0,p.property)({type:String,reflect:!0})],y.prototype,"color",void 0),v([(0,p.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),v([(0,p.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),v([(0,p.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),v([(0,p.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],y.prototype,"hideOnWindowBlur",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),v([(0,p.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),v([(0,p.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),v([(0,p.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),v([(0,p.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),v([(0,p.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),v([(0,p.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),v([(0,p.property)({type:String,reflect:!0})],y.prototype,"role",void 0),v([(0,p.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),v([(0,p.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),v([(0,p.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],y.prototype,"animationFrame",void 0),v([(0,p.property)({type:Object,attribute:!1})],y.prototype,"controller",null),y=v([(0,r.w)("md-popover")],y)},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},d={};function c(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return h[e](i,i.exports,c),i.exports}c.m=h,a=[],c.O=(e,t,i,r)=>{if(!t){var o=1/0;for(p=0;p<a.length;p++){for(var[t,i,r]=a[p],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(c.O).every(e=>c.O[e](t[n]))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){a.splice(p--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var p=a.length;p>0&&a[p-1][2]>r;p--)a[p]=a[p-1];a[p]=[t,i,r]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,p=0;if(s.some(t=>0!==e[t])){for(r in n)c.o(n,r)&&(c.m[r]=n[r]);if(l)var a=l(c)}for(t&&t(i);p<s.length;p++)o=s[p],c.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return c.O(a)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var u=c.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,8210,1270,3135,8345,1439],()=>c(71128));return c.O(u)})());

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

@@ -27,7 +27,7 @@
           @click=${e=>this.handleClick(e)}
           @keydown=${e=>this.handleKeydown(e)}
         ></button>
-      `}};c([(0,d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),c([(0,d.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),c([(0,d.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),c([(0,d.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),c([(0,d.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),c([(0,d.property)({type:String,reflect:!0})],t.prototype,"type",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),c([(0,d.property)({type:String})],t.prototype,"variant",void 0),c([(0,d.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),c([(0,d.property)({type:Number})],t.prototype,"size",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=c([(0,o.w)("md-tab")],t),e.ELEMENT=t}(u||(u={}))},16968:e=>{e.exports=u},20291:e=>{e.exports=r},22962:e=>{e.exports=n},32022:e=>{e.exports=o},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>A,Tabs:()=>V}),i(61200),i(11323),i(83192);var s=i(90195),r=i(3001),o=i(66677),a=i(59164),l=i(4313),n=i(87161),d=i(54765),h=i(70429),b=i(85125),c=i(58175),p=i(10318),u=i(16968),m=i(41891),v=i.n(m),f=i(97103),T=i(2669),y=i(16643),g=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},M=function(e,t,i,s){return new(i||(i=Promise))(function(r,o){function a(e){try{n(s.next(e))}catch(e){o(e)}}function l(e){try{n(s.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(a,l)}n((s=s.apply(e,t||[])).next())})};const w="tab-more",A="more-menu-copy-",I="visibleToVisible",C="visibleToHidden",L="hiddenToVisible",E="hiddenToHidden",S="previous",x="next",H="fromMoreTabs";var V;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.size=28,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame(()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5})},this.handleOnDragEnd=e=>M(this,void 0,void 0,function*(){var t,i,s,r,o,a,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case C:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],r=u.slice(-1)[0],o=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(o,0,s),u.pop();const a=p.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));a.push(r),this.tabsFilteredAsVisibleList=[...a],this.tabsFilteredAsHiddenList=[...u];break}case I:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case L:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case E:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex(e=>e.selected);this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map(e=>e.name),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}})}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){var t;if(-1===e)return;const i=this._selectedIndex;this._selectedIndex=e,i!==e&&(null===(t=this.tabs)||void 0===t?void 0:t.length)&&this.updateSelectedTab(e)}get isRtl(){return"rtl"===getComputedStyle(this).direction}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${e.id}`:"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(A,"")}static get styles(){return[l.A,T.A]}ensureTabsUpdateComplete(e){return M(this,void 0,void 0,function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))})}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map(e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t}):this.tabs.map(e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth)}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map(e=>e.offsetHeight)}manageOverflow(){return M(this,void 0,void 0,function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,r,o,a;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(o=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0])||void 0===o?void 0:o.cloneNode(!0);t&&(t.classList.add("tab-content"),null===(a=null==e?void 0:e.children[0])||void 0===a||a.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const r=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const o=this.measureTabsOffsetWidth(),a=i.reduce((e,t,i)=>e+o[i],0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let l=0;i.forEach((i,a)=>{l+=o[a];const n=!e&&l+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:n,tabOffsetWidth:o[a]})}),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find(e=>e.isTabInViewportHidden),this.tabsFilteredAsVisibleList=i.filter((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsFilteredAsHiddenList=i.filter((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})}}this.updateIsMoreTabMenuSelected();const r=this.tabsFilteredAsHiddenList.find(e=>!e.disabled);this.updateHiddenIdPositiveTabIndex(r)}})}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return M(this,void 0,void 0,function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`);const i="vertical"===this.direction,s=this.selectedIndex<0?0:this.selectedIndex;e.forEach((e,r)=>{const o=(0,a.O)("tabs"),l="tab_"+o,n="tab_panel_"+o;e.setAttribute("id",l),e.setAttribute("aria-controls",n),e.selected=s===r,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,e.size=this.newMomentum?this.size:void 0,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const d=t[r];d?(d.setAttribute("id",n),d.setAttribute("aria-labelledby",l),d.selected=s===r,e.disabled&&(d.hidden=!0,d.selected=!1)):e.disabled=!0});let r=s;for(;r<e.length&&e[r].disabled;)r++;r=r===e.length?0:r,e[r].selected=!0,t[r].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{})})}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?C:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?I:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?L:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?E:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e,t=!0){const i=this.tabsHash[this.getNormalizedTabId(e)];if(i&&!i.disabled){const e=this.tabsIdxHash[i.id];-1!==e&&this.updateSelectedTab(e,t);{const e=this.tabsCopyHash[this.getCopyTabId(i)];e&&t&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(i)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex(t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find(t=>t.id===e.id)}updateSelectedTab(e,t=!0){const{tabs:i,panels:s}=this,r=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(i&&s&&(this.setSelectedAttribute((0,o.Qx)(i,r),(0,o.Qx)(s,r),!1),this.setSelectedAttribute((0,o.Qx)(i,e),(0,o.Qx)(s,e),!0)),e>=0&&e<i.length){this.dispatchSelectedChangedEvent(e);const s=this.currentTabsLayout.findIndex(t=>t.id===i[e].id);this.changeSelectedTabIdx(s,t)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id,s=t.findIndex(e=>e.id===i),r=[];t.forEach(e=>{r.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e,t=!0){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var i,s;if(e<this.tabsFilteredAsVisibleList.length){if(t){const e=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[this.selected];null==e||e.focus()}}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,i=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e];t&&this.moveFocusToTab(i);const r=this.tabsFilteredAsHiddenList[e];(null==r?void 0:r.disabled)||this.updateHiddenIdPositiveTabIndex(r)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${e}`)}getCurrentIndex(e){var t,i,s;if(this.scrollArrow){const t=this.tabs.length;for(let i=0;i<t;i++)if(this.tabs[i].id===e)return i}const r=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<r;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s,r;const o=this.getCurrentIndex(e),a=this.slotItem.assignedElements();let l=0;if(this.scrollArrow){t===S?l=0===o?a.length-1:o-1:t===x&&(l=o===a.length-1?0:o+1),this.moveFocusToTab(a[l]);const e=a[l],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,f.setTimeout)(()=>this.moveFocusToTab(a[l]),0)}const n=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;n&&0!==d&&(t===S?l=0===o?d-1:o-1:t===x?l=o===d-1?0:o+1:t===H&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,f.setTimeout)(()=>null==e?void 0:e.focus(),0)}handleOverlayClose(){(0,f.setTimeout)(()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)},0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,r,o,a,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find(e=>e.id===(null==d?void 0:d.id)))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===w,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,H));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(r=this.tabsFilteredAsVisibleList)||void 0===r?void 0:r.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[(null===(a=this.tabsFilteredAsHiddenList)||void 0===a?void 0:a.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,this.isRtl?x:S));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,this.isRtl?S:x));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?T:this.selected-1);else if(f){e.preventDefault();const t=this.selected===y?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===T?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?y:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.length?e.find(e=>e.selected)||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map(e=>e.name)}setupMoreTab(){return M(this,void 0,void 0,function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))})}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=v().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=v().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id,!1)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return M(this,void 0,void 0,function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()})}willUpdate(e){var t,i;if(null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("selectedIndex")&&(this.selected=this.selectedIndex),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(i=this.tabsCopyHiddenListElements)||void 0===i?void 0:i.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce((e,t)=>(e[t.id]=t,e),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce((e,t)=>e+t,0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}}updated(e){super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex,!1),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,f.setTimeout)(()=>this.updateArrowsVisibility(),300)}get moreMenuButtonTemplate(){return n.html`
+      `}};c([(0,d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),c([(0,d.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),c([(0,d.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),c([(0,d.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),c([(0,d.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),c([(0,d.property)({type:String,reflect:!0})],t.prototype,"type",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),c([(0,d.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),c([(0,d.property)({type:String})],t.prototype,"variant",void 0),c([(0,d.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),c([(0,d.property)({type:Number})],t.prototype,"size",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),c([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=c([(0,o.w)("md-tab")],t),e.ELEMENT=t}(u||(u={}))},16968:e=>{e.exports=u},20291:e=>{e.exports=r},22962:e=>{e.exports=n},32022:e=>{e.exports=o},41891:e=>{e.exports=m},50226:(e,t,i)=>{i.r(t),i.d(t,{MORE_MENU_TAB_COPY_ID_PREFIX:()=>A,Tabs:()=>V}),i(61200),i(11323),i(83192);var s=i(90195),r=i(3001),o=i(66677),a=i(59164),l=i(4313),n=i(87161),d=i(54765),h=i(70429),b=i(85125),c=i(58175),p=i(10318),u=i(16968),m=i(41891),v=i.n(m),f=i(97103),T=i(2669),y=i(16643),g=function(e,t,i,s){var r,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},M=function(e,t,i,s){return new(i||(i=Promise))(function(r,o){function a(e){try{n(s.next(e))}catch(e){o(e)}}function l(e){try{n(s.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(a,l)}n((s=s.apply(e,t||[])).next())})};const w="tab-more",A="more-menu-copy-",I="visibleToVisible",C="visibleToHidden",L="hiddenToVisible",E="hiddenToHidden",S="previous",x="next",H="fromMoreTabs";var V;!function(e){let t=class extends((0,r.UM)((0,r.Io)((0,r.TS)(n.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.size=28,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame(()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.tabsListElement;this.showLeftArrow=e>0,this.showRightArrow=e+i<t-5})},this.handleOnDragEnd=e=>M(this,void 0,void 0,function*(){var t,i,s,r,o,a,l,n,d,h;e.stopPropagation();const b=e.oldIndex,c=e.newIndex,p=[...this.tabsFilteredAsVisibleList],u=[...this.tabsFilteredAsHiddenList],m=this.getDragDirection(e);if(void 0!==b&&void 0!==c){switch(m){case C:{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=p[b],r=u.slice(-1)[0],o=c===this.tabsFilteredAsHiddenList.length?c-1:c;u.splice(o,0,s),u.pop();const a=p.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));a.push(r),this.tabsFilteredAsVisibleList=[...a],this.tabsFilteredAsHiddenList=[...u];break}case I:{const e=p[b];p.splice(b,1),p.splice(c,0,e),this.tabsFilteredAsVisibleList=p,c===this.tabsFilteredAsVisibleList.length-1&&(null===(r=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===r||r.remove());const t=this.visibleTabsContainerElement.children[b],i=this.visibleTabsContainerElement.children[c];if(!t||!i)return;null===(o=this.visibleTabsContainerElement)||void 0===o||o.replaceChild(i,t),null===(a=this.visibleTabsContainerElement)||void 0===a||a.insertBefore(t,i);break}case L:{null===(n=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===n||n.remove();const t=u[b],i=p.slice(-1)[0];u.splice(b,1),u.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;p.splice(s,0,t),p.pop(),this.tabsFilteredAsVisibleList=p,this.tabsFilteredAsHiddenList=u;break}case E:{const e=u[b];u.splice(b,1),u.splice(c,0,e),this.tabsFilteredAsHiddenList=u,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const e=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],t=e.findIndex(e=>e.selected);this.storeSelectedTabIndex(t),this.tabsOrderPrefsArray=e.map(e=>e.name),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}})}get selectedIndex(){return this._selectedIndex}set selectedIndex(e){var t;if(-1===e)return;const i=this._selectedIndex;this._selectedIndex=e,i!==e&&(null===(t=this.tabs)||void 0===t?void 0:t.length)&&this.updateSelectedTab(e)}get isRtl(){return"rtl"===getComputedStyle(this).direction}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(e){var t;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${e.id}`:e.id}getAriaControlId(e){var t,i;return(null===(t=e.id)||void 0===t?void 0:t.startsWith(A))?`${A}${e.id}`:"tab_panel_"+(null===(i=e.id)||void 0===i?void 0:i.substring(4))}getTabIndex(e){var t,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==e?void 0:e.id)&&this.selected>(null===(t=this.tabsFilteredAsVisibleList)||void 0===t?void 0:t.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===e.id?0:-1}getNormalizedTabId(e){return e.replace(A,"")}static get styles(){return[l.A,T.A]}ensureTabsUpdateComplete(e){return M(this,void 0,void 0,function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))})}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map(e=>{e.setAttribute("measuringrealwidth","");const t=e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),t}):this.tabs.map(e=>e.closable?e.offsetWidth+y.TAB_CROSS_WIDTH:e.offsetWidth)}updateIsMoreTabTruncated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-menu-overlay__overflow-label");if(t){const e=t.scrollWidth>t.clientWidth;this.isMoreTabTruncated!=e&&(this.isMoreTabTruncated=e)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map(e=>e.offsetHeight)}manageOverflow(){return M(this,void 0,void 0,function*(){var e,t;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,r,o,a;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(o=null===(r=null==e?void 0:e.querySelector("slot"))||void 0===r?void 0:r.assignedNodes({flatten:!0})[0])||void 0===o?void 0:o.cloneNode(!0);t&&(t.classList.add("tab-content"),null===(a=null==e?void 0:e.children[0])||void 0===a||a.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const r=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const o=this.measureTabsOffsetWidth(),a=i.reduce((e,t,i)=>e+o[i],0);if(a){yield this.setupMoreTab();let e=!0;r<a&&(e=!1);const t=[];let l=0;i.forEach((i,a)=>{l+=o[a];const n=!e&&l+(a<s-1?this.moreTabMenuOffsetWidth:0)>r;t.push({isTabInViewportHidden:n,tabOffsetWidth:o[a]})}),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find(e=>e.isTabInViewportHidden),this.tabsFilteredAsVisibleList=i.filter((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsFilteredAsHiddenList=i.filter((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})}}this.updateIsMoreTabMenuSelected();const r=this.tabsFilteredAsHiddenList.find(e=>!e.disabled);this.updateHiddenIdPositiveTabIndex(r)}})}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const e=(e,t)=>{var i,s;const r=null!==(i=e.getAttribute("name"))&&void 0!==i?i:"",o=null!==(s=t.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(r)-this.tabsOrderPrefsArray.indexOf(o)};this.tabs.sort(e),this.panels.sort(e)}linkPanelsAndTabs(){return M(this,void 0,void 0,function*(){this.sortTabsAndPanes();const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`);const i="vertical"===this.direction,s=this.selectedIndex<0?0:this.selectedIndex;e.forEach((e,r)=>{const o=(0,a.O)("tabs"),l="tab_"+o,n="tab_panel_"+o;e.setAttribute("id",l),e.setAttribute("aria-controls",n),e.selected=s===r,e.newMomentum=this.newMomentum,e.type=this.type,e.variant=this.variant,e.size=this.newMomentum?this.size:void 0,this.scrollArrow&&(e.visibleTab=!0),e.vertical!==i&&(e.vertical=i),e.viewportHidden&&(i||this.scrollArrow)&&(e.viewportHidden=!1);const d=t[r];d?(d.setAttribute("id",n),d.setAttribute("aria-labelledby",l),d.selected=s===r,e.disabled&&(d.hidden=!0,d.selected=!1)):e.disabled=!0});let r=s;for(;r<e.length&&e[r].disabled;)r++;r=r===e.length?0:r,e[r].selected=!0,t[r].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{})})}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){var t;null===(t=super.handleResize)||void 0===t||t.call(this,e),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?C:e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?I:e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?L:e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?E:void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e,t=!0){const i=this.tabsHash[this.getNormalizedTabId(e)];if(i&&!i.disabled){const e=this.tabsIdxHash[i.id];-1!==e&&this.updateSelectedTab(e,t);{const e=this.tabsCopyHash[this.getCopyTabId(i)];e&&t&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(i)}}}handleTabCrossClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseClick(e){const{id:t}=e.detail;this.handleTabCloseEvent(t)}handleTabCloseEvent(e){var t,i;const s=this.tabsHash[this.getNormalizedTabId(e)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex(t=>this.getNormalizedTabId(t.id)===this.getNormalizedTabId(e));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(t=>this.getNormalizedTabId(t.id)!==this.getNormalizedTabId(e)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(e,t,i=!1){t&&(t.selected=i),e&&(e.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(e)),this.isTabInMoreMenu(e)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(e){return void 0!==this.tabsFilteredAsHiddenList.find(t=>t.id===e.id)}updateSelectedTab(e,t=!0){const{tabs:i,panels:s}=this,r=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(i&&s&&(this.setSelectedAttribute((0,o.Qx)(i,r),(0,o.Qx)(s,r),!1),this.setSelectedAttribute((0,o.Qx)(i,e),(0,o.Qx)(s,e),!0)),e>=0&&e<i.length){this.dispatchSelectedChangedEvent(e);const s=this.currentTabsLayout.findIndex(t=>t.id===i[e].id);this.changeSelectedTabIdx(s,t)}}dispatchSelectedChangedEvent(e){const t=this.currentTabsLayout,i=this.tabs[e].id;let s=t.findIndex(e=>e.id===i);-1===s&&(s=e);const r=[];t.forEach(e=>{r.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:r},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e,t=!0){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var i,s;if(e<this.tabsFilteredAsVisibleList.length){if(t){const e=null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[this.selected];null==e||e.focus()}}else{const e=this.selected-this.tabsFilteredAsVisibleList.length,i=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e];t&&this.moveFocusToTab(i);const r=this.tabsFilteredAsHiddenList[e];(null==r?void 0:r.disabled)||this.updateHiddenIdPositiveTabIndex(r)}}),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(e)}storeSelectedTabIndex(e){this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${e}`)}getCurrentIndex(e){var t,i,s;if(this.scrollArrow){const t=this.tabs.length;for(let i=0;i<t;i++)if(this.tabs[i].id===e)return i}const r=null!==(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children.length)&&void 0!==i?i:0;for(let t=0;t<r;t++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[t].id)===e)return t;return this.tabsVisibleIdxHash[e]}moveFocusToAdjacentTab(e,t){var i,s,r;const o=this.getCurrentIndex(e),a=this.slotItem.assignedElements();let l=0;if(this.scrollArrow){t===S?l=0===o?a.length-1:o-1:t===x&&(l=o===a.length-1?0:o+1),this.moveFocusToTab(a[l]);const e=a[l],s=e.getBoundingClientRect(),r=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return r&&(s.left>=r.left&&s.right<=r.right&&s.top>=r.top&&s.bottom<=r.bottom||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,f.setTimeout)(()=>this.moveFocusToTab(a[l]),0)}const n=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;n&&0!==d&&(t===S?l=0===o?d-1:o-1:t===x?l=o===d-1?0:o+1:t===H&&(l=this.selected>=d?0:this.selected),this.moveFocusToTab(n[l]))}moveFocusToTab(e){(0,f.setTimeout)(()=>null==e?void 0:e.focus(),0)}handleOverlayClose(){(0,f.setTimeout)(()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)},0)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){var t,i,r,o,a,l,n;const d=e.target;if(e.target!=this&&!this.tabs.find(e=>e.id===(null==d?void 0:d.id)))return!1;let h;if((null===(t=e.composedPath())||void 0===t?void 0:t.length)>0?h=e.composedPath()[0].id:e.originalTarget&&(h=e.originalTarget.id),!h)return;const b=this.getNormalizedTabId(h);this.dispatchKeydownEvent(e,b);const c=e.code,{shiftKey:p}=e,u=!!this.isMoreTabMenuVisible&&b===w,m=u&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(b)],v=!this.isMoreTabMenuVisible||m&&this.tabsVisibleIdxHash[m.id]>-1,f=!!this.isMoreTabMenuVisible&&m&&this.tabsHiddenIdxHash[m.id]>-1,T=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,y=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:u&&!this.isMoreTabMenuOpen&&p&&(e.preventDefault(),this.moveFocusToAdjacentTab(h,H));break;case s.Uz.End:u||(v?(e.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(r=this.tabsFilteredAsVisibleList)||void 0===r?void 0:r.length)-1])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(o=this.hiddenTabsContainerElement)||void 0===o?void 0:o.children[(null===(a=this.tabsFilteredAsHiddenList)||void 0===a?void 0:a.length)-1])));break;case s.Uz.Home:v?(e.preventDefault(),this.moveFocusToTab(null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.children[0])):this.isMoreTabMenuOpen&&(e.preventDefault(),this.moveFocusToTab(null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[0]));break;case s.Uz.ArrowLeft:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,this.isRtl?x:S));break;case s.Uz.ArrowRight:u||(v||this.scrollArrow)&&(e.stopPropagation(),this.moveFocusToAdjacentTab(h,this.isRtl?S:x));break;case s.Uz.ArrowUp:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?T:this.selected-1);else if(f){e.preventDefault();const t=this.selected===y?g:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.Uz.ArrowDown:if(u);else if(v&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===T?0:this.selected+1);else if(f){e.preventDefault();const t=this.selected===g?y:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(u){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.length?e.find(e=>e.selected)||e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(m&&!m.disabled){const t=this.tabsIdxHash[this.getNormalizedTabId(m.id)];-1!==t&&(e.preventDefault(),this.updateSelectedTab(t))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(e){const{compUniqueId:t}=e.detail;t===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map(e=>e.name)}setupMoreTab(){return M(this,void 0,void 0,function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))})}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=v().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=v().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow()}connectedCallback(){var e;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(e=localStorage.getItem(this.compUniqueId))||void 0===e?void 0:e.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[t].id?(this._selectedIndex=t,this.handleNewSelectedTab(i[t].id,!1)):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){var t;super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(t=this.tabsListElement)||void 0===t||t.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return M(this,void 0,void 0,function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()})}willUpdate(e){var t,i;if(null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("selectedIndex")&&(this.selected=this.selectedIndex),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(i=this.tabsCopyHiddenListElements)||void 0===i?void 0:i.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce((e,t)=>(e[t.id]=t,e),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce((e,t)=>e+t,0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}}updated(e){super.updated(e),e.has("direction")&&e.get("direction")!==this.direction&&this.onDirectionChanged(),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsId")&&this.selectTabFromStorage(),e.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex,!1),e.has("overflowLabel")&&this.updateIsMoreTabTruncated(),e.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(e){if(!this.tabsListElement||"vertical"===this.direction)return;const t="left"===e?-100:100;this.tabsListElement.scrollBy({left:t,behavior:"smooth"}),(0,f.setTimeout)(()=>this.updateArrowsVisibility(),300)}get moreMenuButtonTemplate(){return n.html`
         <md-tab
           slot="menu-trigger"
           id="${w}"
@@ -63,7 +63,7 @@
               id="${this.getCopyTabId(e)}"
               aria-label=${e.ariaLabel}
               aria-controls="${this.getAriaControlId(e)}"
-              @click="${()=>this.handleOverlayClose()}"
+              @click=${this.handleOverlayClose}
               tabIndex="${this.tabHiddenIdPositiveTabIndex===e.id?0:-1}"
               role="menuitem"
               ?newMomentum=${this.newMomentum}
@@ -80,8 +80,8 @@
           max-height="${"288px"}"
           class="md-menu-overlay__more ${(0,b.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
           placement="bottom-end"
-          @menu-overlay-open="${()=>this.isMoreTabMenuOpen=!0}"
-          @menu-overlay-close="${()=>this.isMoreTabMenuOpen=!1}"
+          @menu-overlay-open=${()=>this.isMoreTabMenuOpen=!0}
+          @menu-overlay-close=${()=>this.isMoreTabMenuOpen=!1}
         >
           ${this.moreMenuButtonTemplate}
           <div

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

@@ -85,7 +85,7 @@
             ${this.lastmessage?l.nothing:l.html` <slot name="lastmessage"></slot> `}
           </div>
           <div class="md-taskitem__addition ${(0,p.classMap)({empty_addition:this.additionEmptyMargin})}">
-            <slot @slotchange="${this.handleAdditionSlotChange}"></slot>
+            <slot @slotchange=${this.handleAdditionSlotChange}></slot>
             ${(0,h.Um)(this.quantity,this.isRestyle,this)}
           </div>
         </div>

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

@@ -12,9 +12,9 @@
           max=${(0,h.ifDefined)(e.max)}
           maxLength=${2}
           placeholder="${y[t]}"
-          @input-change="${e=>this.handleTimeChange(e,t)}"
-          @input-keydown="${e=>this.handleTimeKeyDown(e,t)}"
-          @input-blur="${e=>this.handleTimeBlur(e,t)}"
+          @input-change=${e=>this.handleTimeChange(e,t)}
+          @input-keydown=${e=>this.handleTimeKeyDown(e,t)}
+          @input-blur=${e=>this.handleTimeBlur(e,t)}
           .messageArr=${[{message:"",type:this.messageType(this.timeValidity[t])}]}
           .ariaLabel="${t}-input"
           ariaInvalid="${!this.timeValidity[t]}"
@@ -31,7 +31,7 @@
           no-clear-icon
           .inputValue=${this.timeValue[s.R5.AM_PM]}
           .ariaLabel=${this.timeValue[s.R5.AM_PM]}
-          @change-selected="${t=>this.handleTimeChange(t,s.R5.AM_PM)}"
+          @change-selected=${t=>this.handleTimeChange(t,s.R5.AM_PM)}
         >
         </md-combobox>
       `}get timePickerClassMap(){return{"twenty-four-hour-format":this.finalTwentyFourFormat}}connectedCallback(){super.connectedCallback(),this.initializeTimeValues()}updated(t){super.updated(t),["value","locale","twentyFourHourFormat","showDefaultNowTime","timeSpecificity"].some(e=>t.has(e))&&this.initializeTimeValues()}initializeTimeValues(){if(this.showDefaultNowTime||this.value){const t=this.value||(0,r.tB)().toISOTime({suppressMilliseconds:!0});t&&this.updateValue(t)}else{const t=c.DateTime.now().setLocale(this.locale),e=this.getLocaleTimeFormat(t);this.finalTwentyFourFormat=this.twentyFourHourFormat||e;const i=this.timeSpecificity===s.R5.MINUTE||this.timeSpecificity===s.R5.SECOND,o=this.timeSpecificity===s.R5.SECOND;this.timeValue={[s.R5.HOUR]:"",[s.R5.MINUTE]:i?"":"00",[s.R5.SECOND]:o?"":"00",[s.R5.AM_PM]:"AM"}}}updateValue(t){const e=t||this.value;if(!e)return;this.timeObject=c.DateTime.fromISO(e,{locale:this.locale});const i=this.getLocaleTimeFormat(this.timeObject);this.finalTwentyFourFormat=this.twentyFourHourFormat||i,this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.updateTimeValues()}dispatchTimeChangeEvent(){this.dispatchEvent(new CustomEvent("time-selection-change",{bubbles:!0,composed:!0,detail:{time:this.value,data:this.timeObject,isValid:this.isEntireTimeValid()}}))}handleTimeChange(t,e){var i,o,r;this.timeValue[e]=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.value,this.requestUpdate(),this.formatTimeUnit(e);const a=this.timeValue[e];if(this.twoDigitAutoTab&&this.tabNext&&(e!==s.R5.AM_PM&&2===a.length&&"0"!==a[0]||"00"===a)){t.preventDefault();const e=null==t?void 0:t.target,i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("md-input, md-combobox");if(i){const t=Array.prototype.findIndex.call(i,t=>null==e?void 0:e.isEqualNode(t)),s=(t+1)%i.length;if(t<i.length-1){const t=null===(r=i[s].shadowRoot)||void 0===r?void 0:r.querySelector("input");null==t||t.focus()}}}else e===s.R5.AM_PM&&this.updateTimeUnit(e);t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-change`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`,isValid:this.timeValidity[e]}}))}handleTimeKeyDown(t,e){var i;const o=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.srcEvent;if(!o)return void console.warn("srcEvent is undefined");const{key:r}=o;r===s.Uz.ArrowDown||r===s.Uz.ArrowUp?this.tabNext=!1:this.tabNext=!0,this.timeValidity[e]=!0,this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-keydown`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`}}))}handleTimeBlur(t,e){"0"===this.timeValue[e]&&(this.timeValue[e]="00"),this.updateTimeUnit(e),this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-blur`,{bubbles:!0,composed:!0,detail:{srcEvent:t,time:this.value,isValid:this.timeValidity[e]}}))}static get styles(){return[n.A,d.A]}render(){return l.html`