genesys-spark-components 4.64.2 → 4.64.3

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.64.2-274/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.64.3-277/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.64.2-274/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.64.3-277/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

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

package/dist/genesys-webcomponents/p-21612be5.entry.js

@@ -1 +0,0 @@
-import{h as e,r,g as s}from"./p-2e827df1.js";import{t as i}from"./p-7230e605.js";import{a as t}from"./p-8eaf8caf.js";const a=2*Math.PI*22;function n(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const o=({value:r,max:s,screenreaderText:i})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":i},e("svg",{class:"gux-svg-container",viewBox:"0 0 48 48",role:"presentation"},e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-dynamic-circle","stroke-dashoffset":a*(1-r/s),"stroke-dasharray":a,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:"gux-percentage"},function(e,r){return`${Math.round((e+Number.EPSILON)/r*100)}%`}(r,s)))),g=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),c=class{constructor(e){r(this,e),this.value=void 0,this.max=100,this.screenreaderText=""}componentWillLoad(){i(this.root)}componentDidLoad(){!this.screenreaderText&&n(this.value,this.max)&&t(this.root,"No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return n(this.value,this.max)?e(o,{value:this.value,max:this.max,screenreaderText:this.screenreaderText}):e(g,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};c.style=":host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar] .gux-svg-container .gux-percentage{font-family:var(--gse-ui-progressAndLoading-spinner-text-fontFamily);font-size:var(--gse-ui-progressAndLoading-spinner-text-fontSize);font-weight:var(--gse-ui-progressAndLoading-spinner-text-fontWeight);line-height:var(--gse-ui-progressAndLoading-spinner-text-lineHeight);text-anchor:middle;fill:var(--gse-ui-progressAndLoading-textColor)}";export{c as gux_radial_progress}

package/dist/genesys-webcomponents/p-28dedd85.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,g as i}from"./p-2e827df1.js";import{b as a}from"./p-0367930a.js";import{t as o}from"./p-7230e605.js";import"./p-4202e9f2.js";const t={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},s=class{constructor(r){e(this,r),this.accent="info"}getIcon(e){switch(e){case"info":default:return"fa/circle-info-solid";case"success":return"fa/circle-check-solid";case"warning":return"fa/triangle-exclamation-solid";case"error":return"fa/hexagon-exclamation-solid"}}async componentWillLoad(){o(this.root,{variant:this.accent}),this.i18n=await a(this.root,t)}render(){return r("div",{key:"441d71a8c6cfe5e0c7c1dfe62b70d7a607503d32",class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},r("div",{key:"aec305145d4cc0c58fe7b3762a6cd77fb4551787",class:"gux-message-wrapper"},r("gux-icon",{key:"636814087e9f5d3acb4228cccd1aa28f59ec2966","icon-name":this.getIcon(this.accent),decorative:!0}),r("div",{key:"50a2b862dabc781d586b46e8ee8e3a2a5f39c114",class:"gux-sr-only"},this.i18n(this.accent)),r("div",{key:"89980c218894c919fc1577f1d330458b007df78b",class:"gux-content"},r("slot",{key:"d083d3e2d5cdabf5b19f4b92ff2202dadccc7cd2",name:"content"},r("slot",{key:"76ce00860b2058b3993a759a30c92e40b944db54"})))))}get root(){return i(this)}};s.style=":host{display:flex;width:fit-content}.gux-inline-alert{display:inline-flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;padding:var(--gse-ui-alert-padding);border:1px solid;border-radius:var(--gse-ui-alert-borderRadius)}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-top:1px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-inline-alert .gux-content{flex:1 1 auto}.gux-inline-alert .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-inline-alert.gux-info{color:var(--gse-ui-alert-info-foregroundColor);background-color:var(--gse-ui-alert-info-backgroundColor);border:var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color)}.gux-inline-alert.gux-info gux-icon{color:var(--gse-ui-alert-info-iconColor)}.gux-inline-alert.gux-error{color:var(--gse-ui-alert-error-foregroundColor);background-color:var(--gse-ui-alert-error-backgroundColor);border:var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color)}.gux-inline-alert.gux-error gux-icon{color:var(--gse-ui-alert-error-iconColor)}.gux-inline-alert.gux-warning{color:var(--gse-ui-alert-warning-foregroundColor);background-color:var(--gse-ui-alert-warning-backgroundColor);border:var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color)}.gux-inline-alert.gux-warning gux-icon{color:var(--gse-ui-alert-warning-iconColor)}.gux-inline-alert.gux-success{color:var(--gse-ui-alert-success-foregroundColor);background-color:var(--gse-ui-alert-success-backgroundColor);border:var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color)}.gux-inline-alert.gux-success gux-icon{color:var(--gse-ui-alert-success-iconColor)}";export{s as gux_inline_alert}

package/dist/genesys-webcomponents/p-3dc7c003.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as s,d as i,h,H as a,g as o}from"./p-2e827df1.js";import{b as r}from"./p-0367930a.js";import{w as l}from"./p-e97879b4.js";import{r as n}from"./p-0934300e.js";import{t as c}from"./p-7230e605.js";import{t as d}from"./p-408d5857.js";import"./p-4202e9f2.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>s(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkVerticalScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.disabled)),i=s.filter((t=>t.selected)),h=Boolean(e.length),a=i.length===s.length,o=0===i.length;t.selected=h&&a,t.setIndeterminate(h&&!a&&!o)}}handleSelectAllRows(t){const e=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{e.selected=t,s.disabled||(s.selected=t,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n        width:${String(this.columnsWidths[t])}px;\n        min-width:${String(this.columnsWidths[t])}px;\n      }`})),t.innerHTML=e}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(a,{key:"0acab449561a385c2c6d5505cb0512c6b9fd16a1","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{key:"f5c4994d5aca04b1bc31a8be0cccc08b1edc1c9f",class:"gux-table"},h("div",{key:"1b480f51f7b87c8e5566292e4babbd59351cd0b2",tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{key:"93c8b1be2e5de8502813bf4e9a24a433cf304201",name:"data"})),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-container{max-height:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor);scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:#596373;background:#fdfdfd;font-family:var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";export{g as gux_table}

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

