genesys-spark-components 4.133.0 → 4.134.0

package/dist/genesys-webcomponents/{p-9ee12bc7.entry.js → p-fc11a944.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as g,H as l,g as i}from"./p-c2a62a18.js";import{t as o}from"./p-7f87dad7.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-16feb2a1.js";import"./p-4202e9f2.js";const s={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},n=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.label=void 0,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onKeydown(e){" "===e.key&&(e.preventDefault(),this.toggle())}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.label||this.checkedLabel||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await r(this.root,s),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){return this.label?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.label),this.renderLoading())))):this.uncheckedLabel&&this.checkedLabel?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel)))):void 0}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0,size:"small"}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(l,{key:"eea0594beabacfe51dea7eeb697104958abdcfcb",class:{"gux-display-inline":this.displayInline}},g("div",{key:"1312f6913c077cd3710c1cd65a55299d8536cd3e",class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{key:"b6eb3d2acd40d3595dfe03403ab30506a4580117",class:"gux-toggle-input",onClick:this.toggle.bind(this)},g("gux-toggle-slider",{key:"014a91ef070681ba7ef148a29532cbad7affac2c",checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",onKeyDown:this.onKeydown.bind(this),errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{key:"668729c0739347245d055fc91e6a15c2a1873431",ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{loading:["handleLoading"]}}};n.style=':host{display:block;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{n as gux_toggle}
+import{r as e,c as t,h as g,H as l,g as i}from"./p-c2a62a18.js";import{t as o}from"./p-da402bc8.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-16feb2a1.js";import"./p-4202e9f2.js";const s={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},n=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.label=void 0,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onKeydown(e){" "===e.key&&(e.preventDefault(),this.toggle())}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.label||this.checkedLabel||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await r(this.root,s),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){return this.label?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.label),this.renderLoading())))):this.uncheckedLabel&&this.checkedLabel?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel)))):void 0}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0,size:"small"}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(l,{key:"eea0594beabacfe51dea7eeb697104958abdcfcb",class:{"gux-display-inline":this.displayInline}},g("div",{key:"1312f6913c077cd3710c1cd65a55299d8536cd3e",class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{key:"b6eb3d2acd40d3595dfe03403ab30506a4580117",class:"gux-toggle-input",onClick:this.toggle.bind(this)},g("gux-toggle-slider",{key:"014a91ef070681ba7ef148a29532cbad7affac2c",checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",onKeyDown:this.onKeydown.bind(this),errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{key:"668729c0739347245d055fc91e6a15c2a1873431",ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{loading:["handleLoading"]}}};n.style=':host{display:block;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{n as gux_toggle}

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.133.0-582/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.134.0-584/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'app.mypurecloud.com';
 // List of Genesys UI domains

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.133.0-582/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.134.0-584/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.133.0",
+  "version": "4.134.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as e,g as r}from"./p-c2a62a18.js";import{t as o}from"./p-7f87dad7.js";import{p as h,n as a,f as n,l}from"./p-8d73b418.js";const c=["gux-rich-style-list-item","gux-rich-highlight-list-item","gux-rich-text-editor-sub-list"],g=class{constructor(i){t(this,i),this.internallistitemsupdated=s(this,"internallistitemsupdated",7),this.value=void 0,this.listItems=[]}get listItemsSlot(){return this.root.querySelector("slot")}get listItemElements(){var t;const s=null===(t=this.listItemsSlot)||void 0===t?void 0:t.assignedElements();return s?Array.from(s):[]}handleHighlighItemsNavigation(){if(this.listItemsSlot){const t=this.listItemsSlot.assignedElements().find((t=>"gux-rich-highlight-list-item"===t.tagName.toLowerCase()));t&&(t.shadowRoot.querySelector("button").tabIndex=0)}}setListItems(){this.listItems=this.listItemElements,this.internallistitemsupdated.emit()}async componentWillLoad(){o(this.root),this.setListItems(),this.handleHighlighItemsNavigation()}onKeyDown(t){const s=t.target;if(!s)return;const i={ArrowUp:()=>h(this.root,c),ArrowDown:()=>a(this.root,c),Home:()=>n(this.root,c),End:()=>l(this.root,c)};s.matches("gux-rich-highlight-list-item")&&Object.assign(i,{ArrowLeft:()=>h(this.root,c),ArrowRight:()=>a(this.root,c)});const e=i[t.key];e&&(t.preventDefault(),e())}async guxFocusFirstItem(){n(this.root,c)}async guxFocusLastItem(){l(this.root,c)}render(){return i(e,{key:"61a6b27bba3f4b2f0d7a773e8dfcb9096c915ef6",role:"list"},i("slot",{key:"9bdb11b67705953e6d39b7075cfcd6226f58cc91",onSlotchange:()=>this.setListItems()}))}static get delegatesFocus(){return!0}get root(){return r(this)}};g.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";export{g as gux_rich_text_editor_list}