genesys-spark-components 4.111.5 → 4.112.0

package/dist/genesys-webcomponents/{p-b88083f5.entry.js → p-304a008c.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as e,g as i}from"./p-78cb19b9.js";import{a as o,c as a,o as r,f as p,s as h,h as n,b as c}from"./p-a2f2c0a9.js";import{a as d}from"./p-cf0e7d3b.js";import{O as l}from"./p-045d724a.js";import{t as b}from"./p-744f9093.js";import{f as u}from"./p-9b0d3713.js";const f=class{constructor(e){t(this,e),this.guxdismiss=s(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(t){const s=t.composedPath(),e=u(this.root,this.for),i=s.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=o(u(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=u(this.root,this.for);this.popupElement&&a(t,this.popupElement,{strategy:"fixed",placement:this.position,middleware:[r(2),p(),h(),n(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:s,middlewareData:e,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${s}px`});const o={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(e.arrow){const{x:t,y:s}=e.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[o]:"-6.5px",transform:"rotate(45deg)"})}e.hide&&Object.assign(this.popupElement.style,{visibility:e.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.togglePopover())}focusFirstItemInPopupList(){d((()=>{this.listElement.guxFocusFirstItem()}))}connectedCallback(){b(this.root,{variant:this.position}),this.listElement=this.root.querySelector("gux-list");const t=u(this.root,this.for);t.addEventListener("keydown",(t=>{this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),(this.isOpen&&"Enter"==t.key||" "==t.key)&&this.focusFirstItemInPopupList()})),t.addEventListener("mouseup",(()=>{this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}))}componentDidLoad(){this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition())}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{key:"bba93a975439a4a6ef2472803e25f2668471dce6",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0,popover:"manual"},e("div",{key:"0e516e82a5a226ceffdd703e406c3ef11394346f",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{key:"0299fcb96c6d0fcdafe7c35b98e01e15565cde7b",onClick:this.dismiss.bind(this)}),e("div",{key:"c7b90ce318294711b5e4204859c9a3a2303d46f8",class:"gux-popover-content"},e("slot",{key:"cedca527d7b66e525193ceb4035ebb4665aef4f6"})))}get root(){return i(this)}};(function(t,s,e,i){var o,a=arguments.length,r=a<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,e,i);else for(var p=t.length-1;p>=0;p--)(o=t[p])&&(r=(a<3?o(r):a>3?o(s,e,r):o(s,e))||r);a>3&&r&&Object.defineProperty(s,e,r)})([l({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{f as gux_popover_list_beta}
+import{r as t,c as s,h as e,g as i}from"./p-78cb19b9.js";import{a as o,c as a,o as r,f as p,s as h,h as n,b as d}from"./p-a2f2c0a9.js";import{a as c}from"./p-cf0e7d3b.js";import{O as l}from"./p-045d724a.js";import{t as b}from"./p-b173ec5d.js";import{f as u}from"./p-9b0d3713.js";const f=class{constructor(e){t(this,e),this.guxdismiss=s(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(t){const s=t.composedPath(),e=u(this.root,this.for),i=s.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=o(u(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=u(this.root,this.for);this.popupElement&&a(t,this.popupElement,{strategy:"fixed",placement:this.position,middleware:[r(2),p(),h(),n(),d({element:this.arrowElement,padding:16})]}).then((({x:t,y:s,middlewareData:e,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${s}px`});const o={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(e.arrow){const{x:t,y:s}=e.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",[o]:"-6.5px",transform:"rotate(45deg)"})}e.hide&&Object.assign(this.popupElement.style,{visibility:e.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.togglePopover())}focusFirstItemInPopupList(){c((()=>{this.listElement.guxFocusFirstItem()}))}connectedCallback(){b(this.root,{variant:this.position}),this.listElement=this.root.querySelector("gux-list");const t=u(this.root,this.for);t.addEventListener("keydown",(t=>{this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),(this.isOpen&&"Enter"==t.key||" "==t.key)&&this.focusFirstItemInPopupList()})),t.addEventListener("mouseup",(()=>{this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}))}componentDidLoad(){this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition())}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{key:"9294234dfdacafbca88968ce1b952c6f6124ade7",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0,popover:"manual"},e("div",{key:"eb9daf084e2a447cc22f36284e2e7d9d9c930d2c",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{key:"ed5f74d0e04152a8be18bfa72c187ce66e3066bb",onClick:this.dismiss.bind(this)}),e("div",{key:"f4856c1a0890bb05f680c5a039f2fbb1294b0a8b",class:"gux-popover-content"},e("slot",{key:"a0dd537f9acddd6939ee254385d5739019eb30ec"})))}get root(){return i(this)}};(function(t,s,e,i){var o,a=arguments.length,r=a<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,e,i);else for(var p=t.length-1;p>=0;p--)(o=t[p])&&(r=(a<3?o(r):a>3?o(s,e,r):o(s,e))||r);a>3&&r&&Object.defineProperty(s,e,r)})([l({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{f as gux_popover_list_beta}