genesys-spark-components 4.118.0 → 4.119.0

package/dist/genesys-webcomponents/{p-5fbb4889.entry.js → p-f4be9856.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as o}from"./p-086c5088.js";import{t as i}from"./p-1089c08b.js";import{g as a}from"./p-0268a3e8.js";const r=class{constructor(t){e(this,t),this.variant="info",this.placement="right"}componentWillLoad(){i(this.root,{variant:this.variant})}getVariantIcon(e){return"question"===e?"fa/circle-question-regular":"fa/circle-info-regular"}async showTooltip(){return await this.tooltipElement.showTooltip()}async hideTooltip(){return await this.tooltipElement.hideTooltip()}render(){return t("div",{key:"a5cfd50dddc948a84a89406180423e1f2baf3586",class:"gux-label-info"},t("gux-screen-reader-beta",{key:"242deb6d19f64e64436c867d9ea5cba84c0e69e3"},a(this.root,"content")),t("gux-icon",{key:"33dcf9d4c85d875532483961f2639e0c6f5b0fdc","icon-name":this.getVariantIcon(this.variant),size:"small",decorative:!0}),t("gux-tooltip-beta",{key:"439645c57b526ee7f84d67ef8423a38c46dcd12f",placement:this.placement,ref:e=>this.tooltipElement=e},t("slot",{key:"ca4ee786cba6a3cc7278ef642ff3abb8fd79494a",name:"content"})))}get root(){return o(this)}};r.style=".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";export{r as gux_label_info_beta}
+import{r as e,h as t,g as o}from"./p-086c5088.js";import{t as i}from"./p-258c7d6d.js";import{g as a}from"./p-0268a3e8.js";const r=class{constructor(t){e(this,t),this.variant="info",this.placement="right"}componentWillLoad(){i(this.root,{variant:this.variant})}getVariantIcon(e){return"question"===e?"fa/circle-question-regular":"fa/circle-info-regular"}async showTooltip(){return await this.tooltipElement.showTooltip()}async hideTooltip(){return await this.tooltipElement.hideTooltip()}render(){return t("div",{key:"a5cfd50dddc948a84a89406180423e1f2baf3586",class:"gux-label-info"},t("gux-screen-reader-beta",{key:"242deb6d19f64e64436c867d9ea5cba84c0e69e3"},a(this.root,"content")),t("gux-icon",{key:"33dcf9d4c85d875532483961f2639e0c6f5b0fdc","icon-name":this.getVariantIcon(this.variant),size:"small",decorative:!0}),t("gux-tooltip-beta",{key:"439645c57b526ee7f84d67ef8423a38c46dcd12f",placement:this.placement,ref:e=>this.tooltipElement=e},t("slot",{key:"ca4ee786cba6a3cc7278ef642ff3abb8fd79494a",name:"content"})))}get root(){return o(this)}};r.style=".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_label_info_beta}

package/dist/genesys-webcomponents/{p-e86b4f62.entry.js → p-f5d5dc00.entry.js}

