genesys-spark-components 4.32.0 → 4.33.0

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

package/dist/types/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-export declare class Gux {
+export declare class GuxFormFieldInputClearButton {
     private i18n;
     private root;
     componentWillLoad(): Promise<void>;

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.32.0-160/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.33.0-162/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

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

package/dist/genesys-webcomponents/p-426fe5fa.entry.js

@@ -1 +0,0 @@
-import{r,h as s,g as t}from"./p-2e827df1.js";import{t as e}from"./p-4a6f5870.js";const a=class{constructor(s){r(this,s),this.screenreaderText=void 0}componentWillLoad(){e(this.root)}render(){return s("gux-radial-loading",{key:"4257e99d34a87926fbc3d510fc92a1bc9461b972",class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};a.style=":host{display:flex}.gux-spinner{margin:auto}";export{a as gux_page_loading_spinner}

package/dist/genesys-webcomponents/p-83406c8e.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-4a6f5870.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.hasAttribute("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.hasAttribute("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:"7809ceda2ec03d11367acbfd533c2d96cd08bb0f","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{key:"b8c0ebf87f5f280e8fa865fef87961d498b57bd6",class:"gux-table"},h("div",{key:"aee92a77c9681177e12226388b54a8f1f122e063",tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{key:"285f91c63db2f99d0f883ab3934e8cc3b0ec9d65",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}