genesys-spark-components 4.33.0 → 4.33.1

package/package.json

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

package/dist/genesys-webcomponents/p-1e3198ac.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as s,d as i,h as a,H as h,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-8abaea65.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)),a=Boolean(e.length),h=i.length===s.length,o=0===i.length;t.selected=a&&h,t.setIndeterminate(a&&!h&&!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 a(h,{key:"7809ceda2ec03d11367acbfd533c2d96cd08bb0f","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{key:"b8c0ebf87f5f280e8fa865fef87961d498b57bd6",class:"gux-table"},a("div",{key:"aee92a77c9681177e12226388b54a8f1f122e063",tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{key:"285f91c63db2f99d0f883ab3934e8cc3b0ec9d65",name:"data"})),this.isTableEmpty&&a("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-47ce14cc.entry.js

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

package/dist/genesys-webcomponents/p-88380cdc.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as o,g as a}from"./p-2e827df1.js";import{r as t}from"./p-0934300e.js";import{l as i}from"./p-8eaf8caf.js";const d=class{constructor(o){e(this,o),this.guxopened=r(this,"guxopened",7),this.guxclosed=r(this,"guxclosed",7),this.sectionId=t("gux-accordion-section"),this.headerId=t("gux-accordion-header"),this.arrowPosition="end",this.contentLayout="text",this.open=!1,this.disabled=!1,this.reverseHeadings=!1,this.headingLevel=void 0}watchOpen(e){e?this.guxopened.emit():this.guxclosed.emit()}toggle(){this.open=!this.open}isArrowPositionBeforeText(){return"start"===this.arrowPosition}handleSlotChange(e){const r=this.root.querySelector(`[slot="${e}"]`);r&&/^H[1-6]$/.test(r.nodeName)||i(this.root,`For accessibility reasons the ${e} slot should be filled with a HTML heading tag (h1 - h6).`),"header"==e&&(this.headingLevel=parseInt(r.nodeName.replace("H",""),10))}componentWillLoad(){this.hasIconSlot=!!this.root.querySelector('[slot="icon"]')}render(){return o("section",{key:"2a58e71a34e93adb6380fce13b699c87419bf2fe",class:{"gux-disabled":this.disabled}},o("div",{key:"a2d93a2a87dd23feeb984228d376e9067b8d1e1f",id:this.headerId,role:"heading","aria-level":this.headingLevel},o("button",{key:"60353998f0e53d0a658b508166cc83b441106528",class:{"gux-header":!0,"gux-reverse-headings":this.reverseHeadings},type:"button","aria-expanded":this.open.toString(),"aria-controls":this.sectionId,disabled:this.disabled,onClick:this.toggle.bind(this)},this.hasIconSlot&&o("slot",{name:"icon"}),o("div",{key:"c5fe127c874da335faf416e8c1f05bc07252a934",class:{"gux-header-text":!0}},o("slot",{key:"54238e218ed6d794afaf712a0cc00b9cb14e7b25",onSlotchange:()=>this.handleSlotChange("header"),name:"header"}),o("slot",{key:"a6255e3e57addc3c676c60377585d5d0fdd23b4a",onSlotchange:()=>this.handleSlotChange("subheader"),name:"subheader"})),o("div",{key:"76145948b8ce5004e3588461a830f04e312492b2",class:{"gux-header-icon":!0,"gux-expanded":this.open,"gux-arrow-position-start":this.isArrowPositionBeforeText()}},o("gux-icon",{key:"c4c55775320d8381f30f620c2ebf1127478c0666",decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{key:"02d0cad854972af9a7ecfdb5534c2589f1502937",id:this.sectionId,role:"region","aria-labelledby":this.headerId,class:{"gux-content":!0,"gux-expanded":this.open,"gux-text-content-layout":"text"===this.contentLayout}},o("slot",{key:"816524e5f64351de08633ac841b72ea843544ad2",name:"content"})))}get root(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};d.style=":host{-webkit-user-select:none;user-select:none}:host:first-child .gux-header{border-top:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:center flex-start;align-items:center;width:100%;padding:var(--gse-ui-accordion-header-padding);margin:0;cursor:pointer;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-header .gux-header-text{flex:1 1 auto;align-self:auto;font-weight:--gse-ui-accordion-header-label-defaulttext-fontweight;color:var(--gse-ui-accordion-header-default-foreground-labelColor);text-align:left}.gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}.gux-header ::slotted([slot=header]){padding:0;margin:0;font-family:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-header-default-foreground-labelColor)}.gux-header ::slotted([slot=subheader]){padding:0;margin:var(--gux-spacing-3xs) 0 0;font-family:var(--gse-ui-accordion-contentItem-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-contentItem-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-contentItem-foregroundColor)}.gux-header ::slotted([slot=subheader]) .gux-reverse-headings{margin:0 0 var(--gux-spacing-3xs) 0}.gux-header ::slotted([slot=icon]){flex:0 0 auto;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed)}.gux-header ::slotted([slot=icon]) .gux-reverse-headings{align-self:flex-end}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-left:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:var(--gse-ui-accordion-header-chevronIcon);height:var(--gse-ui-accordion-header-chevronIcon)}.gux-header .gux-header-icon.gux-arrow-position-start{order:-1;margin-right:var(--gse-ui-accordion-header-gap)}.gux-header .gux-header-icon.gux-expanded{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-open);transform:rotate(-180deg)}.gux-header:focus-visible{border-radius:var(--gse-ui-accordion-menuItem-focus-borderRadius);outline:var(--gse-ui-accordion-focusBorder-width) var(--gse-ui-accordion-focusBorder-style) var(--gse-ui-accordion-focusBorder-color);outline-offset:var(--gse-ui-accordion-focus-offset-gap)}.gux-header:hover .gux-header-icon{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-hover)}.gux-content{box-sizing:border-box;display:none;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-content.gux-expanded{display:block}.gux-content.gux-text-content-layout{padding:var(--gse-ui-accordion-contentItem-padding)}.gux-content ::slotted([slot=content]){margin:0}";export{d as gux_accordion_section}