genesys-spark-components 4.181.0 → 4.182.0

package/dist/genesys-webcomponents/{p-db6acc9c.entry.js → p-b779eb0d.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,a as i}from"./p-COgvjwDR.js";import{a as s,c as r,o as a,f as p,s as n,h,b as c}from"./p-C8aV-TzO.js";import{O as d}from"./p-DGRFHar4.js";import{t as l}from"./p-BEMpuBA2.js";import{g as u}from"./p-BBpQG81s.js";import{f}from"./p-Cr5bTKWF.js";const g=class{constructor(o){t(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1,this.disconnect=void 0}updateForElement(){this.forElement=this.getForElement(),this.forElement.setAttribute("aria-haspopup","true")}onKeyDown(t){"Escape"===t.key&&this.forElement.focus()}onFocusout(t){!this.closeOnClickOutside&&this.displayDismissButton||t.relatedTarget&&!this.root.contains(t.relatedTarget)&&this.dismiss()}checkForClickOutside(t){const e=t.composedPath(),o=f(this.root,this.for),i=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}async guxDismissPopover(){this.dismiss()}async guxFocusPopover(){this.focusPopup()}get titleSlot(){return u(this.root,"title")}get footerSlot(){return u(this.root,"footer")}getForElement(){if(this.for){const t=f(this.root,this.for);return t||this.logForAttributeError(),t}this.logForAttributeError()}focusPopup(){const t=this.root.querySelector("[autoFocus]");t?null==t||t.focus():this.popupElement.focus()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(f(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=f(this.root,this.for);this.popupElement&&t&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),n(),h(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const s=i.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[s],a={top:0,right:90,bottom:180,left:-90}[s],p="left"===s||"right"===s?15:13;if(o.arrow){let t=o.arrow.x;const e=o.arrow.y;"left"!==s&&"right"!==s||(t+=4),this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:-p+"px",transform:`rotate(${a}deg)`})}o.hide&&Object.assign(this.popupElement.style,{visibility:o.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.hidePopover())}logForAttributeError(){this.root.isConnected&&console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`)}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusPopup()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){this.updateForElement(),l(this.root,{variant:this.position});const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const e=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",e),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",e)}}componentDidLoad(){this.forElement&&(this.forElement.popoverTargetElement=this.popupElement,this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition()))}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return o("div",{key:"7d8914ef82a982239f6d2e2288513564c0961242",ref:t=>this.popupElement=t,class:{"gux-popover-wrapper":!0,"gux-hidden":!this.isOpen},"data-placement":!0,popover:"manual",tabindex:"-1"},o("div",{key:"dd769192c1831a02dc1f0682a9e8d8f2ec494f27",ref:t=>this.arrowElement=t,class:"gux-arrow"},o("div",{key:"692e614b8f3c0ac868d5d45798bea742abdcf4c2",class:"gux-arrow-caret"})),this.displayDismissButton&&o("gux-dismiss-button",{key:"917b1f1a1df62541957ea4a7d137fcdff1b55bb1",onClick:this.dismiss.bind(this)}),o("div",{key:"450738140709f5eef22253297456ca5cafe8e81c",class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{key:"cf50400d7f5aa16cc3463232d59eacfd11881d0a",name:"title"})),o("div",{key:"350c70546fa824331a38385efd821bb6e2b9c000",class:"gux-popover-content"},o("slot",{key:"dcff7b5c0b83b265de79ec167a19179f3362de70"})),o("div",{key:"ecfdc5222a155113aa76629089e71f9a7ec3e41e",class:{"gux-popover-footer":Boolean(this.footerSlot)}},o("slot",{key:"0fe86e1e49521b953716a71babdce57c8a410545",name:"footer"})))}get root(){return i(this)}static get watchers(){return{for:["updateForElement"]}}};(function(t,e,o,i){var s,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var p=t.length-1;p>=0;p--)(s=t[p])&&(a=(r<3?s(a):r>3?s(e,o,a):s(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([d({triggerEvents:"mousedown"})],g.prototype,"checkForClickOutside",null),g.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper{}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";export{g as gux_popover_beta}
+import{r as t,c as e,h as o,a as i}from"./p-COgvjwDR.js";import{a as s,c as r,o as a,f as p,s as n,h,b as c}from"./p-C8aV-TzO.js";import{O as d}from"./p-DGRFHar4.js";import{t as l}from"./p-Dfk0nYGa.js";import{g as u}from"./p-BBpQG81s.js";import{f}from"./p-Cr5bTKWF.js";const g=class{constructor(o){t(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1,this.disconnect=void 0}updateForElement(){this.forElement=this.getForElement(),this.forElement.setAttribute("aria-haspopup","true")}onKeyDown(t){"Escape"===t.key&&this.forElement.focus()}onFocusout(t){!this.closeOnClickOutside&&this.displayDismissButton||t.relatedTarget&&!this.root.contains(t.relatedTarget)&&this.dismiss()}checkForClickOutside(t){const e=t.composedPath(),o=f(this.root,this.for),i=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}async guxDismissPopover(){this.dismiss()}async guxFocusPopover(){this.focusPopup()}get titleSlot(){return u(this.root,"title")}get footerSlot(){return u(this.root,"footer")}getForElement(){if(this.for){const t=f(this.root,this.for);return t||this.logForAttributeError(),t}this.logForAttributeError()}focusPopup(){const t=this.root.querySelector("[autoFocus]");t?null==t||t.focus():this.popupElement.focus()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(f(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=f(this.root,this.for);this.popupElement&&t&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),n(),h(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const s=i.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[s],a={top:0,right:90,bottom:180,left:-90}[s],p="left"===s||"right"===s?15:13;if(o.arrow){let t=o.arrow.x;const e=o.arrow.y;"left"!==s&&"right"!==s||(t+=4),this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:-p+"px",transform:`rotate(${a}deg)`})}o.hide&&Object.assign(this.popupElement.style,{visibility:o.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.hidePopover())}logForAttributeError(){this.root.isConnected&&console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`)}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusPopup()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){this.updateForElement(),l(this.root,{variant:this.position});const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const e=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",e),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",e)}}componentDidLoad(){this.forElement&&(this.forElement.popoverTargetElement=this.popupElement,this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition()))}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return o("div",{key:"7d8914ef82a982239f6d2e2288513564c0961242",ref:t=>this.popupElement=t,class:{"gux-popover-wrapper":!0,"gux-hidden":!this.isOpen},"data-placement":!0,popover:"manual",tabindex:"-1"},o("div",{key:"dd769192c1831a02dc1f0682a9e8d8f2ec494f27",ref:t=>this.arrowElement=t,class:"gux-arrow"},o("div",{key:"692e614b8f3c0ac868d5d45798bea742abdcf4c2",class:"gux-arrow-caret"})),this.displayDismissButton&&o("gux-dismiss-button",{key:"917b1f1a1df62541957ea4a7d137fcdff1b55bb1",onClick:this.dismiss.bind(this)}),o("div",{key:"450738140709f5eef22253297456ca5cafe8e81c",class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{key:"cf50400d7f5aa16cc3463232d59eacfd11881d0a",name:"title"})),o("div",{key:"350c70546fa824331a38385efd821bb6e2b9c000",class:"gux-popover-content"},o("slot",{key:"dcff7b5c0b83b265de79ec167a19179f3362de70"})),o("div",{key:"ecfdc5222a155113aa76629089e71f9a7ec3e41e",class:{"gux-popover-footer":Boolean(this.footerSlot)}},o("slot",{key:"0fe86e1e49521b953716a71babdce57c8a410545",name:"footer"})))}get root(){return i(this)}static get watchers(){return{for:["updateForElement"]}}};(function(t,e,o,i){var s,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var p=t.length-1;p>=0;p--)(s=t[p])&&(a=(r<3?s(a):r>3?s(e,o,a):s(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([d({triggerEvents:"mousedown"})],g.prototype,"checkForClickOutside",null),g.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper{}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";export{g as gux_popover_beta}