@momentum-design/components 0.53.3 → 0.53.4

package/dist/browser/index.js

@@ -1643,7 +1643,7 @@
     border-top-right-radius: var(--mdc-popover-arrow-border-radius);
     border-bottom-left-radius: 100%;
   }
-`,wn=[dd];var Cn=b.constructTagName("popover"),Be={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},Pr={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Vr={TONAL:"tonal",CONTRAST:"contrast"},O={PLACEMENT:Be.BOTTOM,TRIGGER:Pr.CLICK,COLOR:Vr.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1};var kn=i=>{class t extends i{constructor(...o){super(...o);this.enabledFocusTrap=O.FOCUS_TRAP;this.enabledPreventScroll=O.PREVENT_SCROLL;this.focusTrapIndex=-1;this.focusableElements=[];this.shouldWrapFocus=()=>!0;this.addEventListener("keydown",this.handleKeydown)}deactivateFocusTrap(){this.enabledFocusTrap=!1,this.enabledPreventScroll=!1,this.focusTrapIndex=-1,document.body.style.overflow=""}hasNoClientRects(o){return o.getClientRects().length===0}hasZeroDimensions(o){let{width:a,height:s}=o.getBoundingClientRect(),{offsetWidth:n,offsetHeight:d}=o;return n+d+s+a===0}isNotVisible(o){return this.hasZeroDimensions(o)||this.hasNoClientRects(o)}hasHiddenStyle(o){let{display:a,opacity:s,visibility:n}=o.style;return a==="none"||s==="0"||n==="hidden"||n==="collapse"}hasComputedHidden(o){let a=getComputedStyle(o);return a.visibility==="hidden"||a.height==="0"||a.display==="none"}isHidden(o){return o.hasAttribute("hidden")||o.getAttribute("aria-hidden")==="true"||this.hasHiddenStyle(o)||this.isNotVisible(o)||this.hasComputedHidden(o)}isNotTabbable(o){return o.getAttribute("tabindex")==="-1"}isInteractiveElement(o){return!!(new Set(["BUTTON","DETAILS","EMBED","IFRAME","SELECT","TEXTAREA"]).has(o.tagName)||o instanceof HTMLAnchorElement&&o.hasAttribute("href")||o instanceof HTMLInputElement&&o.type!=="hidden"||(o instanceof HTMLAudioElement||o instanceof HTMLVideoElement)&&o.hasAttribute("controls")||(o instanceof HTMLImageElement||o instanceof HTMLObjectElement)&&o.hasAttribute("usemap")||o.hasAttribute("tabindex")&&o.tabIndex>-1)}isFocusable(o){return this.isHidden(o)||this.isNotTabbable(o)?!1:this.isInteractiveElement(o)}findFocusable(o,a=new Set){return o instanceof HTMLElement&&this.isFocusable(o)&&a.add(o),Array.from(o.children).forEach(n=>{let d=n;this.isFocusable(d)&&a.add(d),d.shadowRoot?this.findFocusable(d.shadowRoot,a):d.tagName==="SLOT"?d.assignedElements({flatten:!0}).forEach(h=>{h instanceof HTMLElement&&this.findFocusable(h,a)}):this.findFocusable(d,a)}),[...a]}setFocusableElements(){this.shadowRoot&&(this.focusableElements=this.findFocusable(this.shadowRoot,new Set))}setInitialFocus(o=0){this.focusableElements.length!==0&&(this.enabledPreventScroll&&(document.body.style.overflow="hidden"),this.focusableElements[o]&&(this.focusTrapIndex=o,this.focusableElements[o].focus()))}calculateNextIndex(o,a){let{length:s}=this.focusableElements,n=this.shouldWrapFocus();if(o===-1)return a>0?0:s-1;let d=o+a;return n?(d<0&&(d=s-1),d>=s&&(d=0)):(d<0&&(d=0),d>=s&&(d=s-1)),d}getDeepActiveElement(){var a;let o=document.activeElement||document.body;for(;o instanceof HTMLElement&&((a=o.shadowRoot)!=null&&a.activeElement);)o=o.shadowRoot.activeElement;return o||document.body}findElement(o){return this.focusableElements.findIndex(a=>this.isEqualFocusNode(o,a))}isEqualFocusNode(o,a){return o.nodeType>=0?a.isEqualNode(o)&&a===o:!1}trapFocus(o){if(this.focusableElements.length===0)return;let a=this.getDeepActiveElement(),s=this.findElement(a);o?this.focusTrapIndex=this.calculateNextIndex(s,-1):this.focusTrapIndex=this.calculateNextIndex(s,1);let n=this.focusableElements[this.focusTrapIndex];n&&n.focus()}handleKeydown(o){!this.enabledFocusTrap||!this.focusableElements.length||o.key==="Tab"&&(o.preventDefault(),this.trapFocus(o.shiftKey))}}return l([c({type:Boolean})],t.prototype,"enabledFocusTrap",2),l([c({type:Boolean})],t.prototype,"enabledPreventScroll",2),t};var Vi=class{constructor(){this.stack=[]}push(t){this.stack.push(t)}pop(){return this.stack.pop()}peek(){return this.stack[this.stack.length-1]}remove(t){this.stack=this.stack.filter(e=>e!==t)}clear(){this.stack=[]}},Et=new Vi;var Tt=class{static dispatchPopoverEvent(t,e){e.dispatchEvent(new CustomEvent(t,{detail:{show:e.visible},composed:!0,bubbles:!0}))}static onShowPopover(t){this.dispatchPopoverEvent("shown",t)}static onHidePopover(t){this.dispatchPopoverEvent("hidden",t)}static onCreatedPopover(t){this.dispatchPopoverEvent("created",t)}static onDestroyedPopover(t){this.dispatchPopoverEvent("destroyed",t)}};var Ro=class{constructor(t){this.arrowPixelChange=!1;this.popover=t}setupDelay(){try{let[t,e]=this.popover.delay.split(",").map(r=>{let o=parseInt(r,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${r}`);return o});return[t,e]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(t){let e=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(e.style,{top:"",left:"",right:"",bottom:""});let r=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,o=this.popover.offsetHeight||0,a=this.popover.offsetWidth||0;if(e)switch(t.split("-")[0]){case"top":e.style.height=r,e.style.bottom=`calc(-1 * (${r}))`,e.style.left="50%",e.style.width=`${a}px`;break;case"left":e.style.height=`${o}px`,e.style.width=r,e.style.right=`calc(-1.5 * (${r}))`;break;case"right":e.style.height=`${o}px`,e.style.width=r,e.style.left=`calc(-0.5 * (${r}))`;break;case"bottom":default:e.style.height=r,e.style.top=`calc(-1 * (${r}))`,e.style.left="50%",e.style.width=`${a}px`;break}}setupAppendTo(){if(this.popover.appendTo){let t=document.getElementById(this.popover.appendTo);t&&t.appendChild(this.popover)}}setupAccessibility(){var t,e,r;this.popover.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive&&(this.popover.ariaLabel||(this.popover.ariaLabel=((t=this.popover.triggerElement)==null?void 0:t.ariaLabel)||((e=this.popover.triggerElement)==null?void 0:e.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateArrowStyle(t,e){var h;if(!this.popover.arrowElement)return;let r=e.split("-")[0],o={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:a,y:s}=t,n=this.popover.arrowElement.getBoundingClientRect(),d=(h=this.popover.arrowElement.offsetParent)==null?void 0:h.getBoundingClientRect();if(!this.arrowPixelChange){let u=d!=null&&d[o]?12-Math.abs(n[o]-d[o]):0;Math.round(u)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let p=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:a!=null?`${a}px`:"",top:s!=null?`${s}px`:"",[o]:`${-this.popover.arrowElement.offsetHeight/2-p}px`})}updatePopoverStyle(t,e){Object.assign(this.popover.style,{left:`${t}px`,top:`${e}px`})}createBackdrop(){var t;if(!this.popover.backdropElement){let e=document.createElement("div");e.classList.add("popover-backdrop"),(t=this.popover.parentElement)==null||t.appendChild(e);let r=document.createElement("style");r.textContent=`
+`,wn=[dd];var Cn=b.constructTagName("popover"),Be={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},Pr={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Vr={TONAL:"tonal",CONTRAST:"contrast"},O={PLACEMENT:Be.BOTTOM,TRIGGER:Pr.CLICK,COLOR:Vr.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1};var kn=i=>{class t extends i{constructor(...o){super(...o);this.enabledFocusTrap=O.FOCUS_TRAP;this.enabledPreventScroll=O.PREVENT_SCROLL;this.focusTrapIndex=-1;this.focusableElements=[];this.shouldWrapFocus=()=>!0;this.addEventListener("keydown",this.handleKeydown)}deactivateFocusTrap(){this.enabledFocusTrap=!1,this.enabledPreventScroll=!1,this.focusTrapIndex=-1,document.body.style.overflow=""}hasNoClientRects(o){return o.getClientRects().length===0}hasZeroDimensions(o){let{width:a,height:s}=o.getBoundingClientRect(),{offsetWidth:n,offsetHeight:d}=o;return n+d+s+a===0}isNotVisible(o){return this.hasZeroDimensions(o)||this.hasNoClientRects(o)}hasHiddenStyle(o){let{display:a,opacity:s,visibility:n}=o.style;return a==="none"||s==="0"||n==="hidden"||n==="collapse"}hasComputedHidden(o){let a=getComputedStyle(o);return a.visibility==="hidden"||a.height==="0"||a.display==="none"}isHidden(o){return o.hasAttribute("hidden")||o.getAttribute("aria-hidden")==="true"||this.hasHiddenStyle(o)||this.isNotVisible(o)||this.hasComputedHidden(o)}isNotTabbable(o){return o.getAttribute("tabindex")==="-1"}isInteractiveElement(o){return!!(new Set(["BUTTON","DETAILS","EMBED","IFRAME","SELECT","TEXTAREA"]).has(o.tagName)||o instanceof HTMLAnchorElement&&o.hasAttribute("href")||o instanceof HTMLInputElement&&o.type!=="hidden"||(o instanceof HTMLAudioElement||o instanceof HTMLVideoElement)&&o.hasAttribute("controls")||(o instanceof HTMLImageElement||o instanceof HTMLObjectElement)&&o.hasAttribute("usemap")||o.hasAttribute("tabindex")&&o.tabIndex>-1)}isFocusable(o){return this.isHidden(o)||this.isNotTabbable(o)?!1:this.isInteractiveElement(o)}findFocusable(o,a=new Set){return o instanceof HTMLElement&&this.isFocusable(o)&&a.add(o),Array.from(o.children).forEach(n=>{let d=n;this.isFocusable(d)&&a.add(d),d.shadowRoot?this.findFocusable(d.shadowRoot,a):d.tagName==="SLOT"?d.assignedElements({flatten:!0}).forEach(h=>{h instanceof HTMLElement&&this.findFocusable(h,a)}):this.findFocusable(d,a)}),[...a]}setFocusableElements(){this.shadowRoot&&(this.focusableElements=this.findFocusable(this.shadowRoot,new Set))}setInitialFocus(o=0){this.focusableElements.length!==0&&(this.enabledPreventScroll&&(document.body.style.overflow="hidden"),this.focusableElements[o]&&(this.focusTrapIndex=o,this.focusableElements[o].focus()))}calculateNextIndex(o,a){let{length:s}=this.focusableElements,n=this.shouldWrapFocus();if(o===-1)return a>0?0:s-1;let d=o+a;return n?(d<0&&(d=s-1),d>=s&&(d=0)):(d<0&&(d=0),d>=s&&(d=s-1)),d}getDeepActiveElement(){var a;let o=document.activeElement||document.body;for(;o instanceof HTMLElement&&((a=o.shadowRoot)!=null&&a.activeElement);)o=o.shadowRoot.activeElement;return o||document.body}findElement(o){return this.focusableElements.findIndex(a=>this.isEqualFocusNode(o,a))}isEqualFocusNode(o,a){return o.nodeType>=0?a.isEqualNode(o)&&a===o:!1}trapFocus(o){if(this.focusableElements.length===0)return;let a=this.getDeepActiveElement(),s=this.findElement(a);o?this.focusTrapIndex=this.calculateNextIndex(s,-1):this.focusTrapIndex=this.calculateNextIndex(s,1);let n=this.focusableElements[this.focusTrapIndex];n&&n.focus()}handleKeydown(o){!this.enabledFocusTrap||!this.focusableElements.length||o.key==="Tab"&&(o.preventDefault(),this.trapFocus(o.shiftKey))}}return l([c({type:Boolean})],t.prototype,"enabledFocusTrap",2),l([c({type:Boolean})],t.prototype,"enabledPreventScroll",2),t};var Vi=class{constructor(){this.stack=[]}push(t){this.stack.push(t)}pop(){return this.stack.pop()}peek(){return this.stack[this.stack.length-1]}remove(t){this.stack=this.stack.filter(e=>e!==t)}clear(){this.stack=[]}},Et=new Vi;var Tt=class{static dispatchPopoverEvent(t,e){e.dispatchEvent(new CustomEvent(t,{detail:{show:e.visible},composed:!0,bubbles:!0}))}static onShowPopover(t){this.dispatchPopoverEvent("shown",t)}static onHidePopover(t){this.dispatchPopoverEvent("hidden",t)}static onCreatedPopover(t){this.dispatchPopoverEvent("created",t)}static onDestroyedPopover(t){this.dispatchPopoverEvent("destroyed",t)}};var Ro=class{constructor(t){this.arrowPixelChange=!1;this.popover=t}setupDelay(){try{let[t,e]=this.popover.delay.split(",").map(r=>{let o=parseInt(r,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${r}`);return o});return[t,e]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(t){let e=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(e.style,{top:"",left:"",right:"",bottom:""});let r=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,o=this.popover.offsetHeight||0,a=this.popover.offsetWidth||0;if(e)switch(t.split("-")[0]){case"top":e.style.height=r,e.style.bottom=`calc(-1 * (${r}))`,e.style.left="50%",e.style.width=`${a}px`;break;case"left":e.style.height=`${o}px`,e.style.width=r,e.style.right=`calc(-1.5 * (${r}))`;break;case"right":e.style.height=`${o}px`,e.style.width=r,e.style.left=`calc(-0.5 * (${r}))`;break;case"bottom":default:e.style.height=r,e.style.top=`calc(-1 * (${r}))`,e.style.left="50%",e.style.width=`${a}px`;break}}setupAppendTo(){if(this.popover.appendTo){let t=document.getElementById(this.popover.appendTo);t&&t.appendChild(this.popover)}}setupAccessibility(){var t,e,r;(this.popover.role==="dialog"||this.popover.role==="alertdialog")&&this.popover.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive&&(this.popover.ariaLabel||(this.popover.ariaLabel=((t=this.popover.triggerElement)==null?void 0:t.ariaLabel)||((e=this.popover.triggerElement)==null?void 0:e.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateArrowStyle(t,e){var h;if(!this.popover.arrowElement)return;let r=e.split("-")[0],o={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:a,y:s}=t,n=this.popover.arrowElement.getBoundingClientRect(),d=(h=this.popover.arrowElement.offsetParent)==null?void 0:h.getBoundingClientRect();if(!this.arrowPixelChange){let u=d!=null&&d[o]?12-Math.abs(n[o]-d[o]):0;Math.round(u)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let p=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:a!=null?`${a}px`:"",top:s!=null?`${s}px`:"",[o]:`${-this.popover.arrowElement.offsetHeight/2-p}px`})}updatePopoverStyle(t,e){Object.assign(this.popover.style,{left:`${t}px`,top:`${e}px`})}createBackdrop(){var t;if(!this.popover.backdropElement){let e=document.createElement("div");e.classList.add("popover-backdrop"),(t=this.popover.parentElement)==null||t.appendChild(e);let r=document.createElement("style");r.textContent=`
         .popover-backdrop {
           position: fixed;
           top: 0;
@@ -1653,7 +1653,7 @@
           background: transparent;
           z-index: ${this.popover.zIndex-1};
         }
-      `,e.appendChild(r),this.popover.backdropElement=e}}};var L=class extends kn(g){constructor(){super();this.id="";this.triggerID="";this.trigger=O.TRIGGER;this.placement=O.PLACEMENT;this.color=O.COLOR;this.visible=O.VISIBLE;this.offset=O.OFFSET;this.focusTrap=O.FOCUS_TRAP;this.preventScroll=O.PREVENT_SCROLL;this.showArrow=O.ARROW;this.closeButton=O.CLOSE_BUTTON;this.interactive=O.INTERACTIVE;this.delay=O.DELAY;this.hideOnEscape=O.HIDE_ON_ESCAPE;this.hideOnBlur=O.HIDE_ON_BLUR;this.hideOnOutsideClick=O.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=O.FOCUS_BACK;this.backdrop=O.BACKDROP;this.flip=O.FLIP;this.size=O.SIZE;this.zIndex=O.Z_INDEX;this.appendTo="";this.closeButtonAriaLabel=null;this.role=O.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=O.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.onOutsidePopoverClick=e=>{if(Et.peek()!==this)return;let r=!1,o=e.composedPath();r=this.contains(e.target)||o.includes(this.triggerElement);let a=this.backdropElement?o.includes(this.backdropElement):!1;(!r||a)&&this.hidePopover()};this.onEscapeKeydown=e=>{!this.visible||e.code!=="Escape"||(e.preventDefault(),this.hidePopover())};this.onPopoverFocusOut=e=>{this.contains(e.relatedTarget)||this.hidePopover()};this.startCloseDelay=()=>{if(!this.interactive)this.hidePopover();else{if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}};this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)};this.showPopover=()=>{this.cancelCloseDelay(),setTimeout(()=>{this.visible=!0},this.openDelay)};this.hidePopover=()=>{Et.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1},this.closeDelay)};this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)};this.utils=new Ro(this)}async firstUpdated(e){super.firstUpdated(e),this.utils.setupAppendTo(),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,Tt.onCreatedPopover(this),this.visible&&(this.positionPopover(),await this.handleCreatePopoverFirstUpdate())}async disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners(),Tt.onDestroyedPopover(this),Et.remove(this)}setupTriggerListener(){if(this.triggerID&&(this.triggerElement=this.getRootNode().querySelector(`[id="${this.triggerID}"]`),!!this.triggerElement)){if(this.trigger==="mouseenter"&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.togglePopoverVisible),this.trigger.includes("mouseenter")){let e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.showPopover),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),e==null||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.showPopover),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;let e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.togglePopoverVisible),this.triggerElement.removeEventListener("mouseenter",this.showPopover),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.showPopover),this.triggerElement.removeEventListener("focusout",this.hidePopover),e==null||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}async updated(e){if(super.updated(e),e.has("visible")){let r=e.get("visible")||!1;await this.isOpenUpdated(r,this.visible)}if(e.has("placement")&&this.setAttribute("placement",Object.values(Be).includes(this.placement)?this.placement:O.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){let o=this.trigger.split(" ").filter(a=>Object.values(Pr).includes(a));this.setAttribute("trigger",o.length>0?this.trigger:O.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("color")&&this.setAttribute("color",Object.values(Vr).includes(this.color)?this.color:O.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),e.has("append-to")&&this.utils.setupAppendTo(),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility()}async isOpenUpdated(e,r){var o,a,s;e===r||!this.triggerElement||(r?(Et.peek()!==this&&Et.push(this),this.enabledFocusTrap=this.focusTrap,this.enabledPreventScroll=this.preventScroll,this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),await this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(this.triggerElement.style.pointerEvents="none")),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),this.disableAriaExpanded||this.triggerElement.setAttribute("aria-expanded","true"),this.interactive&&this.triggerElement.setAttribute("aria-haspopup",this.triggerElement.getAttribute("aria-haspopup")||"dialog"),Tt.onShowPopover(this)):(Et.pop(),this.backdropElement&&((o=this.backdropElement)==null||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(this.triggerElement.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),(a=this.deactivateFocusTrap)==null||a.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive&&this.triggerElement.removeAttribute("aria-haspopup"),this.focusBackToTrigger&&((s=this.triggerElement)==null||s.focus()),Tt.onHidePopover(this)))}async handleCreatePopoverFirstUpdate(){var e,r;this.visible&&this.interactive&&((e=this.setFocusableElements)==null||e.call(this),await this.updateComplete,(r=this.setInitialFocus)==null||r.call(this))}positionPopover(){if(!this.triggerElement)return;let e=[Tn()],r=this.offset;if(this.flip&&e.push(An()),this.size){let o=this.renderRoot.querySelector('[part="popover-content"]');e.push(Sn({apply({availableHeight:a}){o&&Object.assign(o.style,{maxHeight:`${a}px`})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){let o=this.arrowElement.offsetHeight;r=Math.sqrt(2*o**2)/2+this.offset,e.push(_n({element:this.arrowElement,padding:12}))}e.push(En(r)),xn(this.triggerElement,this,async()=>{if(!this.triggerElement)return;let{x:o,y:a,middlewareData:s,placement:n}=await In(this.triggerElement,this,{placement:this.placement,middleware:e});this.utils.updatePopoverStyle(o,a),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,n),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(n)})}render(){return m`
+      `,e.appendChild(r),this.popover.backdropElement=e}}};var L=class extends kn(g){constructor(){super();this.id="";this.triggerID="";this.trigger=O.TRIGGER;this.placement=O.PLACEMENT;this.color=O.COLOR;this.visible=O.VISIBLE;this.offset=O.OFFSET;this.focusTrap=O.FOCUS_TRAP;this.preventScroll=O.PREVENT_SCROLL;this.showArrow=O.ARROW;this.closeButton=O.CLOSE_BUTTON;this.interactive=O.INTERACTIVE;this.delay=O.DELAY;this.hideOnEscape=O.HIDE_ON_ESCAPE;this.hideOnBlur=O.HIDE_ON_BLUR;this.hideOnOutsideClick=O.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=O.FOCUS_BACK;this.backdrop=O.BACKDROP;this.flip=O.FLIP;this.size=O.SIZE;this.zIndex=O.Z_INDEX;this.appendTo="";this.closeButtonAriaLabel=null;this.role=O.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=O.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.onOutsidePopoverClick=e=>{if(Et.peek()!==this)return;let r=!1,o=e.composedPath();r=this.contains(e.target)||o.includes(this.triggerElement);let a=this.backdropElement?o.includes(this.backdropElement):!1;(!r||a)&&this.hidePopover()};this.onEscapeKeydown=e=>{!this.visible||e.code!=="Escape"||(e.preventDefault(),this.hidePopover())};this.onPopoverFocusOut=e=>{this.contains(e.relatedTarget)||this.hidePopover()};this.startCloseDelay=()=>{if(!this.interactive)this.hidePopover();else{if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}};this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)};this.showPopover=()=>{this.cancelCloseDelay(),setTimeout(()=>{this.visible=!0},this.openDelay)};this.hidePopover=()=>{Et.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1},this.closeDelay)};this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)};this.utils=new Ro(this)}async firstUpdated(e){super.firstUpdated(e),this.utils.setupAppendTo(),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,Tt.onCreatedPopover(this),this.visible&&(this.positionPopover(),await this.handleCreatePopoverFirstUpdate())}async disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners(),Tt.onDestroyedPopover(this),Et.remove(this)}setupTriggerListener(){if(this.triggerID&&(this.triggerElement=this.getRootNode().querySelector(`[id="${this.triggerID}"]`),!!this.triggerElement)){if(this.trigger==="mouseenter"&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.togglePopoverVisible),this.trigger.includes("mouseenter")){let e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.showPopover),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),e==null||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.showPopover),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;let e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.togglePopoverVisible),this.triggerElement.removeEventListener("mouseenter",this.showPopover),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.showPopover),this.triggerElement.removeEventListener("focusout",this.hidePopover),e==null||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}async updated(e){if(super.updated(e),e.has("visible")){let r=e.get("visible")||!1;await this.isOpenUpdated(r,this.visible)}if(e.has("placement")&&this.setAttribute("placement",Object.values(Be).includes(this.placement)?this.placement:O.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){let o=this.trigger.split(" ").filter(a=>Object.values(Pr).includes(a));this.setAttribute("trigger",o.length>0?this.trigger:O.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("color")&&this.setAttribute("color",Object.values(Vr).includes(this.color)?this.color:O.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),e.has("append-to")&&this.utils.setupAppendTo(),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility()}async isOpenUpdated(e,r){var o,a,s;if(!(e===r||!this.triggerElement))if(r)Et.peek()!==this&&Et.push(this),this.enabledFocusTrap=this.focusTrap,this.enabledPreventScroll=this.preventScroll,this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),await this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(this.triggerElement.style.pointerEvents="none")),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),this.disableAriaExpanded||this.triggerElement.setAttribute("aria-expanded","true"),this.interactive&&this.triggerElement.setAttribute("aria-haspopup",this.triggerElement.getAttribute("aria-haspopup")||"dialog"),Tt.onShowPopover(this);else{if(Et.pop(),this.backdropElement&&((o=this.backdropElement)==null||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(this.triggerElement.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),(a=this.deactivateFocusTrap)==null||a.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){let n=this.triggerElement.getAttribute("aria-haspopup");(n==="dialog"||n==="alertdialog")&&this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&((s=this.triggerElement)==null||s.focus()),Tt.onHidePopover(this)}}async handleCreatePopoverFirstUpdate(){var e,r;this.visible&&this.interactive&&((e=this.setFocusableElements)==null||e.call(this),await this.updateComplete,(r=this.setInitialFocus)==null||r.call(this))}positionPopover(){if(!this.triggerElement)return;let e=[Tn()],r=this.offset;if(this.flip&&e.push(An()),this.size){let o=this.renderRoot.querySelector('[part="popover-content"]');e.push(Sn({apply({availableHeight:a}){o&&Object.assign(o.style,{maxHeight:`${a}px`})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){let o=this.arrowElement.offsetHeight;r=Math.sqrt(2*o**2)/2+this.offset,e.push(_n({element:this.arrowElement,padding:12}))}e.push(En(r)),xn(this.triggerElement,this,async()=>{if(!this.triggerElement)return;let{x:o,y:a,middlewareData:s,placement:n}=await In(this.triggerElement,this,{placement:this.placement,middleware:e});this.utils.updatePopoverStyle(o,a),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,n),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(n)})}render(){return m`
       <div class="popover-hover-bridge"></div>
       ${this.closeButton?m` <mdc-button
             class="popover-close"
@@ -2505,7 +2505,7 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`,Jn=[Md];var Ct=class extends J(sr){constructor(){super(...arguments);this.selected=!1;this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.role="option",this.variant=Ki.INSET_RECTANGLE,this.updateAttribute("aria-selected",`${this.selected}`),this.updateAttribute("aria-disabled",`${!!this.disabled}`),this.name=void 0,this.secondaryLabel=void 0,this.sideHeaderText=void 0,this.sublineText=void 0,this.dataAriaLabel=void 0,this.addEventListener("focusin",this.displayTooltipForLongText),this.addEventListener("mouseover",this.displayTooltipForLongText),this.addEventListener("focusout",this.hideTooltipOnLeave),this.addEventListener("mouseout",this.hideTooltipOnLeave),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.displayTooltipForLongText),this.removeEventListener("mouseover",this.displayTooltipForLongText),this.removeEventListener("focusout",this.hideTooltipOnLeave),this.removeEventListener("mouseout",this.hideTooltipOnLeave),this.removeEventListener("click",this.handleClick)}handleClick(){this.hideTooltipOnLeave()}displayTooltipForLongText(e){var s,n;let r=(s=e.target.shadowRoot)==null?void 0:s.querySelector('[part="leading-text-primary-label"]');if(r&&r.scrollWidth&&r.clientWidth&&r.scrollWidth<=(r==null?void 0:r.clientWidth))return;let o=document.createElement(Bo);o.id=ia,o.textContent=(n=this.label)!=null?n:"",o.setAttribute("triggerid",this.id),o.setAttribute("visible","");let a=this.closest(Ho)||this.parentElement;a==null||a.after(o)}hideTooltipOnLeave(){let e=document.querySelector(`#${ia}`);e==null||e.remove()}handleDefaultSlotChange(){var r,o,a;let e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");e&&!this.label&&(this.label=(a=(o=e.assignedNodes()[0])==null?void 0:o.textContent)==null?void 0:a.trim())}updateAttribute(e,r){this.setAttribute(e,r)}update(e){super.update(e),e.has("disabled")&&this.updateAttribute("aria-disabled",`${this.disabled}`),e.has("selected")&&this.updateAttribute("aria-selected",`${this.selected}`)}render(){let e=this.prefixIcon?m`
+`,Jn=[Md];var Ct=class extends J(sr){constructor(){super(...arguments);this.selected=!1;this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.role="option",this.variant=Ki.INSET_RECTANGLE,this.updateAttribute("aria-selected",`${this.selected}`),this.updateAttribute("aria-disabled",`${!!this.disabled}`),this.name=void 0,this.secondaryLabel=void 0,this.sideHeaderText=void 0,this.sublineText=void 0,this.dataAriaLabel=void 0,this.addEventListener("focusin",this.displayTooltipForLongText),this.addEventListener("mouseover",this.displayTooltipForLongText),this.addEventListener("focusout",this.hideTooltipOnLeave),this.addEventListener("mouseout",this.hideTooltipOnLeave),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.displayTooltipForLongText),this.removeEventListener("mouseover",this.displayTooltipForLongText),this.removeEventListener("focusout",this.hideTooltipOnLeave),this.removeEventListener("mouseout",this.hideTooltipOnLeave),this.removeEventListener("click",this.handleClick)}handleClick(){this.hideTooltipOnLeave()}displayTooltipForLongText(e){var s,n;let r=(s=e.target.shadowRoot)==null?void 0:s.querySelector('[part="leading-text-primary-label"]');if(r&&r.scrollWidth&&r.clientWidth&&r.scrollWidth<=(r==null?void 0:r.clientWidth))return;let o=document.createElement(Bo);o.id=ia,o.textContent=(n=this.label)!=null?n:"",o.setAttribute("triggerid",this.id),o.setAttribute("visible",""),o.setAttribute("show-arrow","");let a=this.closest(Ho)||this.parentElement;a==null||a.after(o)}hideTooltipOnLeave(){let e=document.querySelector(`#${ia}`);e==null||e.remove()}handleDefaultSlotChange(){var r,o,a;let e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");e&&!this.label&&(this.label=(a=(o=e.assignedNodes()[0])==null?void 0:o.textContent)==null?void 0:a.trim())}updateAttribute(e,r){this.setAttribute(e,r)}update(e){super.update(e),e.has("disabled")&&this.updateAttribute("aria-disabled",`${this.disabled}`),e.has("selected")&&this.updateAttribute("aria-selected",`${this.selected}`)}render(){let e=this.prefixIcon?m`
       <div part="leading-icon">
         <mdc-icon slot="leading-controls" name="${A(this.prefixIcon)}"></mdc-icon>
       </div>
@@ -2989,7 +2989,7 @@
     position: absolute;
     width: 100%;
     height: 1px;
-    z-index: 1;
+    z-index: -1;
   }
   :host::part(container) {
     width: 100%;
@@ -3061,7 +3061,7 @@
   :host([help-text-type="warning"])::part(base-container) {
     border-color: var(--mdc-select-warning-border-color);
   }
-`,ul=[Xd,...N(!0)];var te=class extends J(P(j)){constructor(){super(...arguments);this.readonly=!1;this.height="auto";this.baseIconName=Go.ARROW_DOWN;this.selectedValue="";this.displayPopover=!1;this.activeDescendant=""}connectedCallback(){super.connectedCallback(),this.value=void 0,this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}getAllValidOptions(){var e;return((e=this.optionsList)==null?void 0:e.map(r=>r.tagName.toLowerCase()===Gr?r:r.tagName.toLowerCase()===Fo?Array.from(r.children).filter(o=>o.tagName.toLowerCase()===Gr):[]).flat())||[]}handlePopoverOpen(){this.baseIconName=Go.ARROW_UP}handlePopoverClose(){this.baseIconName=Go.ARROW_DOWN}updateTabIndexForAllOptions(e){var o;let r=!1;this.getAllValidOptions().forEach(a=>{a===e?(this.setSelectedValue(a),r=!0,a.setAttribute("selected",""),a.setAttribute("tabindex","0")):(a==null||a.setAttribute("tabindex","-1"),a==null||a.removeAttribute("selected"))}),!r&&((o=this.getAllValidOptions()[0])==null||o.setAttribute("tabindex","0"))}handleOptionsClick(e){this.updateTabIndexForAllOptions(e.target)}setSelectedValue(e){var r,o,a,s;this.selectedValueText=(o=(r=e==null?void 0:e.getAttribute("label"))!=null?r:e==null?void 0:e.textContent)!=null?o:"",this.selectedValue=(s=(a=e==null?void 0:e.getAttribute("value"))!=null?a:e==null?void 0:e.textContent)!=null?s:"",this.internals.setFormValue(this.selectedValue),this.manageRequired(),this.dispatchChange(this.selectedValue)}manageRequired(){!this.selectedValue&&this.requiredLabel?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.selectedValue="",this.selectedValueText=void 0,this.internals.setFormValue(this.selectedValue),this.updateTabIndexForAllOptions()}formStateRestoreCallback(e){this.selectedValue=e,this.selectedValueText=e}dispatchChange(e){e&&this.dispatchEvent(new CustomEvent("change",{detail:{value:e},composed:!0,bubbles:!0}))}handleKeydown(e){this.displayPopover?this.handlePopoverOnOpen(e):this.handlePopoverOnClose(e)}handlePopoverOnOpen(e){var r;switch(e.key){case $.SPACE:this.updateTabIndexForAllOptions(e.target),this.closePopover();break;case $.ENTER:this.updateTabIndexForAllOptions(e.target),this.closePopover(),(r=this.form)==null||r.requestSubmit();break;case $.ESCAPE:this.closePopover();break;case $.HOME:this.setFocusAndTabIndex(0);break;case $.END:this.setFocusAndTabIndex(this.getAllValidOptions().length-1);break;case $.ARROW_DOWN:case $.ARROW_UP:case $.PAGE_DOWN:case $.PAGE_UP:this.handleOptionsNavigation(e),this.updateActivedescendant(e.target);break;default:break}}handlePopoverOnClose(e){switch(e.key){case $.ARROW_DOWN:case $.ARROW_UP:case $.ENTER:case $.SPACE:this.openPopover(),e.preventDefault();break;case $.HOME:this.openPopover(),this.setFocusAndTabIndex(0);break;case $.END:this.openPopover(),this.setFocusAndTabIndex(this.getAllValidOptions().length-1);break;default:break}}handleOptionsNavigation(e){let r=this.getAllValidOptions(),o=r.findIndex(s=>s===e.target),a=this.getNewIndexBasedOnKey(e.key,o,r.length);a!==-1&&(this.setFocusAndTabIndex(a),e.preventDefault())}getNewIndexBasedOnKey(e,r,o){return e===$.ARROW_DOWN&&r!==o-1?r+1:e===$.ARROW_UP&&r>0?r-1:e===$.PAGE_DOWN?r+10>o?o-1:r+10:e===$.PAGE_UP?r-10<0?0:r-10:-1}updateActivedescendant(e){var o,a;let r=this.getAllValidOptions().findIndex(s=>s===e);this.activeDescendant=(a=(o=this.getAllValidOptions()[r])==null?void 0:o.id)!=null?a:""}resetActivedescendant(){this.activeDescendant=""}setFocusAndTabIndex(e){var r;(r=this.getAllValidOptions()[e])==null||r.focus(),this.getAllValidOptions().forEach((o,a)=>{let s=e===a?"0":"-1";o==null||o.setAttribute("tabindex",s)})}openPopover(){this.displayPopover=!0,this.resetActivedescendant()}closePopover(){this.displayPopover=!1,this.resetActivedescendant()}firstUpdated(){let e=this.getAllValidOptions(),r=e.findIndex(o=>o==null?void 0:o.hasAttribute("selected"));r!==-1?(this.setSelectedValue(e[r]),this.updateTabIndexForAllOptions(e[r])):this.placeholder?this.placeholder&&this.manageRequired():(this.setSelectedValue(e[0]),this.updateTabIndexForAllOptions())}getNativeSelect(){var e;return m`
+`,ul=[Xd,...N(!0)];var te=class extends J(P(j)){constructor(){super(...arguments);this.readonly=!1;this.height="auto";this.baseIconName=Go.ARROW_DOWN;this.selectedValue="";this.displayPopover=!1;this.activeDescendant=""}connectedCallback(){super.connectedCallback(),this.value=void 0,this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}getAllValidOptions(){var e;return((e=this.optionsList)==null?void 0:e.map(r=>r.tagName.toLowerCase()===Gr?r:r.tagName.toLowerCase()===Fo?Array.from(r.children).filter(o=>o.tagName.toLowerCase()===Gr):[]).flat())||[]}handlePopoverOpen(){this.displayPopover=!0,this.baseIconName=Go.ARROW_UP}handlePopoverClose(){this.displayPopover=!1,this.baseIconName=Go.ARROW_DOWN}updateTabIndexForAllOptions(e){var o;let r=!1;this.getAllValidOptions().forEach(a=>{a===e?(this.setSelectedValue(a),r=!0,a.setAttribute("selected",""),a.setAttribute("tabindex","0")):(a==null||a.setAttribute("tabindex","-1"),a==null||a.removeAttribute("selected"))}),!r&&((o=this.getAllValidOptions()[0])==null||o.setAttribute("tabindex","0"))}handleOptionsClick(e){this.updateTabIndexForAllOptions(e.target)}setSelectedValue(e){var r,o,a,s;this.selectedValueText=(o=(r=e==null?void 0:e.getAttribute("label"))!=null?r:e==null?void 0:e.textContent)!=null?o:"",this.selectedValue=(s=(a=e==null?void 0:e.getAttribute("value"))!=null?a:e==null?void 0:e.textContent)!=null?s:"",this.internals.setFormValue(this.selectedValue),this.manageRequired(),this.dispatchChange(this.selectedValue)}manageRequired(){!this.selectedValue&&this.requiredLabel?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.selectedValue="",this.selectedValueText=void 0,this.internals.setFormValue(this.selectedValue),this.updateTabIndexForAllOptions()}formStateRestoreCallback(e){this.selectedValue=e,this.selectedValueText=e}dispatchChange(e){e&&this.dispatchEvent(new CustomEvent("change",{detail:{value:e},composed:!0,bubbles:!0}))}handleKeydown(e){this.displayPopover?this.handlePopoverOnOpen(e):this.handlePopoverOnClose(e)}handlePopoverOnOpen(e){var r;switch(e.key){case $.SPACE:this.updateTabIndexForAllOptions(e.target),this.closePopover(),e.preventDefault();break;case $.ENTER:this.updateTabIndexForAllOptions(e.target),this.closePopover(),e.preventDefault(),(r=this.form)==null||r.requestSubmit();break;case $.ESCAPE:this.closePopover();break;case $.HOME:this.setFocusAndTabIndex(0),e.preventDefault();break;case $.END:this.setFocusAndTabIndex(this.getAllValidOptions().length-1),e.preventDefault();break;case $.ARROW_DOWN:case $.ARROW_UP:case $.PAGE_DOWN:case $.PAGE_UP:this.handleOptionsNavigation(e),this.updateActivedescendant(e.target);break;default:break}}handlePopoverOnClose(e){switch(e.key){case $.ARROW_DOWN:case $.ARROW_UP:case $.ENTER:case $.SPACE:this.openPopover(),e.preventDefault();break;case $.HOME:this.openPopover(),this.setFocusAndTabIndex(0),e.preventDefault();break;case $.END:this.openPopover(),this.setFocusAndTabIndex(this.getAllValidOptions().length-1),e.preventDefault();break;default:break}}handleOptionsNavigation(e){let r=this.getAllValidOptions(),o=r.findIndex(s=>s===e.target),a=this.getNewIndexBasedOnKey(e.key,o,r.length);a!==-1&&(this.setFocusAndTabIndex(a),e.preventDefault())}getNewIndexBasedOnKey(e,r,o){return e===$.ARROW_DOWN&&r!==o-1?r+1:e===$.ARROW_UP&&r>0?r-1:e===$.PAGE_DOWN?r+10>o?o-1:r+10:e===$.PAGE_UP?r-10<0?0:r-10:-1}updateActivedescendant(e){var o,a;let r=this.getAllValidOptions().findIndex(s=>s===e);this.activeDescendant=(a=(o=this.getAllValidOptions()[r])==null?void 0:o.id)!=null?a:""}resetActivedescendant(){this.activeDescendant=""}setFocusAndTabIndex(e){var r;(r=this.getAllValidOptions()[e])==null||r.focus(),this.getAllValidOptions().forEach((o,a)=>{let s=e===a?"0":"-1";o==null||o.setAttribute("tabindex",s)})}openPopover(){this.displayPopover=!0,this.resetActivedescendant()}closePopover(){this.displayPopover=!1,this.resetActivedescendant()}firstUpdated(){let e=this.getAllValidOptions(),r=e.findIndex(o=>o==null?void 0:o.hasAttribute("selected"));r!==-1?(this.setSelectedValue(e[r]),this.updateTabIndexForAllOptions(e[r])):this.placeholder?this.placeholder&&this.manageRequired():(this.setSelectedValue(e[0]),this.updateTabIndexForAllOptions())}getNativeSelect(){return m`
       <select
         part="native-select"
         id="${this.id}"
@@ -3072,12 +3072,7 @@
         ?autofocus="${this.autofocus}"
         ?disabled="${this.disabled}"
         ?required="${!!this.requiredLabel}"
-        aria-activedescendant="${this.activeDescendant}"
-        aria-expanded="${this.displayPopover}"
-        aria-haspopup="listbox"
-        aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
-        aria-labelledby="${this.label?V.HEADING_ID:""}"
-        @mousedown="${r=>r.preventDefault()}"
+        @mousedown="${e=>e.preventDefault()}"
       >
         ${this.getOptionsContentFromSlot()}
       </select>
@@ -3100,7 +3095,6 @@
         hide-on-outside-click
         focus-back-to-trigger
         focus-trap
-        prevent-scroll
         role="listbox"
         placement="${Be.BOTTOM_START}"
         @shown="${this.handlePopoverOpen}"
@@ -3109,7 +3103,7 @@
       >
         <slot @click="${this.handleOptionsClick}"></slot>
       </mdc-popover>
-    `}updated(e){super.updated(e),(e.has("disabled")||e.has("readonly"))&&(this.closePopover(),this.handlePopoverClose())}render(){var e;return m`
+    `}updated(e){super.updated(e),(e.has("disabled")||e.has("readonly"))&&(this.closePopover(),this.handlePopoverClose())}render(){var e,r;return m`
       ${this.renderLabel()}
       <div part="container">
         <div
@@ -3117,13 +3111,19 @@
           part="base-container"
           tabindex="${this.disabled?"-1":"0"}"
           class="${this.disabled?"":"mdc-focus-ring"}"
+          role="combobox"
+          aria-activedescendant="${this.activeDescendant}"
+          aria-haspopup="listbox"
+          aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
+          aria-labelledby="${this.label?V.HEADING_ID:""}"
+          aria-expanded="${this.displayPopover?"true":"false"}"
         >
           <mdc-text
             part="base-text ${this.selectedValueText?"selected":""}"
             type="${_.BODY_MIDSIZE_REGULAR}"
             tagname="${C.SPAN}"
           >
-            ${(e=this.selectedValueText)!=null?e:this.placeholder}
+            ${(r=this.selectedValueText)!=null?r:this.placeholder}
           </mdc-text>
           <div part="icon-container">
             <mdc-icon size="1" length-unit="rem" name="${this.baseIconName}"></mdc-icon>