@@ -1 +1 @@
-import{r as t,f as s,h as e,H as i,g as o}from"./p-086c5088.js";import{s as a}from"./p-2c25e2f2.js";import{t as r}from"./p-1089c08b.js";const c=class{constructor(s){t(this,s),this.value=void 0,this.disabled=!1,this.items=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-segmented-control-item");s&&this.value!==s.value&&(this.value=s.value,a(this.root,"input"),a(this.root,"change"))}watchDisabled(){this.items.forEach((t=>{s(t)}))}slotChanged(){this.items=Array.from(this.root.children)}componentWillLoad(){r(this.root)}componentWillRender(){this.items.forEach((t=>{t.selected=t.value===this.value}))}render(){return e(i,{key:"c57afa576033c08c059035fb3338e9a4049dc699",role:"group"},e("slot",{key:"ef8243fc3fef43c3e680f8772d2aeafd1f638896",onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}static get watchers(){return{disabled:["watchDisabled"]}}};c.style=":host{display:inline-flex}";export{c as gux_segmented_control_beta}
+import{r as t,f as s,h as e,H as i,g as o}from"./p-086c5088.js";import{s as a}from"./p-2c25e2f2.js";import{t as r}from"./p-258c7d6d.js";const c=class{constructor(s){t(this,s),this.value=void 0,this.disabled=!1,this.items=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-segmented-control-item");s&&this.value!==s.value&&(this.value=s.value,a(this.root,"input"),a(this.root,"change"))}watchDisabled(){this.items.forEach((t=>{s(t)}))}slotChanged(){this.items=Array.from(this.root.children)}componentWillLoad(){r(this.root)}componentWillRender(){this.items.forEach((t=>{t.selected=t.value===this.value}))}render(){return e(i,{key:"c57afa576033c08c059035fb3338e9a4049dc699",role:"group"},e("slot",{key:"ef8243fc3fef43c3e680f8772d2aeafd1f638896",onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}static get watchers(){return{disabled:["watchDisabled"]}}};c.style=":host{display:inline-flex}";export{c as gux_segmented_control_beta}

package/dist/genesys-webcomponents/{p-83901f40.entry.js → p-f61bca0c.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,g as o}from"./p-086c5088.js";import{t as i}from"./p-1089c08b.js";import{b as r}from"./p-d15985f1.js";import{t as e}from"./p-864d63fe.js";import{h as n,r as a}from"./p-274517cc.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const u=class{constructor(s){t(this,s),this.action=void 0,this.disabled=!1,this.isActive=!1}async componentWillLoad(){i(this.root,{variant:this.action}),this.i18n=await r(this.root,e)}renderTooltip(){if(!this.disabled)return s("gux-tooltip-beta",null,s("div",{slot:"content"},this.i18n(this.action)))}renderActionButton(){return s("gux-button-slot",{accent:"ghost","icon-only":!0},s("button",{type:"button",disabled:this.disabled||n(this.root),class:{"gux-is-pressed":this.isActive},"aria-pressed":this.isActive.toString()},s("gux-icon",{"icon-name":a(this.action),"screenreader-text":this.i18n(this.action),size:"small"})),this.renderTooltip())}render(){return this.renderActionButton()}get root(){return o(this)}};u.style=":host{display:block}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";export{u as gux_rich_text_editor_action}
+import{r as t,h as s,g as o}from"./p-086c5088.js";import{t as i}from"./p-258c7d6d.js";import{b as r}from"./p-d15985f1.js";import{t as e}from"./p-864d63fe.js";import{h as n,r as a}from"./p-274517cc.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const u=class{constructor(s){t(this,s),this.action=void 0,this.disabled=!1,this.isActive=!1}async componentWillLoad(){i(this.root,{variant:this.action}),this.i18n=await r(this.root,e)}renderTooltip(){if(!this.disabled)return s("gux-tooltip-beta",null,s("div",{slot:"content"},this.i18n(this.action)))}renderActionButton(){return s("gux-button-slot",{accent:"ghost","icon-only":!0},s("button",{type:"button",disabled:this.disabled||n(this.root),class:{"gux-is-pressed":this.isActive},"aria-pressed":this.isActive.toString()},s("gux-icon",{"icon-name":a(this.action),"screenreader-text":this.i18n(this.action),size:"small"})),this.renderTooltip())}render(){return this.renderActionButton()}get root(){return o(this)}};u.style=":host{display:block}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";export{u as gux_rich_text_editor_action}

package/dist/genesys-webcomponents/{p-bfde8979.entry.js → p-f898dd52.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,g as e}from"./p-086c5088.js";import{t as i}from"./p-1089c08b.js";import{g as a}from"./p-0268a3e8.js";const r=class{constructor(o){t(this,o),this.iconName=void 0,this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return o("div",{key:"8529bf15b3bfad65a31f81607c173ffc7445cd0f",class:"gux-icon-tooltip"},o("gux-screen-reader-beta",{key:"eb9f2480775f73406dac9225072090281a3a4e59"},o("slot",{key:"3a2ce42fa965c28b49f1dc28e9c0551d4874be8c",name:"content"})),o("gux-icon",{key:"67f296138e09629d2395232aaca01369450e23ca","icon-name":this.iconName,size:"small",decorative:!0}),o("gux-tooltip-beta",{key:"016693d7a1ed09527171d3f20119cb6cdc125b8a",placement:this.placement,ref:t=>this.tooltip=t},o("div",{key:"f83ba3a86c38f8e4cc7cfaee5d7cff46458a626e",slot:"content"},a(this.root,"content"))))}get root(){return e(this)}};r.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";export{r as gux_icon_tooltip_beta}
+import{r as t,h as o,g as e}from"./p-086c5088.js";import{t as i}from"./p-258c7d6d.js";import{g as a}from"./p-0268a3e8.js";const r=class{constructor(o){t(this,o),this.iconName=void 0,this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return o("div",{key:"8529bf15b3bfad65a31f81607c173ffc7445cd0f",class:"gux-icon-tooltip"},o("gux-screen-reader-beta",{key:"eb9f2480775f73406dac9225072090281a3a4e59"},o("slot",{key:"3a2ce42fa965c28b49f1dc28e9c0551d4874be8c",name:"content"})),o("gux-icon",{key:"67f296138e09629d2395232aaca01369450e23ca","icon-name":this.iconName,size:"small",decorative:!0}),o("gux-tooltip-beta",{key:"016693d7a1ed09527171d3f20119cb6cdc125b8a",placement:this.placement,ref:t=>this.tooltip=t},o("div",{key:"f83ba3a86c38f8e4cc7cfaee5d7cff46458a626e",slot:"content"},a(this.root,"content"))))}get root(){return e(this)}};r.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_icon_tooltip_beta}

package/dist/stencil-wrapper.js

@@ -7,7 +7,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.118.0-542/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.119.0-544/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'app.mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/components/beta/gux-tooltip-base/gux-tooltip-base.d.ts

@@ -12,6 +12,7 @@ export declare class GuxTooltipBase {
     private forElementListeners;
     private cleanupUpdatePosition;
     private id;
+    private hideDelayTimeout;
     private root;
     tooltipId: string;
     /**
@@ -35,6 +36,8 @@ export declare class GuxTooltipBase {
      */
     isShown: boolean;
     handleKeyDown(event: KeyboardEvent): void;
+    handlePointerenter(): void;
+    handlePointerleave(): void;
     showTooltip(): Promise<void>;
     hideTooltip(): Promise<void>;
     private runUpdatePosition;

package/dist/types/components/stable/gux-tooltip/gux-tooltip.d.ts

@@ -11,8 +11,9 @@ export declare class GuxTooltip {
     private focusinHandler;
     private focusoutHandler;
     private forElementListeners;
-    private id;
     private cleanupUpdatePosition;
+    private id;
+    private hideDelayTimeout;
     private root;
     /**
      * Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)
@@ -28,6 +29,8 @@ export declare class GuxTooltip {
      */
     isShown: boolean;
     handleKeyDown(event: KeyboardEvent): void;
+    handlePointerenter(): void;
+    handlePointerleave(): void;
     showTooltip(): Promise<void>;
     hideTooltip(): Promise<void>;
     private runUpdatePosition;

package/dist/types/stencil-wrapper.d.ts

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.118.0-542/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.119.0-544/genesys-webcomponents/";
 export declare function registerElements(): void;

package/dist/types/utils/tracking/usage.d.ts

@@ -1,4 +1,8 @@
-import NewRelicBrowser from 'new-relic-browser';
+interface NewRelicBrowser {
+    addPageAction: (name: string, metadata: {
+        [key: string]: string | number;
+    }) => void;
+}
 interface LibraryEvent {
     name: 'spark-library';
     metadata: {
@@ -21,7 +25,7 @@ export declare function trackAction(element: HTMLElement, action: string, action
 export declare function getVersionEvent(packageInfoVersion: string): LibraryEvent;
 declare global {
     interface Window {
-        newrelic?: typeof NewRelicBrowser;
+        newrelic?: NewRelicBrowser;
     }
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.118.0",
+  "version": "4.119.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -75,7 +75,6 @@
     "@stencil/sass": "^3.0.12",
     "@types/google-libphonenumber": "^7.4.30",
     "@types/jest": "^29.5.14",
-    "@types/new-relic-browser": "^0.1118.2",
     "@types/puppeteer": "^5.4.7",
     "@types/resize-observer-browser": "^0.1.11",
     "@types/sortablejs": "^1.15.8",
@@ -86,7 +85,7 @@
     "file-loader": "^6.2.0",
     "genesys-spark-tokens": "file:../genesys-spark-tokens",
     "glob": "^11.0.1",
-    "globals": "^15.14.0",
+    "globals": "^15.15.0",
     "handlebars": "^4.7.8",
     "inquirer": "^12.4.1",
     "jest": "^29.7.0",
@@ -116,7 +115,7 @@
     "stylelint": "^16.14.1",
     "stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
     "stylelint-config-html": "^1.1.0",
-    "stylelint-config-recess-order": "^5.1.1",
+    "stylelint-config-recess-order": "^6.0.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-scss": "^6.11.0",
     "stylelint-use-logical": "^2.1.2",

package/dist/genesys-webcomponents/p-6151196a.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as o,g as e}from"./p-086c5088.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-a2f2c0a9.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-1089c08b.js";import{b as p}from"./p-cf0e7d3b.js";import{o as u}from"./p-2ddeb267.js";import{f as g}from"./p-9b0d3713.js";const f=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]]),this.id=d("gux-tooltip-base"),this.tooltipId=void 0,this.forElement=void 0,this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),l(),u()];h(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:o})=>{var e;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:i-this.offsetY+"px",visibility:(null===(e=o.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}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()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(o,{key:"268001423213ce578dffcff3311505f6fb3de012",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:"574b792c9ff1668b32fad2fdf9314eb64e1e57ba",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"c3d4cf2c5879e2ab1b845327b31fc274414219f6",name:"content"})))}get root(){return e(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};f.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;pointer-events:none;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);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 b=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.forElement=void 0,this.role=void 0,this.for=void 0,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(o,{key:"30b4306234011996e56e73179df457cab4580097",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"7cd729fe08ae89b339e709f166383591b715683e",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"4a4f61468ea54050213898d8b29f2ac1f4be4f2f",slot:"content"},i("slot",{key:"c593d4f870a671e61de732d8c6467ac4f5036032",name:"content"},i("slot",{key:"a0415bb667e0a8e45844f8e9d6edbbed1ad6f78d"})))))}get root(){return e(this)}static get watchers(){return{for:["updateForElement"]}}};export{f as gux_tooltip_base_beta,b as gux_tooltip_beta}

