genesys-spark-components 4.199.0 → 4.199.2

package/dist/genesys-webcomponents/{p-327a60cf.entry.js → p-576cdb9e.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as o,a as s}from"./p-CiOdbrOB.js";import{a as i,c as a,o as r,f as n,s as u,b as d}from"./p-C8aV-TzO.js";import{a as h}from"./p-Bg4q97BS.js";import{t as c}from"./p-BOiv2mfl.js";import{h as l}from"./p-QGDBFOq1.js";import{b as f}from"./p-CfwuDA5I.js";import"./p-Cd4R0amv.js";var m={onMenuFocus:"Use the right arrow to enter the submenu, and the left arrow to return to the previous menu",onTargetFocus:"A popup has appeared. Press the down arrow to enter the menu"};const p=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.isShown||this.announceElement.guxAnnounce(this.i18n("onTargetFocus")),this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),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&&a(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[r(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 a=s.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[a],n={top:0,right:90,bottom:180,left:-90}[a];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]:"-12px",transform:`rotate(${n}deg)`})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;this.hideDelayTimeout=h((()=>{this.announceElement.guxAnnounce(this.i18n("onMenuFocus"))}));const e=this.root.querySelector("gux-menu");Array.from(e.children)[0].guxFocus()}async componentWillLoad(){c(this.root),this.i18n=await f(this.root,m)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t(o,{key:"50c5feac34a065e8308ab8ffd4c3576466f12e07",tabIndex:0,"aria-haspopup":"true"},t("gux-announce-beta",{key:"53906aba810762b75d31e26bcb388f67e918e472",ref:e=>this.announceElement=e}),t("span",{key:"f90591e2cb74cee3e5d0ecd3af8f6745b1e26127",ref:e=>this.targetElement=e},t("slot",{key:"32ab82b5fe229deeaeec086627f525a7590e2d87",name:"target"})),t("div",{key:"b3e216e5773d287add993669b3865133f6ddedc0",class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:e=>this.menuContentElement=e},t("div",{key:"60e2c5bc206607a04248744b555b99e27ba66835",ref:e=>this.arrowElement=e,class:"gux-arrow"},t("div",{key:"4b75d38702616a4b65d03e6f64289f37ebbcbd60",class:"gux-arrow-caret"})),t("slot",{key:"fce6f3a9dc46ba0d2c34fc9cad1223d1ba45ae61",name:"menu"})))}get root(){return s(this)}};p.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-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-flyoutMenu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow);opacity:0}.gux-flyout-menu-content.gux-shown{display:flex;animation-name:fade-in;animation-duration:100ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-flyoutMenu-anchor-width);block-size:var(--gse-ui-flyoutMenu-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:var(--gse-ui-flyoutMenu-anchor-borderWidth) solid var(--gse-ui-flyoutMenu-backgroundColor);border-inline-start:var(--gse-ui-flyoutMenu-anchor-borderWidth) solid transparent;border-inline-end:var(--gse-ui-flyoutMenu-anchor-borderWidth) solid transparent;filter:drop-shadow(0 0 4px var(--gse-ui-flyoutMenu-anchor-shadowColor))}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{p as gux_flyout_menu}
+import{r as e,h as t,H as o,a as s}from"./p-CiOdbrOB.js";import{a as i,c as a,o as r,f as n,s as u,b as h}from"./p-C8aV-TzO.js";import{a as d}from"./p-Bg4q97BS.js";import{t as c}from"./p-DhyuCthg.js";import{h as f}from"./p-QGDBFOq1.js";import{b as l}from"./p-CfwuDA5I.js";import"./p-Cd4R0amv.js";var m={onMenuFocus:"Use the right arrow to enter the submenu, and the left arrow to return to the previous menu",onTargetFocus:"A popup has appeared. Press the down arrow to enter the menu"};const p=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=d((()=>{this.focusOnMenu()})))}}onKeyup(e){e.stopPropagation()," "!==e.key||(this.root===e.target?this.focusOnMenu():this.hideDelayTimeout=d((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(e){0!==e.detail&&this.hide(),this.root.focus()}onFocusin(){this.isShown||this.announceElement.guxAnnounce(this.i18n("onTargetFocus")),this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),f))}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),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&&a(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[r(16),n(),u(),h({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 a=s.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[a],n={top:0,right:90,bottom:180,left:-90}[a];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]:"-12px",transform:`rotate(${n}deg)`})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;this.hideDelayTimeout=d((()=>{this.announceElement.guxAnnounce(this.i18n("onMenuFocus"))}));const e=this.root.querySelector("gux-menu");Array.from(e.children)[0].guxFocus()}async componentWillLoad(){c(this.root),this.i18n=await l(this.root,m)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t(o,{key:"5b2376413d40db8954a5f78630de79887d3e396c",tabIndex:0,"aria-haspopup":"true"},t("gux-announce-beta",{key:"faafe424e69a4f34df4bd71bffa5268897667b61",ref:e=>this.announceElement=e}),t("span",{key:"2c02399a516a80d0ba4f0b384b9983af38368f8b",ref:e=>this.targetElement=e},t("slot",{key:"1a60f90751608ae9838fcf6ae398ee1de2166f00",name:"target"})),t("div",{key:"0687d6e5959748eab76473146c5721f59b1e5ee7",class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:e=>this.menuContentElement=e},t("div",{key:"995da3807eda87a9a6d123b13fcd6bd97a9beeb6",ref:e=>this.arrowElement=e,class:"gux-arrow"},t("div",{key:"e4a91985cf899690a720f9386cb7cfa051e0ee96",class:"gux-arrow-caret"})),t("slot",{key:"3cd07ce856ecaedfb774f0102d7f1c5c98d3c8a4",name:"menu"})))}get root(){return s(this)}};p.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-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-flyoutMenu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow);opacity:0}.gux-flyout-menu-content.gux-shown{display:flex;animation-name:fade-in;animation-duration:100ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-flyoutMenu-anchor-width);block-size:var(--gse-ui-flyoutMenu-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:var(--gse-ui-flyoutMenu-anchor-borderWidth) solid var(--gse-ui-flyoutMenu-backgroundColor);border-inline-start:var(--gse-ui-flyoutMenu-anchor-borderWidth) solid transparent;border-inline-end:var(--gse-ui-flyoutMenu-anchor-borderWidth) solid transparent;filter:drop-shadow(0 0 4px var(--gse-ui-flyoutMenu-anchor-shadowColor))}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{p as gux_flyout_menu}