genesys-spark-components 4.157.2 → 4.157.3

package/dist/genesys-webcomponents/{p-239e3468.entry.js → p-30ed35bb.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e,a as o}from"./p-CteT-EFt.js";import{a as s,c as a,o as r,f as n,s as h,h as l}from"./p-C_pVuars.js";import{r as d}from"./p-D9jKBqIb.js";import{t as c}from"./p-DXe53egP.js";import{b as u}from"./p-Bg4q97BS.js";import{o as p}from"./p-Citooud1.js";import{f as g}from"./p-Cr5bTKWF.js";const b=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler],["mousemove",this.handlePointerMove.bind(this)]]),this.id=d("gux-tooltip-base"),this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.followMouse=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}handlePointerenter(){this.show()}handlePointerleave(){this.hide()}handlePointerMove(t){this.followMouse&&(t.preventDefault(),this.refElement=this.getRefElement(t.clientX,t.clientY),this.runUpdatePosition())}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition();const t=this.followMouse&&this.refElement?this.refElement:this.forElement;this.cleanupUpdatePosition=s(t,this.root,(()=>this.updatePosition(t)),{ancestorScroll:!0,elementResize:!0,animationFrame:this.followMouse,ancestorResize:!0})}updatePosition(t){const i=[r(12),n({fallbackAxisSideDirection:"start",crossAxis:!1}),h(),l(),p()];a(t,this.root,{placement:this.placement,strategy:"fixed",middleware:i}).then((({x:t,y:i,middlewareData:e})=>{var o;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:`${i+this.offsetY}px`,visibility:(null===(o=e.hide)||void 0===o?void 0:o.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0,u((()=>{this.runUpdatePosition()}))}hide(){this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1,this.refElement=void 0,this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}),350)}setForElement(){this.forElement&&(this.visualOnly||this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}getRefElement(t,i){return{getBoundingClientRect:()=>({x:t,y:i,top:i,left:t,bottom:i,right:t,width:10,height:10})}}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(e,{key:"98c28c32aa5196c39c583bc5fd25fdcc6aeafc5d",id:this.tooltipId?void 0:this.id,role:this.tooltipId&&!this.isShown?void 0:"tooltip",class:{"gux-show":this.isShown},"aria-hidden":this.visualOnly},i("div",{key:"b6028bb11ee231748feae82bf4c9f2412cfb35c2",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"41a0004706e0bb1482c3e82f92049edf5cea3eaf",name:"content"})))}get root(){return o(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};b.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";const m=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.placement="bottom-start",this.accent="light",this.visualOnly=!1}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}componentDidLoad(){this.baseTooltip&&(this.tooltipObserver=new MutationObserver((()=>{var t;this.role=null===(t=this.baseTooltip)||void 0===t?void 0:t.role})),this.tooltipObserver.observe(this.baseTooltip,{childList:!0,attributes:!0,attributeFilter:["role"]}))}connectedCallback(){this.updateForElement()}disconnectedCallback(){this.tooltipObserver&&this.tooltipObserver.disconnect()}getForElement(){if(this.for){const t=g(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return i(e,{key:"dec2e09c13b69b06a53cbdc4960bac6122b23bab",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"27e945d1b66edc8bce373db4a7ce7008d30edfc9",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"150d934b5aad6f476b0a351f317834ac17e6de8e",slot:"content"},i("slot",{key:"bd3602ad0e6f4ac30df9517589e3cb0a2d1a9b3d",name:"content"},i("slot",{key:"b7bd4b50d40a548e0506e3294b26b62c044c89d2"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{b as gux_tooltip_base_beta,m as gux_tooltip_beta}
+import{r as t,h as i,H as e,a as o}from"./p-D2IgeQXY.js";import{a as s,c as a,o as r,f as n,s as h,h as l}from"./p-C_pVuars.js";import{r as d}from"./p-D9jKBqIb.js";import{t as c}from"./p-CZC7Zm_b.js";import{b as u}from"./p-Bg4q97BS.js";import{o as p}from"./p-Citooud1.js";import{f as g}from"./p-Cr5bTKWF.js";const b=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler],["mousemove",this.handlePointerMove.bind(this)]]),this.id=d("gux-tooltip-base"),this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.followMouse=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}handlePointerenter(){this.show()}handlePointerleave(){this.hide()}handlePointerMove(t){this.followMouse&&(t.preventDefault(),this.refElement=this.getRefElement(t.clientX,t.clientY),this.runUpdatePosition())}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition();const t=this.followMouse&&this.refElement?this.refElement:this.forElement;this.cleanupUpdatePosition=s(t,this.root,(()=>this.updatePosition(t)),{ancestorScroll:!0,elementResize:!0,animationFrame:this.followMouse,ancestorResize:!0})}updatePosition(t){const i=[r(12),n({fallbackAxisSideDirection:"start",crossAxis:!1}),h(),l(),p()];a(t,this.root,{placement:this.placement,strategy:"fixed",middleware:i}).then((({x:t,y:i,middlewareData:e})=>{var o;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:`${i+this.offsetY}px`,visibility:(null===(o=e.hide)||void 0===o?void 0:o.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0,u((()=>{this.runUpdatePosition()}))}hide(){this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1,this.refElement=void 0,this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}),350)}setForElement(){this.forElement&&(this.visualOnly||this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}getRefElement(t,i){return{getBoundingClientRect:()=>({x:t,y:i,top:i,left:t,bottom:i,right:t,width:10,height:10})}}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(e,{key:"98c28c32aa5196c39c583bc5fd25fdcc6aeafc5d",id:this.tooltipId?void 0:this.id,role:this.tooltipId&&!this.isShown?void 0:"tooltip",class:{"gux-show":this.isShown},"aria-hidden":this.visualOnly},i("div",{key:"b6028bb11ee231748feae82bf4c9f2412cfb35c2",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"41a0004706e0bb1482c3e82f92049edf5cea3eaf",name:"content"})))}get root(){return o(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};b.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";const m=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.placement="bottom-start",this.accent="light",this.visualOnly=!1}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}componentDidLoad(){this.baseTooltip&&(this.tooltipObserver=new MutationObserver((()=>{var t;this.role=null===(t=this.baseTooltip)||void 0===t?void 0:t.role})),this.tooltipObserver.observe(this.baseTooltip,{childList:!0,attributes:!0,attributeFilter:["role"]}))}connectedCallback(){this.updateForElement()}disconnectedCallback(){this.tooltipObserver&&this.tooltipObserver.disconnect()}getForElement(){if(this.for){const t=g(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return i(e,{key:"dec2e09c13b69b06a53cbdc4960bac6122b23bab",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"27e945d1b66edc8bce373db4a7ce7008d30edfc9",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"150d934b5aad6f476b0a351f317834ac17e6de8e",slot:"content"},i("slot",{key:"bd3602ad0e6f4ac30df9517589e3cb0a2d1a9b3d",name:"content"},i("slot",{key:"b7bd4b50d40a548e0506e3294b26b62c044c89d2"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{b as gux_tooltip_base_beta,m as gux_tooltip_beta}