@momentum-design/components 0.129.41 → 0.129.42

package/dist/browser/index.js

@@ -2683,7 +2683,7 @@
     border-top-right-radius: var(--mdc-popover-arrow-border-radius);
     border-bottom-left-radius: 100%;
   }
-`,ov=[UT];var Wl=z.constructTagName("popoverportal"),Yl=class extends q{connectedCallback(){super.connectedCallback(),this.ariaHidden="true",this.style.display="none"}disconnectedCallback(){var o;super.disconnectedCallback(),(o=this.onDisconnect)==null||o.call(this)}};var jl=class{constructor(o){this.portalElement=null;this.disconnectAfterAppendTo=!1;this.arrowPixelChange=!1;this.popover=o}setupDelay(){try{let[o,t]=this.popover.delay.split(",").map(r=>{let s=parseInt(r,10);if(Number.isNaN(s)||s<0)throw new Error(`Invalid delay value: ${r}`);return s});return[o,t]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(o){let t=this.popover.renderRoot.querySelector('div[part="popover-hover-bridge"]');Object.assign(t.style,{top:"",left:"",right:"",bottom:""});let r=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,s=this.popover.offsetHeight||0,d=this.popover.offsetWidth||0;if(t)switch(o.split("-")[0]){case"top":t.style.height=r,t.style.bottom=`calc(-1 * (${r}))`,t.style.left="50%",t.style.width=`${d}px`;break;case"left":t.style.height=`${s}px`,t.style.width=r,t.style.right=`calc(-1.5 * (${r}))`;break;case"right":t.style.height=`${s}px`,t.style.width=r,t.style.left=`calc(-0.5 * (${r}))`;break;case"bottom":default:t.style.height=r,t.style.top=`calc(-1 * (${r}))`,t.style.left="50%",t.style.width=`${d}px`;break}}setupAppendTo(){var o,t;if(this.popover.appendTo){let r=document.getElementById(this.popover.appendTo);r&&!Array.from(r.children).includes(this.popover)&&(this.disconnectAfterAppendTo=!0,this.portalElement=document.createElement(Wl),this.portalElement.onDisconnect=()=>{this.popover.remove(),this.portalElement=null},(t=(o=this.popover.parentElement)==null?void 0:o.appendChild)==null||t.call(o,this.portalElement),r.appendChild(this.popover))}}cleanupAppendTo(){!this.disconnectAfterAppendTo&&this.portalElement&&this.portalElement.remove(),this.disconnectAfterAppendTo=!1}updateAriaLabels(){var o,t,r;this.popover.interactive&&this.popover.role&&(this.popover.ariaLabel||(this.popover.ariaLabel=((o=this.popover.triggerElement)==null?void 0:o.ariaLabel)||((t=this.popover.triggerElement)==null?void 0:t.textContent)||""),!this.popover.ariaLabelledby&&!this.popover.ariaLabel&&(this.popover.ariaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateAriaModal(){this.popover.role===J.DIALOG||this.popover.role===J.ALERTDIALOG?this.popover.setAttribute("aria-modal","true"):this.popover.removeAttribute("aria-modal")}updateAriaExpandedAttribute(){var o,t,r;this.popover.disableAriaExpanded||((o=this.popover.triggerElement)==null||o.setAttribute("aria-expanded",`${this.popover.visible}`),(r=this.popover.triggerElement)==null||r.setAttribute("aria-haspopup",((t=this.popover.triggerElement)==null?void 0:t.getAttribute("aria-haspopup"))||this.popover.role||"dialog"))}updateArrowStyle(o,t){var B;if(!this.popover.arrowElement)return;let r=t.split("-")[0],s={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:d,y:m}=o,b=this.popover.arrowElement.getBoundingClientRect(),x=(B=this.popover.arrowElement.offsetParent)==null?void 0:B.getBoundingClientRect();if(!this.arrowPixelChange){let K=x!=null&&x[s]?12-Math.abs(b[s]-x[s]):0;Math.round(K)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let N=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:d!=null?`${d}px`:"",top:m!=null?`${m}px`:"",[s]:`${-this.popover.arrowElement.offsetHeight/2-N}px`})}updatePopoverStyle(o,t){Object.assign(this.popover.style,{left:`${o}px`,top:`${t}px`})}};var _t=class extends bl(ul(ml(q))){constructor(){super();this.id="";this.triggerID="";this.trigger=gt.TRIGGER;this.placement=gt.PLACEMENT;this.color=gt.COLOR;this.visible=gt.VISIBLE;this.offset=gt.OFFSET;this.boundary=gt.BOUNDARY;this.boundaryRoot=gt.BOUNDARY_ROOT;this.focusTrap=gt.FOCUS_TRAP;this.preventScroll=gt.PREVENT_SCROLL;this.showArrow=gt.ARROW;this.closeButton=gt.CLOSE_BUTTON;this.interactive=gt.INTERACTIVE;this.delay=gt.DELAY;this.hideOnEscape=gt.HIDE_ON_ESCAPE;this.propagateEventOnEscape=gt.PROPAGATE_EVENT_ON_ESCAPE;this.hideOnBlur=gt.HIDE_ON_BLUR;this.hideOnOutsideClick=gt.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=gt.FOCUS_BACK;this.backdrop=gt.BACKDROP;this.isBackdropInvisible=gt.IS_BACKDROP_INVISIBLE;this.disableFlip=gt.DISABLE_FLIP;this.size=gt.SIZE;this.closeButtonAriaLabel=null;this.strategy=gt.STRATEGY;this.role=gt.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=gt.DISABLE_ARIA_EXPANDED;this.keepConnectedTooltipOpen=gt.KEEP_CONNECTED_TOOLTIP_OPEN;this.animationFrame=gt.ANIMATION_FRAME;this.arrowElement=null;this.isHovered=!1;this.openDelay=0;this.closeDelay=0;this.floatingUICleanupFunction=null;this.shouldSuppressOpening=!1;this.popoverDepth=0;this.timers=new Gl(this);this.parseTrigger=()=>{var d;let s=(((d=this.trigger)==null?void 0:d.split(" "))||[]).filter(m=>Object.values(Be).includes(m)).length>0?this.trigger:gt.TRIGGER;s==="mouseenter"&&(this.interactive?s="mouseenter click":s="mouseenter focusin"),this.trigger=s};this.setupTriggerListeners=()=>{if(this.trigger.includes("click")&&document.addEventListener("click",this.togglePopoverVisible,{capture:!0}),this.trigger.includes("mouseenter")){let t=this.renderRoot.querySelector('div[part="popover-hover-bridge"]');t==null||t.addEventListener("mouseenter",this.show),document.addEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.addEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay)}this.trigger.includes("focusin")&&(document.addEventListener("focusin",this.handleFocusIn,{capture:!0}),this.interactive||document.addEventListener("focusout",this.handleFocusOut,{capture:!0}))};this.removeTriggerListeners=()=>{document.removeEventListener("click",this.togglePopoverVisible,{capture:!0});let t=this.renderRoot.querySelector('div[part="popover-hover-bridge"]');t==null||t.removeEventListener("mouseenter",this.show),document.removeEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.removeEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),document.removeEventListener("focusin",this.handleFocusIn,{capture:!0}),document.removeEventListener("focusout",this.handleFocusOut,{capture:!0})};this.removeAllListeners=()=>{this.removeTriggerListeners(),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown,{capture:!0})),this.hideOnBlur&&this.removeEventListener("focusout",this.onPopoverFocusOut)};this.onOutsidePopoverClick=t=>{if(Le.peek()!==this)return;let r=t.composedPath(),s=this.contains(t.target)||r.includes(this.triggerElement)||r.includes(this),d=this.backdropElement?r.includes(this.backdropElement):!1;(!s||d)&&(this.hide(),vi.onClickOutside(this))};this.onEscapeKeydown=t=>{!this.visible||t.code!=="Escape"||(this.propagateEventOnEscape||t.stopPropagation(),t.preventDefault(),this.hide(),vi.onEscapeKeyPressed(this))};this.onPopoverFocusOut=t=>{this.contains(t.relatedTarget)||this.hide()};this.handleMouseEnter=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!0,this.show())};this.handleMouseLeave=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!1,this.startCloseDelay())};this.handleFocusOut=t=>{this.isEventFromTrigger(t)&&(this.isHovered||this.hide())};this.handleFocusIn=t=>{var r,s,d,m;this.isEventFromTrigger(t)&&((r=this.triggerElement)!=null&&r.matches(":focus-visible")||(m=(d=(s=this.triggerElement)==null?void 0:s.shadowRoot)==null?void 0:d.querySelector(".mdc-focus-ring"))!=null&&m.matches(":focus-visible")||this.isHovered)&&this.show()};this.cancelOpenDelay=()=>{this.timers.clearTimeout(Hr.OPEN)};this.startCloseDelay=()=>{if(this.cancelOpenDelay(),!this.interactive)this.hide();else{let t=()=>{this.visible=!1};this.closeDelay>0?this.timers.setTimeout(Hr.HOVER,t,this.closeDelay):(this.timers.clearTimeout(Hr.HOVER),t())}};this.cancelCloseDelay=()=>{this.timers.clearTimeout(Hr.HOVER),this.timers.clearTimeout(Hr.CLOSE)};this.show=()=>{if(this.shouldSuppressOpening||(this.cancelCloseDelay(),this.visible))return;let t=()=>{this.visible=!0};this.openDelay>0?this.timers.setTimeout(Hr.OPEN,t,this.openDelay):(this.timers.clearTimeout(Hr.OPEN),t())};this.hide=()=>{this.cancelOpenDelay();let t=()=>{this.visible=!1};this.closeDelay>0?this.timers.setTimeout(Hr.CLOSE,t,this.closeDelay):(this.timers.clearTimeout(Hr.CLOSE),t())};this.togglePopoverVisible=t=>{this.isEventFromTrigger(t)&&(this.visible?this.hide():this.show())};this.positionPopover=()=>{let{triggerElement:t}=this;if(!t)return;let r=!this.boundary||this.boundary==="clippingAncestors"?"clippingAncestors":Array.from(document.querySelectorAll(this.boundary)),s=this.boundaryRoot,d=[Jf({boundary:r,rootBoundary:s,padding:this.boundaryPadding})],m=this.offset;if(this.disableFlip||d.push(tv({boundary:r,rootBoundary:s})),this.size){let b=N=>{this.style.setProperty("--mdc-popover-internal-available-height",`${N}px`)},x=this.renderRoot.querySelector('[part="popover-content"]');d.push(ev({boundary:r,rootBoundary:s,apply({availableHeight:N}){x&&(Object.assign(x.style,{maxHeight:`${N}px`,overflowY:"auto"}),b(N))},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector('div[part="popover-arrow"]'),this.arrowElement)){let b=this.arrowElement.offsetHeight,x=Math.sqrt(2*b**2)/2;m+=x,d.push(rv({element:this.arrowElement,padding:12}))}d.push(Qf(m)),this.floatingUICleanupFunction=Zf(t,this,async()=>{let{triggerElement:b}=this;if(!b)return;let x=this.adjustPlacementForRtl(this.placement),{x:N,y:B,middlewareData:K,placement:Q}=await iv(b,this,{placement:x,middleware:d,strategy:this.strategy});this.utils.updatePopoverStyle(N,B),K.arrow&&this.arrowElement&&this.utils.updateArrowStyle(K.arrow,Q),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(Q)},{animationFrame:this.animationFrame})};this.utils=new jl(this),this.parseTrigger(),[this.openDelay,this.closeDelay]=this.utils.setupDelay()}get zIndex(){return this.internalZIndex===void 0||!Number.isInteger(this.internalZIndex)?gt.Z_INDEX+this.popoverDepth*3:this.internalZIndex}set zIndex(t){this.internalZIndex=t}get connectedTooltip(){let t=this.getRootNode().querySelectorAll(`mdc-tooltip[triggerID="${this.triggerID}"]`);return Array.from(t).find(r=>r!==this)}get triggerElement(){return this.getRootNode().querySelector(`[id="${this.triggerID}"]`)}async firstUpdated(t){super.firstUpdated(t),vi.onCreatedPopover(this)}connectedCallback(){super.connectedCallback(),this.utils.setupAppendTo(),this.setupTriggerListeners()}async disconnectedCallback(){var t,r;super.disconnectedCallback(),this.removeAllListeners(),(t=this.deactivateFocusTrap)==null||t.call(this),this.deactivatePreventScroll(),this.moveElementBackAfterBackdropRemoval(this.triggerElement),this.removeBackdrop(),(r=this.floatingUICleanupFunction)==null||r.call(this),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),this.utils.cleanupAppendTo(),vi.onDestroyedPopover(this),Le.remove(this)}async updated(t){if(super.updated(t),t.has("visible")){let r=t.get("visible")||!1;await this.isOpenUpdated(r,this.visible),this.utils.updateAriaExpandedAttribute()}t.has("trigger")&&(this.parseTrigger(),this.removeTriggerListeners(),this.setupTriggerListeners()),t.has("placement")&&this.setAttribute("placement",Object.values(kt).includes(this.placement)?this.placement:gt.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("color")&&this.setAttribute("color",Object.values(_o).includes(this.color)?this.color:gt.COLOR),t.has("appendTo")&&(this.appendTo?this.utils.setupAppendTo():this.utils.cleanupAppendTo()),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.updateAriaLabels(),t.has("role")&&(this.role===""&&(this.role=null),this.utils.updateAriaModal()),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("focusTrap")&&!this.focusTrap&&this.visible&&this.deactivateFocusTrap(),t.has("preventScroll")&&(!this.preventScroll&&this.visible?this.deactivatePreventScroll():this.preventScroll&&this.visible&&this.activatePreventScroll())}async isOpenUpdated(t,r){var d,m;let{triggerElement:s}=this;t===r||!s||(r&&!this.shouldSuppressOpening?(Le.peek()!==this&&(this.popoverDepth=Le.push(this),this.requestUpdate("zIndex")),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.visible=!1,this.connectedTooltip.shouldSuppressOpening=!0),this.backdrop&&!this.backdropElement&&(this.createBackdrop("popover"),this.keepElementAboveBackdrop(s)),this.positionPopover(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(s.style.pointerEvents="none")),this.hideOnEscape&&(this.addEventListener("keydown",this.onEscapeKeydown),document.addEventListener("keydown",this.onEscapeKeydown)),this.activatePreventScroll(),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick,{capture:!0}),setTimeout(()=>{var b,x;this.interactive&&this.focusTrap&&((b=this.activateFocusTrap)==null||b.call(this),(x=this.setInitialFocus)==null||x.call(this))},0),vi.onShowPopover(this)):(Le.peek()===this&&Le.pop(),(d=this.floatingUICleanupFunction)==null||d.call(this),this.backdrop&&(this.moveElementBackAfterBackdropRemoval(s),this.removeBackdrop()),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(s.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown)),this.deactivatePreventScroll(),(m=this.deactivateFocusTrap)==null||m.call(this),this.focusBackToTrigger&&(s==null||s.focus()),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),vi.onHidePopover(this)))}isEventFromTrigger(t){var r;return this.triggerID?t.composed?t.composedPath().some(s=>(s==null?void 0:s.id)===this.triggerID):((r=t.target)==null?void 0:r.id)===this.triggerID:!1}isRtl(){return window.getComputedStyle(this).direction==="rtl"}adjustPlacementForRtl(t){if(!this.isRtl())return t;switch(t){case kt.LEFT:return kt.RIGHT;case kt.LEFT_START:return kt.RIGHT_START;case kt.LEFT_END:return kt.RIGHT_END;case kt.RIGHT:return kt.LEFT;case kt.RIGHT_START:return kt.LEFT_START;case kt.RIGHT_END:return kt.LEFT_END;default:return t}}render(){return this.style.zIndex=`${this.zIndex}`,_`
+`,ov=[UT];var Wl=z.constructTagName("popoverportal"),Yl=class extends q{connectedCallback(){super.connectedCallback(),this.ariaHidden="true",this.style.display="none"}disconnectedCallback(){var o;super.disconnectedCallback(),(o=this.onDisconnect)==null||o.call(this)}};var jl=class{constructor(o){this.portalElement=null;this.disconnectAfterAppendTo=!1;this.arrowPixelChange=!1;this.popover=o}setupDelay(){try{let[o,t]=this.popover.delay.split(",").map(r=>{let s=parseInt(r,10);if(Number.isNaN(s)||s<0)throw new Error(`Invalid delay value: ${r}`);return s});return[o,t]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(o){let t=this.popover.renderRoot.querySelector('div[part="popover-hover-bridge"]');Object.assign(t.style,{top:"",left:"",right:"",bottom:""});let r=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,s=this.popover.offsetHeight||0,d=this.popover.offsetWidth||0;if(t)switch(o.split("-")[0]){case"top":t.style.height=r,t.style.bottom=`calc(-1 * (${r}))`,t.style.left="50%",t.style.width=`${d}px`;break;case"left":t.style.height=`${s}px`,t.style.width=r,t.style.right=`calc(-1.5 * (${r}))`;break;case"right":t.style.height=`${s}px`,t.style.width=r,t.style.left=`calc(-0.5 * (${r}))`;break;case"bottom":default:t.style.height=r,t.style.top=`calc(-1 * (${r}))`,t.style.left="50%",t.style.width=`${d}px`;break}}setupAppendTo(){var o,t;if(this.popover.appendTo){let r=document.getElementById(this.popover.appendTo);r&&!Array.from(r.children).includes(this.popover)&&(this.disconnectAfterAppendTo=!0,this.portalElement=document.createElement(Wl),this.portalElement.onDisconnect=()=>{this.popover.remove(),this.portalElement=null},(t=(o=this.popover.parentElement)==null?void 0:o.appendChild)==null||t.call(o,this.portalElement),r.appendChild(this.popover))}}cleanupAppendTo(){!this.disconnectAfterAppendTo&&this.portalElement&&this.portalElement.remove(),this.disconnectAfterAppendTo=!1}updateAriaLabels(){var o,t,r;this.popover.interactive&&this.popover.role&&(this.popover.ariaLabel||(this.popover.ariaLabel=((o=this.popover.triggerElement)==null?void 0:o.ariaLabel)||((t=this.popover.triggerElement)==null?void 0:t.textContent)||""),!this.popover.ariaLabelledby&&!this.popover.ariaLabel&&(this.popover.ariaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateAriaModal(){this.popover.role===J.DIALOG||this.popover.role===J.ALERTDIALOG?this.popover.setAttribute("aria-modal","true"):this.popover.removeAttribute("aria-modal")}updateAriaExpandedAttribute(){var o,t,r;this.popover.disableAriaExpanded||((o=this.popover.triggerElement)==null||o.setAttribute("aria-expanded",`${this.popover.visible}`),(r=this.popover.triggerElement)==null||r.setAttribute("aria-haspopup",((t=this.popover.triggerElement)==null?void 0:t.getAttribute("aria-haspopup"))||this.popover.role||"dialog"))}updateArrowStyle(o,t){var B;if(!this.popover.arrowElement)return;let r=t.split("-")[0],s={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:d,y:m}=o,b=this.popover.arrowElement.getBoundingClientRect(),x=(B=this.popover.arrowElement.offsetParent)==null?void 0:B.getBoundingClientRect();if(!this.arrowPixelChange){let K=x!=null&&x[s]?12-Math.abs(b[s]-x[s]):0;Math.round(K)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let N=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:d!=null?`${d}px`:"",top:m!=null?`${m}px`:"",[s]:`${-this.popover.arrowElement.offsetHeight/2-N}px`})}updatePopoverStyle(o,t){Object.assign(this.popover.style,{left:`${o}px`,top:`${t}px`})}};var _t=class extends bl(ul(ml(q))){constructor(){super();this.id="";this.triggerID="";this.trigger=gt.TRIGGER;this.placement=gt.PLACEMENT;this.color=gt.COLOR;this.visible=gt.VISIBLE;this.offset=gt.OFFSET;this.boundary=gt.BOUNDARY;this.boundaryRoot=gt.BOUNDARY_ROOT;this.focusTrap=gt.FOCUS_TRAP;this.preventScroll=gt.PREVENT_SCROLL;this.showArrow=gt.ARROW;this.closeButton=gt.CLOSE_BUTTON;this.interactive=gt.INTERACTIVE;this.delay=gt.DELAY;this.hideOnEscape=gt.HIDE_ON_ESCAPE;this.propagateEventOnEscape=gt.PROPAGATE_EVENT_ON_ESCAPE;this.hideOnBlur=gt.HIDE_ON_BLUR;this.hideOnOutsideClick=gt.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=gt.FOCUS_BACK;this.backdrop=gt.BACKDROP;this.isBackdropInvisible=gt.IS_BACKDROP_INVISIBLE;this.disableFlip=gt.DISABLE_FLIP;this.size=gt.SIZE;this.closeButtonAriaLabel=null;this.strategy=gt.STRATEGY;this.role=gt.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=gt.DISABLE_ARIA_EXPANDED;this.keepConnectedTooltipOpen=gt.KEEP_CONNECTED_TOOLTIP_OPEN;this.animationFrame=gt.ANIMATION_FRAME;this.arrowElement=null;this.isHovered=!1;this.openDelay=0;this.closeDelay=0;this.floatingUICleanupFunction=null;this.shouldSuppressOpening=!1;this.popoverDepth=0;this.timers=new Gl(this);this.parseTrigger=()=>{var d;let s=(((d=this.trigger)==null?void 0:d.split(" "))||[]).filter(m=>Object.values(Be).includes(m)).length>0?this.trigger:gt.TRIGGER;s==="mouseenter"&&(this.interactive?s="mouseenter click":s="mouseenter focusin"),this.trigger=s};this.setupTriggerListeners=()=>{if(this.trigger.includes("click")&&(document.addEventListener("click",this.togglePopoverVisible,{capture:!0}),this.hideOnBlur&&document.addEventListener("focusout",this.handleFocusOut,{capture:!0})),this.trigger.includes("mouseenter")){let t=this.renderRoot.querySelector('div[part="popover-hover-bridge"]');t==null||t.addEventListener("mouseenter",this.show),document.addEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.addEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay)}this.trigger.includes("focusin")&&(document.addEventListener("focusin",this.handleFocusIn,{capture:!0}),this.interactive||document.addEventListener("focusout",this.handleFocusOut,{capture:!0}))};this.removeTriggerListeners=()=>{document.removeEventListener("click",this.togglePopoverVisible,{capture:!0});let t=this.renderRoot.querySelector('div[part="popover-hover-bridge"]');t==null||t.removeEventListener("mouseenter",this.show),document.removeEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.removeEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),document.removeEventListener("focusin",this.handleFocusIn,{capture:!0}),document.removeEventListener("focusout",this.handleFocusOut,{capture:!0})};this.removeAllListeners=()=>{this.removeTriggerListeners(),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown,{capture:!0})),this.hideOnBlur&&this.removeEventListener("focusout",this.onPopoverFocusOut)};this.onOutsidePopoverClick=t=>{if(Le.peek()!==this)return;let r=t.composedPath(),s=this.contains(t.target)||r.includes(this.triggerElement)||r.includes(this),d=this.backdropElement?r.includes(this.backdropElement):!1;(!s||d)&&(this.hide(),vi.onClickOutside(this))};this.onEscapeKeydown=t=>{!this.visible||t.code!=="Escape"||(this.propagateEventOnEscape||t.stopPropagation(),t.preventDefault(),this.hide(),vi.onEscapeKeyPressed(this))};this.onPopoverFocusOut=t=>{this.contains(t.relatedTarget)||this.hide()};this.handleMouseEnter=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!0,this.show())};this.handleMouseLeave=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!1,this.startCloseDelay())};this.handleFocusOut=t=>{if(this.isEventFromTrigger(t)){if(this.hideOnBlur){let{relatedTarget:r}=t;this.contains(r)||this.hide();return}this.isHovered||this.hide()}};this.handleFocusIn=t=>{var r,s,d,m;this.isEventFromTrigger(t)&&((r=this.triggerElement)!=null&&r.matches(":focus-visible")||(m=(d=(s=this.triggerElement)==null?void 0:s.shadowRoot)==null?void 0:d.querySelector(".mdc-focus-ring"))!=null&&m.matches(":focus-visible")||this.isHovered)&&this.show()};this.cancelOpenDelay=()=>{this.timers.clearTimeout(Hr.OPEN)};this.startCloseDelay=()=>{if(this.cancelOpenDelay(),!this.interactive)this.hide();else{let t=()=>{this.visible=!1};this.closeDelay>0?this.timers.setTimeout(Hr.HOVER,t,this.closeDelay):(this.timers.clearTimeout(Hr.HOVER),t())}};this.cancelCloseDelay=()=>{this.timers.clearTimeout(Hr.HOVER),this.timers.clearTimeout(Hr.CLOSE)};this.show=()=>{if(this.shouldSuppressOpening||(this.cancelCloseDelay(),this.visible))return;let t=()=>{this.visible=!0};this.openDelay>0?this.timers.setTimeout(Hr.OPEN,t,this.openDelay):(this.timers.clearTimeout(Hr.OPEN),t())};this.hide=()=>{this.cancelOpenDelay();let t=()=>{this.visible=!1};this.closeDelay>0?this.timers.setTimeout(Hr.CLOSE,t,this.closeDelay):(this.timers.clearTimeout(Hr.CLOSE),t())};this.togglePopoverVisible=t=>{this.isEventFromTrigger(t)&&(this.visible?this.hide():this.show())};this.positionPopover=()=>{let{triggerElement:t}=this;if(!t)return;let r=!this.boundary||this.boundary==="clippingAncestors"?"clippingAncestors":Array.from(document.querySelectorAll(this.boundary)),s=this.boundaryRoot,d=[Jf({boundary:r,rootBoundary:s,padding:this.boundaryPadding})],m=this.offset;if(this.disableFlip||d.push(tv({boundary:r,rootBoundary:s})),this.size){let b=N=>{this.style.setProperty("--mdc-popover-internal-available-height",`${N}px`)},x=this.renderRoot.querySelector('[part="popover-content"]');d.push(ev({boundary:r,rootBoundary:s,apply({availableHeight:N}){x&&(Object.assign(x.style,{maxHeight:`${N}px`,overflowY:"auto"}),b(N))},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector('div[part="popover-arrow"]'),this.arrowElement)){let b=this.arrowElement.offsetHeight,x=Math.sqrt(2*b**2)/2;m+=x,d.push(rv({element:this.arrowElement,padding:12}))}d.push(Qf(m)),this.floatingUICleanupFunction=Zf(t,this,async()=>{let{triggerElement:b}=this;if(!b)return;let x=this.adjustPlacementForRtl(this.placement),{x:N,y:B,middlewareData:K,placement:Q}=await iv(b,this,{placement:x,middleware:d,strategy:this.strategy});this.utils.updatePopoverStyle(N,B),K.arrow&&this.arrowElement&&this.utils.updateArrowStyle(K.arrow,Q),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(Q)},{animationFrame:this.animationFrame})};this.utils=new jl(this),this.parseTrigger(),[this.openDelay,this.closeDelay]=this.utils.setupDelay()}get zIndex(){return this.internalZIndex===void 0||!Number.isInteger(this.internalZIndex)?gt.Z_INDEX+this.popoverDepth*3:this.internalZIndex}set zIndex(t){this.internalZIndex=t}get connectedTooltip(){let t=this.getRootNode().querySelectorAll(`mdc-tooltip[triggerID="${this.triggerID}"]`);return Array.from(t).find(r=>r!==this)}get triggerElement(){return this.getRootNode().querySelector(`[id="${this.triggerID}"]`)}async firstUpdated(t){super.firstUpdated(t),vi.onCreatedPopover(this)}connectedCallback(){super.connectedCallback(),this.utils.setupAppendTo(),this.setupTriggerListeners()}async disconnectedCallback(){var t,r;super.disconnectedCallback(),this.removeAllListeners(),(t=this.deactivateFocusTrap)==null||t.call(this),this.deactivatePreventScroll(),this.moveElementBackAfterBackdropRemoval(this.triggerElement),this.removeBackdrop(),(r=this.floatingUICleanupFunction)==null||r.call(this),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),this.utils.cleanupAppendTo(),vi.onDestroyedPopover(this),Le.remove(this)}async updated(t){if(super.updated(t),t.has("visible")){let r=t.get("visible")||!1;await this.isOpenUpdated(r,this.visible),this.utils.updateAriaExpandedAttribute()}t.has("trigger")&&(this.parseTrigger(),this.removeTriggerListeners(),this.setupTriggerListeners()),t.has("placement")&&this.setAttribute("placement",Object.values(kt).includes(this.placement)?this.placement:gt.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("color")&&this.setAttribute("color",Object.values(_o).includes(this.color)?this.color:gt.COLOR),t.has("appendTo")&&(this.appendTo?this.utils.setupAppendTo():this.utils.cleanupAppendTo()),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.updateAriaLabels(),t.has("role")&&(this.role===""&&(this.role=null),this.utils.updateAriaModal()),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("focusTrap")&&!this.focusTrap&&this.visible&&this.deactivateFocusTrap(),t.has("preventScroll")&&(!this.preventScroll&&this.visible?this.deactivatePreventScroll():this.preventScroll&&this.visible&&this.activatePreventScroll())}async isOpenUpdated(t,r){var d,m;let{triggerElement:s}=this;t===r||!s||(r&&!this.shouldSuppressOpening?(Le.peek()!==this&&(this.popoverDepth=Le.push(this),this.requestUpdate("zIndex")),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.visible=!1,this.connectedTooltip.shouldSuppressOpening=!0),this.backdrop&&!this.backdropElement&&(this.createBackdrop("popover"),this.keepElementAboveBackdrop(s)),this.positionPopover(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(s.style.pointerEvents="none")),this.hideOnEscape&&(this.addEventListener("keydown",this.onEscapeKeydown),document.addEventListener("keydown",this.onEscapeKeydown)),this.activatePreventScroll(),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick,{capture:!0}),setTimeout(()=>{var b,x;this.interactive&&this.focusTrap&&((b=this.activateFocusTrap)==null||b.call(this),(x=this.setInitialFocus)==null||x.call(this))},0),vi.onShowPopover(this)):(Le.peek()===this&&Le.pop(),(d=this.floatingUICleanupFunction)==null||d.call(this),this.backdrop&&(this.moveElementBackAfterBackdropRemoval(s),this.removeBackdrop()),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(s.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown)),this.deactivatePreventScroll(),(m=this.deactivateFocusTrap)==null||m.call(this),this.focusBackToTrigger&&(s==null||s.focus()),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),vi.onHidePopover(this)))}isEventFromTrigger(t){var r;return this.triggerID?t.composed?t.composedPath().some(s=>(s==null?void 0:s.id)===this.triggerID):((r=t.target)==null?void 0:r.id)===this.triggerID:!1}isRtl(){return window.getComputedStyle(this).direction==="rtl"}adjustPlacementForRtl(t){if(!this.isRtl())return t;switch(t){case kt.LEFT:return kt.RIGHT;case kt.LEFT_START:return kt.RIGHT_START;case kt.LEFT_END:return kt.RIGHT_END;case kt.RIGHT:return kt.LEFT;case kt.RIGHT_START:return kt.LEFT_START;case kt.RIGHT_END:return kt.LEFT_END;default:return t}}render(){return this.style.zIndex=`${this.zIndex}`,_`
       <div part="popover-hover-bridge"></div>
       ${this.closeButton?_` <mdc-button
             part="popover-close"