@momentum-ui/web-components 2.23.1 → 2.23.3

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

@@ -1,4 +1,4 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,n,l,a,h)=>(()=>{"use strict";var p,c={5784:e=>{e.exports=a},8229:e=>{e.exports=t},23968:e=>{e.exports=r},29895:(e,t,i)=>{i.r(t),i.d(t,{CoachmarkPopover:()=>r}),i(96798),i(61200),i(71128);var r,o=i(31890),s=i(26272),n=i(41488),l=i(23968),a=i(40587),h=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};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.placement="bottom",this.triggerID="",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[s.A,a.A]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(e){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent=e)}}updated(e){super.updated(e),e.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return n.html`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,n,l,h,a)=>(()=>{"use strict";var p,d={5784:e=>{e.exports=h},8229:e=>{e.exports=t},23968:e=>{e.exports=r},29895:(e,t,i)=>{i.r(t),i.d(t,{CoachmarkPopover:()=>r}),i(96798),i(61200),i(71128);var r,o=i(31890),s=i(26272),n=i(41488),l=i(23968),h=i(40587),a=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};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.placement="bottom",this.triggerID="",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[s.A,h.A]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(e){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent=e)}}updated(e){super.updated(e),e.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return n.html`
         <div class="md-coachmark__content">
           ${this.message?this.message:n.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
         </div>
@@ -50,20 +50,20 @@
             ${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
           </div>
         </md-popover>
-      `}};h([(0,n.property)({type:String})],t.prototype,"placement",void 0),h([(0,n.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),h([(0,n.property)({type:String})],t.prototype,"headerIconName",void 0),h([(0,n.property)({type:String})],t.prototype,"header",void 0),h([(0,n.property)({type:String})],t.prototype,"message",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),h([(0,n.property)({type:String})],t.prototype,"primaryButton",void 0),h([(0,n.property)({type:String})],t.prototype,"secondaryButton",void 0),h([(0,n.property)({type:String})],t.prototype,"linkText",void 0),h([(0,n.property)({type:String})],t.prototype,"href",void 0),h([(0,n.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),h([(0,n.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=h([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=n},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(41488),a=i(40333),h=i(73679),p=i(68419),c=i(36365),d=i(3998),u=i(33759),m=i(50325),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{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,l)}a((r=r.apply(e,t||[])).next())}))};let y=class extends((0,o.d)(l.LitElement)){constructor(){super(),this.id="",this.triggerID="",this.trigger=p.zY.TRIGGER,this.placement=p.zY.PLACEMENT,this.strategy=p.zY.STRATEGY,this.color=p.zY.COLOR,this.visible=p.zY.VISIBLE,this.offset=p.zY.OFFSET,this.focusTrap=p.zY.FOCUS_TRAP,this.preventScroll=p.zY.PREVENT_SCROLL,this.showArrow=p.zY.ARROW,this.closeButton=p.zY.CLOSE_BUTTON,this.interactive=p.zY.INTERACTIVE,this.delay=p.zY.DELAY,this.hideOnEscape=p.zY.HIDE_ON_ESCAPE,this.hideOnBlur=p.zY.HIDE_ON_BLUR,this.hideOnOutsideClick=p.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=p.zY.FOCUS_BACK,this.backdrop=p.zY.BACKDROP,this.flip=p.zY.FLIP,this.size=p.zY.SIZE,this.zIndex=p.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=p.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=p.zY.DISABLE_ARIA_EXPANDED,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.onOutsidePopoverClick=e=>{if(d.S.peek()!==this)return;const t=e.composedPath(),i=t.includes(this)||this.triggerElement&&t.includes(this.triggerElement),r=!!this.backdropElement&&t.includes(this.backdropElement);i&&!r||this.hidePopover()},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{this.contains(e.relatedTarget)||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.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 g(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,c.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.removeEventListeners(),c.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(p.ME).includes(this.placement)?this.placement:p.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter((e=>Object.values(p.tr).includes(e)));this.setAttribute("trigger",e.length>0?this.trigger:p.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("color")&&this.setAttribute("color",Object.values(p.o$).includes(this.color)?this.color:p.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()}))}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.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),c.T.onShowPopover(this);else{if(d.S.pop(),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.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&&(null===(n=this.setFocusOnTrigger)||void 0===n||n.call(this,this.triggerElement)),c.T.onHidePopover(this)}}))}isMouseOverTrigger(e){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const t=this.triggerElement.getBoundingClientRect(),{clientX:i,clientY:r}=e instanceof MouseEvent?e:{clientX:0,clientY:0};if(i>=t.left&&i<=t.right&&r>=t.top&&r<=t.bottom)return!0}return!1}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;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)),(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)}))))}render(){return l.html`
+      `}};a([(0,n.property)({type:String})],t.prototype,"placement",void 0),a([(0,n.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),a([(0,n.property)({type:String})],t.prototype,"headerIconName",void 0),a([(0,n.property)({type:String})],t.prototype,"header",void 0),a([(0,n.property)({type:String})],t.prototype,"message",void 0),a([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),a([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),a([(0,n.property)({type:String})],t.prototype,"primaryButton",void 0),a([(0,n.property)({type:String})],t.prototype,"secondaryButton",void 0),a([(0,n.property)({type:String})],t.prototype,"linkText",void 0),a([(0,n.property)({type:String})],t.prototype,"href",void 0),a([(0,n.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),a([(0,n.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=a([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=n},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(41488),h=i(40333),a=i(73679),p=i(68419),d=i(36365),c=i(3998),u=i(33759),m=i(50325),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{h(r.next(e))}catch(e){s(e)}}function l(e){try{h(r.throw(e))}catch(e){s(e)}}function h(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,l)}h((r=r.apply(e,t||[])).next())}))};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=p.zY.TRIGGER,this.placement=p.zY.PLACEMENT,this.strategy=p.zY.STRATEGY,this.color=p.zY.COLOR,this.visible=p.zY.VISIBLE,this.offset=p.zY.OFFSET,this.focusTrap=p.zY.FOCUS_TRAP,this.preventScroll=p.zY.PREVENT_SCROLL,this.showArrow=p.zY.ARROW,this.closeButton=p.zY.CLOSE_BUTTON,this.interactive=p.zY.INTERACTIVE,this.delay=p.zY.DELAY,this.hideOnEscape=p.zY.HIDE_ON_ESCAPE,this.hideOnBlur=p.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=p.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=p.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=p.zY.FOCUS_BACK,this.backdrop=p.zY.BACKDROP,this.flip=p.zY.FLIP,this.size=p.zY.SIZE,this.zIndex=p.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=p.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=p.zY.DISABLE_ARIA_EXPANDED,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.onOutsidePopoverClick=e=>{const t=e.composedPath();t.includes(this)||this.triggerElement&&t.includes(this.triggerElement)||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=>{this.contains(e.relatedTarget)||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.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 g(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),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 g(this,void 0,void 0,(function*(){e.disconnectedCallback.call(this),this._controller=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 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(p.ME).includes(this.placement)?this.placement:p.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter((e=>Object.values(p.tr).includes(e)));this.setAttribute("trigger",e.length>0?this.trigger:p.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("color")&&this.setAttribute("color",Object.values(p.o$).includes(this.color)?this.color:p.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()}))}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)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(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&&(null===(n=this.setFocusOnTrigger)||void 0===n||n.call(this,this.triggerElement)),d.T.onHidePopover(this)}}))}isMouseOverTrigger(e){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const t=this.triggerElement.getBoundingClientRect(),{clientX:i,clientY:r}=e instanceof MouseEvent?e:{clientX:0,clientY:0};if(i>=t.left&&i<=t.right&&r>=t.top&&r<=t.bottom)return!0}return!1}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;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)),(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)}))))}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,h.ifDefined)(this.closeButtonAriaLabel)||""}
+            ariaLabel=${(0,a.ifDefined)(this.closeButtonAriaLabel)||""}
             @button-click="${this.hidePopover}"
           >
             <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
-          </md-button>`:a.nothing}
-      ${this.showArrow?l.html`<div class="popover-arrow"></div>`:a.nothing}
+          </md-button>`:h.nothing}
+      ${this.showArrow?l.html`<div class="popover-arrow"></div>`:h.nothing}
       <div part="popover-content">
         <slot></slot>
       </div>
-    `}static get styles(){return[m.A]}};v([(0,l.property)({type:String,reflect:!0})],y.prototype,"id",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"color",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),v([(0,l.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),v([(0,l.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),v([(0,l.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"role",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),y=v([(0,r.w)("md-popover")],y)},73679:e=>{e.exports=h},85314:e=>{e.exports=l},97822:e=>{e.exports=o}},d={};function u(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return c[e](i,i.exports,u),i.exports}u.m=c,p=[],u.O=(e,t,i,r)=>{if(!t){var o=1/0;for(a=0;a<p.length;a++){for(var[t,i,r]=p[a],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(u.O).every((e=>u.O[e](t[n])))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){p.splice(a--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var a=p.length;a>0&&p[a-1][2]>r;a--)p[a]=p[a-1];p[a]=[t,i,r]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0,4131:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,a=0;if(s.some((t=>0!==e[t]))){for(r in n)u.o(n,r)&&(u.m[r]=n[r]);if(l)var h=l(u)}for(t&&t(i);a<s.length;a++)o=s[a],u.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return u.O(h)},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 m=u.O(void 0,[7678,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,1270,3135,8004,1439,587],(()=>u(29895)));return u.O(m)})()));
+    `}static get styles(){return[m.A]}};v([(0,l.property)({type:String,reflect:!0})],y.prototype,"id",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"color",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),v([(0,l.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],y.prototype,"hideOnWindowBlur",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),v([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),v([(0,l.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),v([(0,l.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),v([(0,l.property)({type:String,reflect:!0})],y.prototype,"role",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),v([(0,l.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),v([(0,l.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),v([(0,l.property)({type:Object,attribute:!1})],y.prototype,"controller",null),y=v([(0,r.w)("md-popover")],y)},73679:e=>{e.exports=a},85314:e=>{e.exports=l},97822:e=>{e.exports=o}},c={};function u(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={exports:{}};return d[e](i,i.exports,u),i.exports}u.m=d,p=[],u.O=(e,t,i,r)=>{if(!t){var o=1/0;for(h=0;h<p.length;h++){for(var[t,i,r]=p[h],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(u.O).every((e=>u.O[e](t[n])))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){p.splice(h--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var h=p.length;h>0&&p[h-1][2]>r;h--)p[h]=p[h-1];p[h]=[t,i,r]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0,4131:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,h=0;if(s.some((t=>0!==e[t]))){for(r in n)u.o(n,r)&&(u.m[r]=n[r]);if(l)var a=l(u)}for(t&&t(i);h<s.length;h++)o=s[h],u.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return u.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 m=u.O(void 0,[7678,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,1270,3135,8004,1439,587],(()=>u(29895)));return u.O(m)})()));

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

@@ -1,6 +1,6 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,n,l,h,p)=>(()=>{"use strict";var a,d={5784:e=>{e.exports=h},8229:e=>{e.exports=t},23968:e=>{e.exports=r},32022:e=>{e.exports=s},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=n},71128:(e,t,i)=>{i.r(t),i.d(t,{Popover:()=>y}),i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(41488),h=i(40333),p=i(73679),a=i(68419),d=i(36365),c=i(3998),u=i(33759),v=i(50325),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{h(r.next(e))}catch(e){s(e)}}function l(e){try{h(r.throw(e))}catch(e){s(e)}}function h(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,l)}h((r=r.apply(e,t||[])).next())}))};let y=class extends((0,o.d)(l.LitElement)){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.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.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.onOutsidePopoverClick=e=>{if(c.S.peek()!==this)return;const t=e.composedPath(),i=t.includes(this)||this.triggerElement&&t.includes(this.triggerElement),r=!!this.backdropElement&&t.includes(this.backdropElement);i&&!r||this.hidePopover()},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{this.contains(e.relatedTarget)||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.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.setupTriggerListener(),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.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(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("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()}))}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.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),d.T.onShowPopover(this);else{if(c.S.pop(),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.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&&(null===(n=this.setFocusOnTrigger)||void 0===n||n.call(this,this.triggerElement)),d.T.onHidePopover(this)}}))}isMouseOverTrigger(e){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const t=this.triggerElement.getBoundingClientRect(),{clientX:i,clientY:r}=e instanceof MouseEvent?e:{clientX:0,clientY:0};if(i>=t.left&&i<=t.right&&r>=t.top&&r<=t.bottom)return!0}return!1}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;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)),(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)}))))}render(){return l.html`
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,((e,t,i,r,o,s,l,n,h,p)=>(()=>{"use strict";var a,d={5784:e=>{e.exports=h},8229:e=>{e.exports=t},23968:e=>{e.exports=r},32022:e=>{e.exports=s},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=l},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),l=i(5784),n=i(41488),h=i(40333),p=i(73679),a=i(68419),d=i(36365),c=i(3998),u=i(33759),v=i(50325),g=function(e,t,i,r){var o,s=arguments.length,l=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(l=(s<3?o(l):s>3?o(t,i,l):o(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l},m=function(e,t,i,r){return new(i||(i=Promise))((function(o,s){function l(e){try{h(r.next(e))}catch(e){s(e)}}function n(e){try{h(r.throw(e))}catch(e){s(e)}}function h(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,n)}h((r=r.apply(e,t||[])).next())}))};class y{show(e){}hide(){}toggle(){}isVisible(){return!1}}let f=class extends((0,o.d)(n.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._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.onOutsidePopoverClick=e=>{const t=e.composedPath();t.includes(this)||this.triggerElement&&t.includes(this.triggerElement)||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=>{this.contains(e.relatedTarget)||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.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.setupTriggerListener(),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._controller=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(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("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()}))}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,l;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(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&&(null===(l=this.setFocusOnTrigger)||void 0===l||l.call(this,this.triggerElement)),d.T.onHidePopover(this)}}))}isMouseOverTrigger(e){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const t=this.triggerElement.getBoundingClientRect(),{clientX:i,clientY:r}=e instanceof MouseEvent?e:{clientX:0,clientY:0};if(i>=t.left&&i<=t.right&&r>=t.top&&r<=t.bottom)return!0}return!1}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;const e=[(0,l.shift)()];let t=this.offset;if(this.flip&&e.push((0,l.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,l.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,l.arrow)({element:this.arrowElement,padding:12}))}e.push((0,l.offset)(t)),(0,l.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,l.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)}))))}render(){return n.html`
       <div class="popover-hover-bridge"></div>
-      ${this.closeButton?l.html` <md-button
+      ${this.closeButton?n.html` <md-button
             class="popover-close"
             hasRemoveStyle
             size="20"
@@ -10,8 +10,8 @@
           >
             <md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
           </md-button>`:h.nothing}
-      ${this.showArrow?l.html`<div class="popover-arrow"></div>`:h.nothing}
+      ${this.showArrow?n.html`<div class="popover-arrow"></div>`:h.nothing}
       <div part="popover-content">
         <slot></slot>
       </div>
-    `}static get styles(){return[v.A]}};g([(0,l.property)({type:String,reflect:!0})],y.prototype,"id",void 0),g([(0,l.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),g([(0,l.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),g([(0,l.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),g([(0,l.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),g([(0,l.property)({type:String,reflect:!0})],y.prototype,"color",void 0),g([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),g([(0,l.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),g([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),g([(0,l.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),g([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),g([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),g([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),g([(0,l.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),g([(0,l.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),g([(0,l.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),g([(0,l.property)({type:String,reflect:!0})],y.prototype,"role",void 0),g([(0,l.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),g([(0,l.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),g([(0,l.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),y=g([(0,r.w)("md-popover")],y)},73679:e=>{e.exports=p},85314:e=>{e.exports=l},97822:e=>{e.exports=o}},c={};function u(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={exports:{}};return d[e](i,i.exports,u),i.exports}u.m=d,a=[],u.O=(e,t,i,r)=>{if(!t){var o=1/0;for(h=0;h<a.length;h++){for(var[t,i,r]=a[h],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(u.O).every((e=>u.O[e](t[n])))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){a.splice(h--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var h=a.length;h>0&&a[h-1][2]>r;h--)a[h]=a[h-1];a[h]=[t,i,r]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,h=0;if(s.some((t=>0!==e[t]))){for(r in n)u.o(n,r)&&(u.m[r]=n[r]);if(l)var p=l(u)}for(t&&t(i);h<s.length;h++)o=s[h],u.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return u.O(p)},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 v=u.O(void 0,[7678,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,1270,3135,8004,1439],(()=>u(71128)));return u.O(v)})()));
+    `}static get styles(){return[v.A]}};g([(0,n.property)({type:String,reflect:!0})],f.prototype,"id",void 0),g([(0,n.property)({type:String,reflect:!0})],f.prototype,"triggerID",void 0),g([(0,n.property)({type:String,reflect:!0})],f.prototype,"trigger",void 0),g([(0,n.property)({type:String,reflect:!0})],f.prototype,"placement",void 0),g([(0,n.property)({type:String,reflect:!0})],f.prototype,"strategy",void 0),g([(0,n.property)({type:String,reflect:!0})],f.prototype,"color",void 0),g([(0,n.property)({type:Boolean,reflect:!0})],f.prototype,"visible",void 0),g([(0,n.property)({type:Number,reflect:!0})],f.prototype,"offset",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],f.prototype,"focusTrap",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],f.prototype,"preventScroll",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],f.prototype,"showArrow",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"close-button"})],f.prototype,"closeButton",void 0),g([(0,n.property)({type:Boolean,reflect:!0})],f.prototype,"interactive",void 0),g([(0,n.property)({type:String,reflect:!0})],f.prototype,"delay",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],f.prototype,"hideOnEscape",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],f.prototype,"hideOnBlur",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],f.prototype,"hideOnWindowBlur",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],f.prototype,"hideOnOutsideClick",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],f.prototype,"focusBackToTrigger",void 0),g([(0,n.property)({type:Boolean,reflect:!0})],f.prototype,"backdrop",void 0),g([(0,n.property)({type:Boolean,reflect:!0})],f.prototype,"flip",void 0),g([(0,n.property)({type:Boolean,reflect:!0})],f.prototype,"size",void 0),g([(0,n.property)({type:Number,reflect:!0,attribute:"z-index"})],f.prototype,"zIndex",void 0),g([(0,n.property)({type:String,reflect:!0,attribute:"append-to"})],f.prototype,"appendTo",void 0),g([(0,n.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],f.prototype,"closeButtonAriaLabel",void 0),g([(0,n.property)({type:String,reflect:!0})],f.prototype,"role",void 0),g([(0,n.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],f.prototype,"ariaLabelledby",void 0),g([(0,n.property)({type:String,reflect:!0,attribute:"aria-describedby"})],f.prototype,"ariaDescribedby",void 0),g([(0,n.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],f.prototype,"disableAriaExpanded",void 0),g([(0,n.property)({type:Object,attribute:!1})],f.prototype,"controller",null),f=g([(0,r.w)("md-popover")],f)},73679:e=>{e.exports=p},85314:e=>{e.exports=n},97822:e=>{e.exports=o}},c={};function u(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={exports:{}};return d[e](i,i.exports,u),i.exports}u.m=d,a=[],u.O=(e,t,i,r)=>{if(!t){var o=1/0;for(h=0;h<a.length;h++){for(var[t,i,r]=a[h],s=!0,l=0;l<t.length;l++)(!1&r||o>=r)&&Object.keys(u.O).every((e=>u.O[e](t[l])))?t.splice(l--,1):(s=!1,r<o&&(o=r));if(s){a.splice(h--,1);var n=i();void 0!==n&&(e=n)}}return e}r=r||0;for(var h=a.length;h>0&&a[h-1][2]>r;h--)a[h]=a[h-1];a[h]=[t,i,r]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,l,n]=i,h=0;if(s.some((t=>0!==e[t]))){for(r in l)u.o(l,r)&&(u.m[r]=l[r]);if(n)var p=n(u)}for(t&&t(i);h<s.length;h++)o=s[h],u.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return u.O(p)},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 v=u.O(void 0,[7678,1890,6272,6325,6283,9217,2176,6798,5830,1200,2576,8210,1270,3135,8004,1439],(()=>u(71128)));return u.O(v)})()));

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

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