@@ -1 +0,0 @@
-import{r as e,h as r,g as s}from"./p-2e827df1.js";import{t as c}from"./p-7230e605.js";const t=class{constructor(r){e(this,r)}componentWillLoad(){c(this.root)}render(){return r("div",{key:"f8b46d99477c52ac38d9f720e56dff88d00c3c50",class:"gux-selector-cards"},r("slot",{key:"8e17104d749dfc32fc86db35ddb678c7accc57bb"}))}get root(){return s(this)}};t.style=".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";export{t as gux_selector_cards_beta}

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

@@ -1 +0,0 @@
-import{r as e,h as t,g as o}from"./p-2e827df1.js";import{t as s}from"./p-7230e605.js";const a=class{constructor(t){e(this,t)}componentWillLoad(){s(this.root)}render(){return t("span",{key:"a1984ab57adde238791ceedbf7b53924268dd044",class:"gux-sr-only"},t("slot",{key:"7aa8337a58af16c329b365b9acfcbdb2735005dc"}))}get root(){return o(this)}};a.style=".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{a as gux_screen_reader_beta}

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

@@ -1 +0,0 @@
-import{r as t,h as e,H as o,g as s}from"./p-2e827df1.js";import{t as i}from"./p-7230e605.js";import{f as r}from"./p-9b0d3713.js";import{r as a}from"./p-0934300e.js";const c=class{constructor(e){t(this,e),this.id=a("gux-tooltip"),this.forElement=void 0,this.for=void 0,this.placement="bottom-start",this.accent="light"}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){i(this.root,{variant:this.placement})}connectedCallback(){this.updateForElement()}getForElement(){if(this.for){const t=r(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 e(o,{key:"033659dd2131163ef7e2e785b7c0913dcadc63cb",id:this.id,role:"tooltip"},e("gux-tooltip-base-beta",{key:"b212954a9046c1a68925bce619ae3998c9279423",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,ref:t=>this.baseTooltip=t},e("span",{key:"f4aa6a1ef2d61e7cc9b36adcc455150702cbc09f",slot:"content"},e("slot",{key:"fa6f543369de03166f34985f1c0ae8a2c0224cef",name:"content"},e("slot",{key:"ff72e008ef3bb24184a0b386dc6d695dfa0d7181"})))))}get root(){return s(this)}static get watchers(){return{for:["updateForElement"]}}};export{c as gux_tooltip_beta}