genesys-spark-components 4.49.0 → 4.50.0

package/dist/genesys-webcomponents/{p-552ff5d4.entry.js → p-f5eb6e99.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as o,g as s}from"./p-2e827df1.js";import{a as i,c as r,o as a,f as n,s as u,b as d}from"./p-b43ee47b.js";import{a as h}from"./p-cf0e7d3b.js";import{t as c}from"./p-78cc7f01.js";import{h as f}from"./p-67d20704.js";const l=class{constructor(t){e(this,t),this.isShown=!1}onKeydown(e){if(e.stopPropagation(),this.isShown)switch(e.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return e.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=h((()=>{this.focusOnMenu()})))}}onKeyup(e){e.stopPropagation()," "!==e.key||(this.root===e.target?this.focusOnMenu():this.hideDelayTimeout=h((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(e){0!==e.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}),f))}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:[a(16),n(),u(),d({element:this.arrowElement,padding:16})]}).then((({x:e,y:t,middlewareData:o,placement:s})=>{var i;Object.assign(this.menuContentElement.style,{left:`${e}px`,top:`${t}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(o.arrow){const{x:e,y:t}=o.arrow;Object.assign(null===(i=this.arrowElement)||void 0===i?void 0:i.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[r]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const e=this.root.querySelector("gux-menu");Array.from(e.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 t(o,{key:"8a3b4316363e73958482b413203b08f66206549a",tabIndex:0,"aria-haspopup":"true"},t("span",{key:"a9772e22b70e868749e59616664dd9dbbb76c46c",ref:e=>this.targetElement=e},t("slot",{key:"b76eb71a2fc5b448382b498d0c316984762fdfa0",name:"target"})),t("div",{key:"7297940e13a8c218e4fb6208474d233222f25d6c",class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:e=>this.menuContentElement=e},t("div",{key:"edfa76b5d150ecdb45a9179df6c13b8099bb0647",ref:e=>this.arrowElement=e,class:"gux-arrow"}),t("slot",{key:"fc8a94f41c6ad4fa987e4a1572173fd58bd37cfb",name:"menu"})))}get root(){return s(this)}};l.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{l as gux_flyout_menu}
+import{r as e,h as t,H as o,g as s}from"./p-2e827df1.js";import{a as i,c as r,o as a,f as n,s as u,b as d}from"./p-b43ee47b.js";import{a as h}from"./p-cf0e7d3b.js";import{t as c}from"./p-804785db.js";import{h as f}from"./p-67d20704.js";const l=class{constructor(t){e(this,t),this.isShown=!1}onKeydown(e){if(e.stopPropagation(),this.isShown)switch(e.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return e.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=h((()=>{this.focusOnMenu()})))}}onKeyup(e){e.stopPropagation()," "!==e.key||(this.root===e.target?this.focusOnMenu():this.hideDelayTimeout=h((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(e){0!==e.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}),f))}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:[a(16),n(),u(),d({element:this.arrowElement,padding:16})]}).then((({x:e,y:t,middlewareData:o,placement:s})=>{var i;Object.assign(this.menuContentElement.style,{left:`${e}px`,top:`${t}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(o.arrow){const{x:e,y:t}=o.arrow;Object.assign(null===(i=this.arrowElement)||void 0===i?void 0:i.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[r]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const e=this.root.querySelector("gux-menu");Array.from(e.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 t(o,{key:"8a3b4316363e73958482b413203b08f66206549a",tabIndex:0,"aria-haspopup":"true"},t("span",{key:"a9772e22b70e868749e59616664dd9dbbb76c46c",ref:e=>this.targetElement=e},t("slot",{key:"b76eb71a2fc5b448382b498d0c316984762fdfa0",name:"target"})),t("div",{key:"7297940e13a8c218e4fb6208474d233222f25d6c",class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:e=>this.menuContentElement=e},t("div",{key:"edfa76b5d150ecdb45a9179df6c13b8099bb0647",ref:e=>this.arrowElement=e,class:"gux-arrow"}),t("slot",{key:"fc8a94f41c6ad4fa987e4a1572173fd58bd37cfb",name:"menu"})))}get root(){return s(this)}};l.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{l as gux_flyout_menu}