@momentum-design/components 0.129.40 → 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"
@@ -5333,7 +5333,7 @@
   :host([soft-disabled])::part(base-text) {
     --mdc-select-text-color: var(--mds-color-theme-text-primary-disabled);
   }
-`,wg=[cA,...St(!0)];var je=class extends Fs(Ki(Te(_e(Ut(ne))))){constructor(){super();this.placement=kt.BOTTOM_START;this.boundary=gt.BOUNDARY;this.strategy=gt.STRATEGY;this.popoverZIndex=gt.Z_INDEX;this.disableFlip=Cg.DISABLE_FLIP;this.displayPopover=!1;this.initialSelectedOption=null;this.debounceTime=500;this.searchString="";this.onStoreUpdate=(t,r,s,d)=>{switch(r){case"added":t.setAttribute("tabindex","-1");break;case"removed":{if(s===-1||d.length===0)return;let m=s+1;if(m>=d.length&&(m=s-1),m===-1&&this.displayPopover){this.displayPopover=!1,this.handleNativeInputFocus();return}if(t.tabIndex===0&&this.resetTabIndexes(m),t.hasAttribute("selected")){let b=null;this.placeholder||(b=s===0?d[m]:d[0]),this.setSelectedOption(b)}break}default:break}};this.isValidItem=t=>t.matches(`${vr}:not([disabled])`);this.addEventListener(Gt.MODIFIED,this.handleModifiedEvent),this.itemsStore=new jr(this,{isValidItem:this.isValidItem,onStoreUpdate:this.onStoreUpdate})}connectedCallback(){super.connectedCallback(),this.loop="false",this.initialFocus=0,this.setupDebounceSearch()}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.debounceSearch)==null||t.cancel(),window.cancelAnimationFrame(this.animationFrameId)}get navItems(){return this.itemsStore.items}attributeChangedCallback(t,r,s){var d;if(super.attributeChangedCallback(t,r,s),t==="value"&&s!==""&&s!==r&&s!==((d=this.selectedOption)==null?void 0:d.value)&&this.navItems.length){let m=this.getFirstSelectedOption(),b=this.getFirstOption(),x=this.navItems.find(B=>B.value===s),N=null;if(x)N=x;else if(this.placeholder)N=null;else if(b)N=b;else if(m)N=m;else return;this.updateComplete.then(()=>{this.setSelectedOption(N)}).catch(B=>{this.onerror&&this.onerror(B)})}}getFirstSelectedOption(){return this.navItems.find(t=>t.hasAttribute("selected"))}getFirstOption(){return this.navItems[0]}handleModifiedEvent(t){let r=t.target,s=this.getFirstSelectedOption();switch(t.detail.change){case"selected":{s&&s!==this.selectedOption?this.setSelectedOption(s):this.setSelectedOption(r);break}case"unselected":{s?this.setSelectedOption(s):this.setSelectedOption(this.placeholder?null:this.getFirstOption());break}case"enabled":{this.itemsStore.add(r);break}case"disabled":{this.itemsStore.delete(r);break}default:break}}async firstUpdated(t){await this.updateComplete;let r=this.getFirstSelectedOption();if(r)this.initialSelectedOption=r,this.setSelectedOption(r);else if(this.placeholder)this.placeholder&&this.setInputValidity();else{let s=this.getFirstOption();this.setSelectedOption(s),this.fireEvents()}this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}updated(t){super.updated(t),(t.has("disabled")||t.has("softDisabled")||t.has("readonly"))&&(this.disabled||this.softDisabled||this.readonly)&&(this.displayPopover=!1)}handleOptionsClick(t){let r=t.target;r&&r.tagName===vr.toUpperCase()&&!r.hasAttribute("disabled")&&!r.hasAttribute("soft-disabled")&&(this.setSelectedOption(r),this.displayPopover=!1,this.fireEvents())}setSelectedOption(t){var r,s,d;t!==this.selectedOption&&(this.updateSelectedInChildOptions(t),this.resetTabIndexes(this.navItems.indexOf(t)),this.selectedOption=t,this.value=(s=(r=this.selectedOption)==null?void 0:r.value)!=null?s:"",this.internals.setFormValue(this.value),(d=this.inputElement)==null||d.setAttribute("value",this.value),this.setInputValidity())}updateSelectedInChildOptions(t){t==null||t.setAttribute("selected","true"),this.navItems.forEach(r=>{r!==t&&r.removeAttribute("selected")})}fireEvents(){this.dispatchInput(this.selectedOption),this.dispatchChange(this.selectedOption)}setInputValidity(){var t,r;!this.selectedOption&&this.required&&this.validationMessage?(t=this.inputElement)==null||t.setCustomValidity(this.validationMessage):(r=this.inputElement)==null||r.setCustomValidity(""),this.setValidity()}formResetCallback(){var r;let t=this.initialSelectedOption||null;((r=this.selectedOption)==null?void 0:r.value)!==(t==null?void 0:t.value)&&(this.setSelectedOption(t),this.fireEvents())}formStateRestoreCallback(t){var s;let r=this.navItems.find(d=>d.value===t||d.label===t);((s=this.selectedOption)==null?void 0:s.value)!==(r==null?void 0:r.value)&&(this.setSelectedOption(r||null),this.fireEvents())}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}dispatchInput(t){this.dispatchEvent(new CustomEvent("input",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}handleClickCombobox(t){this.disabled||this.softDisabled||this.readonly||(this.displayPopover=!this.displayPopover,t.stopPropagation())}setupDebounceSearch(){this.debounceSearch=Kl(()=>{this.searchString=""},this.debounceTime)}debounceSearchKey(t){var r;return(r=this.debounceSearch)==null||r.call(this),this.searchString+=t,this.searchString}filterOptionsBySearchKey(t,r){return t.filter(s=>{var d;return(d=s.getAttribute("label"))==null?void 0:d.toLowerCase().startsWith(r.toLowerCase())})}handleSelectedOptionBasedOnFilter(t){let r=this.navItems.findIndex(b=>b.tabIndex===0)+1,s=[...this.navItems.slice(r),...this.navItems.slice(0,r)],d=this.filterOptionsBySearchKey(s,t),m=null;if(d.length)[m]=d;else if(t.split("").every(b=>b===t[0])){let b=this.navItems[r],x=this.filterOptionsBySearchKey(s,t[0]),N=x.filter(B=>B===b);m=N.length?N[0]:x[0]}this.navItems.indexOf(m)!==-1&&this.resetTabIndexAndSetFocusAfterUpdate(this.navItems.indexOf(m))}handleKeydownCombobox(t){if(!(this.disabled||this.softDisabled||this.readonly))switch(t.key){case Z.ARROW_DOWN:case Z.ARROW_UP:case Z.ENTER:case Z.SPACE:this.displayPopover=!0,t.preventDefault(),t.stopPropagation();break;case Z.HOME:{this.displayPopover=!0,this.resetTabIndexAndSetFocusAfterUpdate(0),t.preventDefault(),t.stopPropagation();break}case Z.END:{this.displayPopover=!0,this.resetTabIndexAndSetFocusAfterUpdate(this.navItems.length-1),t.preventDefault(),t.stopPropagation();break}default:{t.key.length===1&&(this.displayPopover=!0,this.handleSelectedOptionByKeyInput(t.key),t.preventDefault(),t.stopPropagation());break}}}resetTabIndexAndSetFocusAfterUpdate(t){this.displayPopover&&(this.animationFrameId=window.requestAnimationFrame(()=>{this.resetTabIndexAndSetFocus(t)}))}handleNativeInputFocus(){this.visualCombobox.focus()}handleSelectedOptionByKeyInput(t){let r=this.debounceSearchKey(t);this.handleSelectedOptionBasedOnFilter(r)}handleKeydownPopover(t){t.key.length===1&&this.handleSelectedOptionByKeyInput(t.key)}render(){var t,r,s,d,m,b;return _`
+`,wg=[cA,...St(!0)];var je=class extends Fs(Ki(Te(_e(Ut(ne))))){constructor(){super();this.placement=kt.BOTTOM_START;this.boundary=gt.BOUNDARY;this.strategy=gt.STRATEGY;this.popoverZIndex=gt.Z_INDEX;this.disableFlip=Cg.DISABLE_FLIP;this.displayPopover=!1;this.initialSelectedOption=null;this.debounceTime=500;this.searchString="";this.onStoreUpdate=(t,r,s,d)=>{switch(r){case"added":t.setAttribute("tabindex","-1");break;case"removed":{if(s===-1||d.length===0)return;let m=s+1;if(m>=d.length&&(m=s-1),m===-1&&this.displayPopover){this.displayPopover=!1,this.handleNativeInputFocus();return}if(t.tabIndex===0&&this.resetTabIndexes(m),t.hasAttribute("selected")){let b=null;this.placeholder||(b=s===0?d[m]:d[0]),this.setSelectedOption(b)}break}default:break}};this.isValidItem=t=>t.matches(`${vr}:not([disabled])`);this.addEventListener(Gt.MODIFIED,this.handleModifiedEvent),this.itemsStore=new jr(this,{isValidItem:this.isValidItem,onStoreUpdate:this.onStoreUpdate})}connectedCallback(){super.connectedCallback(),this.loop="false",this.initialFocus=0,this.setupDebounceSearch()}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.debounceSearch)==null||t.cancel(),window.cancelAnimationFrame(this.animationFrameId)}get navItems(){return this.itemsStore.items}attributeChangedCallback(t,r,s){var d;if(super.attributeChangedCallback(t,r,s),t==="value"&&s!==""&&s!==r&&s!==((d=this.selectedOption)==null?void 0:d.value)&&this.navItems.length){let m=this.getFirstSelectedOption(),b=this.getFirstOption(),x=this.navItems.find(B=>B.value===s),N=null;if(x)N=x;else if(this.placeholder)N=null;else if(b)N=b;else if(m)N=m;else return;this.updateComplete.then(()=>{this.setSelectedOption(N)}).catch(B=>{this.onerror&&this.onerror(B)})}}getFirstSelectedOption(){return this.navItems.find(t=>t.hasAttribute("selected"))}getFirstOption(){return this.navItems[0]}handleModifiedEvent(t){let r=t.target,s=this.getFirstSelectedOption();switch(t.detail.change){case"selected":{s&&s!==this.selectedOption?this.setSelectedOption(s):this.setSelectedOption(r);break}case"unselected":{s?this.setSelectedOption(s):this.setSelectedOption(this.placeholder?null:this.getFirstOption());break}case"enabled":{this.itemsStore.add(r);break}case"disabled":{this.itemsStore.delete(r);break}default:break}}async firstUpdated(t){await this.updateComplete;let r=this.getFirstSelectedOption();if(r)this.initialSelectedOption=r,this.setSelectedOption(r);else if(this.placeholder)this.placeholder&&this.setInputValidity();else{let s=this.getFirstOption();this.setSelectedOption(s),this.fireEvents()}this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}updated(t){super.updated(t),(t.has("disabled")||t.has("softDisabled")||t.has("readonly"))&&(this.disabled||this.softDisabled||this.readonly)&&(this.displayPopover=!1)}handleOptionsClick(t){let r=t.target;r&&r.tagName===vr.toUpperCase()&&!r.hasAttribute("disabled")&&!r.hasAttribute("soft-disabled")&&(this.setSelectedOption(r),this.displayPopover=!1,this.fireEvents())}setSelectedOption(t){var r,s,d;t!==this.selectedOption&&(this.updateSelectedInChildOptions(t),this.resetTabIndexes(this.navItems.indexOf(t)),this.selectedOption=t,this.value=(s=(r=this.selectedOption)==null?void 0:r.value)!=null?s:"",this.internals.setFormValue(this.value),(d=this.inputElement)==null||d.setAttribute("value",this.value),this.setInputValidity())}updateSelectedInChildOptions(t){t==null||t.setAttribute("selected","true"),this.navItems.forEach(r=>{r!==t&&r.removeAttribute("selected")})}fireEvents(){this.dispatchInput(this.selectedOption),this.dispatchChange(this.selectedOption)}setInputValidity(){var t,r;!this.selectedOption&&this.required&&this.validationMessage?(t=this.inputElement)==null||t.setCustomValidity(this.validationMessage):(r=this.inputElement)==null||r.setCustomValidity(""),this.setValidity()}formResetCallback(){var r;let t=this.initialSelectedOption||null;((r=this.selectedOption)==null?void 0:r.value)!==(t==null?void 0:t.value)&&(this.setSelectedOption(t),this.fireEvents())}formStateRestoreCallback(t){var s;let r=this.navItems.find(d=>d.value===t||d.label===t);((s=this.selectedOption)==null?void 0:s.value)!==(r==null?void 0:r.value)&&(this.setSelectedOption(r||null),this.fireEvents())}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}dispatchInput(t){this.dispatchEvent(new CustomEvent("input",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}handleClickCombobox(t){this.disabled||this.softDisabled||this.readonly||(this.displayPopover=!this.displayPopover,t.stopPropagation())}setupDebounceSearch(){this.debounceSearch=Kl(()=>{this.searchString=""},this.debounceTime)}debounceSearchKey(t){var r;return(r=this.debounceSearch)==null||r.call(this),this.searchString+=t,this.searchString}filterOptionsBySearchKey(t,r){return t.filter(s=>{var d;return(d=s.getAttribute("label"))==null?void 0:d.toLowerCase().startsWith(r.toLowerCase())})}handleSelectedOptionBasedOnFilter(t){let r=this.navItems.findIndex(b=>b.tabIndex===0)+1,s=[...this.navItems.slice(r),...this.navItems.slice(0,r)],d=this.filterOptionsBySearchKey(s,t),m=null;if(d.length)[m]=d;else if(t.split("").every(b=>b===t[0])){let b=this.navItems[r],x=this.filterOptionsBySearchKey(s,t[0]),N=x.filter(B=>B===b);m=N.length?N[0]:x[0]}this.navItems.indexOf(m)!==-1&&this.resetTabIndexAndSetFocusAfterUpdate(this.navItems.indexOf(m))}handleKeydownCombobox(t){if(!(this.disabled||this.softDisabled||this.readonly))switch(t.key){case Z.ARROW_DOWN:case Z.ARROW_UP:case Z.ENTER:case Z.SPACE:this.displayPopover=!0,t.preventDefault(),t.stopPropagation();break;case Z.HOME:{this.displayPopover=!0,this.resetTabIndexAndSetFocusAfterUpdate(0),t.preventDefault(),t.stopPropagation();break}case Z.END:{this.displayPopover=!0,this.resetTabIndexAndSetFocusAfterUpdate(this.navItems.length-1),t.preventDefault(),t.stopPropagation();break}default:{t.key.length===1&&!t.metaKey&&!t.ctrlKey&&!t.altKey&&(this.displayPopover=!0,this.handleSelectedOptionByKeyInput(t.key),t.preventDefault(),t.stopPropagation());break}}}resetTabIndexAndSetFocusAfterUpdate(t){this.displayPopover&&(this.animationFrameId=window.requestAnimationFrame(()=>{this.resetTabIndexAndSetFocus(t)}))}handleNativeInputFocus(){this.visualCombobox.focus()}handleSelectedOptionByKeyInput(t){let r=this.debounceSearchKey(t);this.handleSelectedOptionBasedOnFilter(r)}handleKeydownPopover(t){t.key.length===1&&this.handleSelectedOptionByKeyInput(t.key)}render(){var t,r,s,d,m,b;return _`
       ${this.renderLabel()}
       <div part="container">
         <div