genesys-spark-components 4.24.0 → 4.26.0

package/dist/genesys-webcomponents/p-87f9c6fd.entry.js

@@ -1 +0,0 @@
-import{r as a,h as e,g as r}from"./p-deca7631.js";import{t as i}from"./p-dde7150e.js";import{a as t}from"./p-9d734bbd.js";import{b as g}from"./p-e10cb032.js";import"./p-0962dd7a.js";const u={notifications:"Notifications"},o=class{constructor(e){a(this,e),this.size="large",this.name=void 0,this.accent="default",this.presence="none",this.label=void 0,this.ring=!1,this.badge=!1,this.notifications=!1}generateInitials(){var a,e,r,i;const t=null!==(e=null===(a=this.name)||void 0===a?void 0:a.split(" "))&&void 0!==e?e:[];return t.length>1?t[0].charAt(0)+t[t.length-1].charAt(0):(null===(r=t[0])||void 0===r?void 0:r.charAt(0))+(null===(i=t[0])||void 0===i?void 0:i.charAt(1))}getAccent(){return"auto"!==this.accent?this.accent:(this.name.split("").reduce(((a,e)=>a+e.charCodeAt(0)),0)%12).toString()}validatingInputs(){const a=this.root.querySelector("img");this.name||t(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&t(this.root,"Alt attribute is required for slotted image.")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?e("div",{class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":this.getPresenceIcon(this.presence)})):void 0}renderNotificationsBadge(){return e("div",{class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":"fa/bell-regular"}))}getPresenceIcon(a){switch(a){case"available":return"fa/circle-check-solid";case"busy":case"meeting":return"fa/ban-outline";case"away":case"break":case"meal":case"training":return"fa/clock-outline";case"on-queue":return"fa/headset-solid";case"offline":default:return"fa/circle-xmark-regular";case"out-of-office":return"fa/subtract-circle"}}getDescriptionText(){return this.notifications?`${this.name} (${this.i18n("notifications")})`:this.label&&"none"!==this.presence?`${this.name} (${this.label})`:`${this.name}`}async componentWillLoad(){i(this.root,{variant:this.size}),this.i18n=await g(this.root,u)}componentDidLoad(){this.validatingInputs()}render(){return[e("div",{class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[`gux-accent-${this.getAccent()}`]:!0}},e("div",{class:"gux-content"},e("slot",{name:"image"},e("abbr",{title:this.getDescriptionText(),"aria-label":this.getDescriptionText()},this.generateInitials())))),this.renderBadge()]}get root(){return r(this)}};o.style=":host{position:relative;display:inline-block}:host abbr{text-decoration:none}::slotted(img){width:100%;height:100%;object-fit:cover}.gux-avatar{position:relative;width:var(--gse-ui-avatar-large-size);height:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%}.gux-avatar.gux-medium{width:var(--gse-ui-avatar-medium-size);height:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{width:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{width:var(--gse-ui-avatar-small-size);height:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{width:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{width:var(--gse-ui-avatar-xsmall-size);height:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{width:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-notifications{background:var(--gse-ui-avatar-presenceRing-notifications)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-badge{position:absolute;top:calc(var(--gse-ui-avatar-content-large-border-width) * -1);right:calc(var(--gse-ui-avatar-content-large-border-width) * -1);display:flex;align-items:center;justify-content:center;width:var(--gse-ui-avatar-large-badge-size);height:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-medium-badge-size);height:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-small-badge-size);height:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{width:100%;height:100%}";export{o as gux_avatar_beta}

package/dist/genesys-webcomponents/p-ddac1c6b.entry.js

@@ -1 +0,0 @@
-import{a as t,r as i,h as e,g as s}from"./p-deca7631.js";import{t as r}from"./p-dde7150e.js";import{l as n}from"./p-9d734bbd.js";const a=["fa/arrow-left-to-line-solid","fa/arrow-right-to-line-solid"],o=new Map;function h(t){return a.includes(t)?`legacy/${t}`:t}async function c(i){const e=function(t){return t.replace("/","-")}(i);if(o.has(e))return o.get(e);const s=async function(i){const e=await fetch(t(`./icons/${i}.svg`));if(200===e.status)return e.text();throw new Error(`[gux-icon] fetching failed for icon "${i}" with status "${e.statusText} (${e.status})".`)}(i).then((t=>t)).catch((t=>(setTimeout((()=>{throw t}),0),c("unknown"))));return o.set(e,s),s}const d=class{constructor(t){i(this,t),this.iconName=void 0,this.decorative=!1,this.screenreaderText="",this.size="inherit",this.svgHtml=void 0}async prepIcon(t){const i=h(t);this.baseSvgHtml=await c(i),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchDecorative(t){this.validateProps(t,this.screenreaderText),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchScreenreaderText(t){this.validateProps(this.decorative,t),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}async componentWillLoad(){r(this.root,{variant:h(this.iconName)}),await this.prepIcon(this.iconName)}componentDidLoad(){this.validateProps(this.decorative,this.screenreaderText)}validateProps(t,i){this.root.isConnected&&(t||i||n(this.root,"No screenreader-text provided. Either provide a localized screenreader-text property or set `decorative` to true."))}getSvgWithAriaAttributes(t){const i=(new DOMParser).parseFromString(t,"image/svg+xml").firstChild;return i.setAttribute("aria-hidden",this.decorative?String(this.decorative):"false"),this.screenreaderText?i.setAttribute("aria-label",this.screenreaderText):i.removeAttribute("aria-label"),i.outerHTML}render(){return this.svgHtml&&e("div",{class:"gux-icon-container",innerHTML:this.svgHtml})}static get assetsDirs(){return["icons"]}get root(){return s(this)}static get watchers(){return{iconName:["prepIcon"],decorative:["watchDecorative"],screenreaderText:["watchScreenreaderText"]}}};d.style=":host{display:inline-flex;width:1em;height:1em}:host([size=small]){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}:host([size=medium]){width:var(--gse-ui-icon-size-md);height:var(--gse-ui-icon-size-md)}:host([size=large]){width:var(--gse-ui-icon-size-lg);height:var(--gse-ui-icon-size-lg)}.gux-icon-container{display:flex;align-items:center;justify-content:center;width:100%}.gux-icon-container svg{width:100%;max-width:100%;height:100%;max-height:100%;fill:currentcolor}";export{d as gux_icon}