package/dist/genesys-webcomponents/p-8f22562e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as e,g as o,f as s}from"./p-086c5088.js";import{a as r,o as a,f as n,s as l,h as d,c}from"./p-a2f2c0a9.js";import{r as h}from"./p-0934300e.js";import{t as u}from"./p-1089c08b.js";import{f as p}from"./p-9b0d3713.js";import{b as g}from"./p-cf0e7d3b.js";import{o as f}from"./p-2ddeb267.js";import{O as b}from"./p-e07238b5.js";import{O as v}from"./p-a6c36b2c.js";const m=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]]),this.id=h("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.accent="light",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=r(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),n(),l(),d(),f()];c(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:e})=>{var o;Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`,visibility:(null===(o=e.hide)||void 0===o?void 0:o.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){this.isShown=!0,g((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){return this.for?p(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}setForElement(){this.forElement=this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t)))):this.logForAttributeError()}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}connectedCallback(){this.setForElement()}componentWillLoad(){u(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(e,{key:"a6d593335a5ddfc1b5178c55f5eddc9228a8f454",id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{key:"ce10e4e636802917d435986bb09d027eaa8296d8",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"738f0c1e43eb62eaa0df2105fad5588ff3bd6ac4",name:"content"},i("slot",{key:"58e0e5fcf7fbc21026a8a0ee61fd6cd0e39e8a93"}))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};function x(t){return t.reduce(((t,i)=>{if("SLOT"===i.nodeName){const e=i.assignedNodes();return t.concat(x(e))}return t.concat(i.textContent)}),[]).map((t=>t.trim())).join(" ")}m.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;pointer-events:none;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);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}}";var w=function(t,i,e,o){var s,r=arguments.length,a=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(r<3?s(a):r>3?s(i,e,a):s(i,e))||a);return r>3&&a&&Object.defineProperty(i,e,a),a};const y=class{constructor(i){t(this,i),this.maxLines=void 0}async setShowTooltip(){var t;await(null===(t=this.tooltipElement)||void 0===t?void 0:t.showTooltip())}async setHideTooltip(){var t;await(null===(t=this.tooltipElement)||void 0===t?void 0:t.hideTooltip())}onMutation(){s(this.root)}onResize(){s(this.root)}getTooltipContent(){return x(Array.from(this.root.childNodes))||""}needsTruncation(){const t=this.root.shadowRoot.querySelector(".gux-truncate-slot-container");return(null==t?void 0:t.scrollWidth)>(null==t?void 0:t.offsetWidth)||(null==t?void 0:t.scrollHeight)>(null==t?void 0:t.offsetHeight)}renderTooltip(){return this.needsTruncation()?i("gux-tooltip",{"aria-hidden":"true",ref:t=>this.tooltipElement=t},i("div",{slot:"content"},this.getTooltipContent())):null}render(){var t;return i("div",{key:"c26890ea42fc86f317393653202c3363aa8a7ecb",class:{"gux-truncate-multi-line":Boolean(this.maxLines)}},i("span",{key:"162023e89433b21cb152dea3423dd82998008fa3",class:{"gux-overflow-hidden":this.needsTruncation(),"gux-truncate-slot-container":!0},style:{webkitLineClamp:null===(t=this.maxLines)||void 0===t?void 0:t.toString()}},i("slot",{key:"f7c3b3495fd6daec73695589d0fcbeefc0f8d86d"})),this.renderTooltip())}get root(){return o(this)}};w([b({childList:!0,subtree:!0,characterData:!0})],y.prototype,"onMutation",null),w([v()],y.prototype,"onResize",null),y.style=":host{display:block;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:inherit}::slotted(*){display:inline}.gux-truncate-multi-line{white-space:normal}.gux-truncate-multi-line .gux-truncate-slot-container{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}gux-tooltip{font-weight:normal;line-height:normal;text-align:start;overflow-wrap:break-word;white-space:normal}.gux-truncate-slot-container>*{display:inline}.gux-truncate-slot-container{display:block;text-overflow:ellipsis}.gux-overflow-hidden{overflow:hidden}";export{m as gux_tooltip,y as gux_truncate}