genesys-spark-components 4.7.0 → 4.9.0

package/dist/genesys-webcomponents/{p-0bfee7c9.entry.js → p-57730ffb.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as e,g as s}from"./p-deca7631.js";import{a as i,c as r,o as n,f as a,s as u,b as h}from"./p-f3521f3e.js";import{a as d}from"./p-ffaadf62.js";import{t as c}from"./p-179cfdc8.js";import{h as l}from"./p-705311af.js";const m=class{constructor(o){t(this,o),this.isShown=!1}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=d((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.root===t.target?this.focusOnMenu():this.hideDelayTimeout=d((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&r(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[n(16),a(),u(),h({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:s})=>{var i;Object.assign(this.menuContentElement.style,{left:`${t}px`,top:`${o}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;Object.assign(null===(i=this.arrowElement)||void 0===i?void 0:i.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[r]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){c(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return o(e,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),o("slot",{name:"menu"})))}get root(){return s(this)}};m.style=":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;z-index:-1;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{m as gux_flyout_menu}
+import{r as t,h as o,H as e,g as s}from"./p-deca7631.js";import{a as i,c as r,o as n,f as a,s as u,b as h}from"./p-f3521f3e.js";import{a as d}from"./p-ffaadf62.js";import{t as c}from"./p-5512fab0.js";import{h as l}from"./p-705311af.js";const m=class{constructor(o){t(this,o),this.isShown=!1}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=d((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.root===t.target?this.focusOnMenu():this.hideDelayTimeout=d((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&r(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[n(16),a(),u(),h({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:s})=>{var i;Object.assign(this.menuContentElement.style,{left:`${t}px`,top:`${o}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;Object.assign(null===(i=this.arrowElement)||void 0===i?void 0:i.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[r]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){c(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return o(e,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),o("slot",{name:"menu"})))}get root(){return s(this)}};m.style=":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;z-index:-1;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{m as gux_flyout_menu}