genesys-spark-components 4.0.0-beta.36 → 4.0.0-beta.37

package/dist/genesys-webcomponents/{p-937ec398.entry.js → p-f0ad551b.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as s,d as i,h,H as a,g as o}from"./p-ed724d66.js";import{b as l}from"./p-52e27c60.js";import{w as r}from"./p-8b703092.js";import{r as n}from"./p-3ea0d493.js";import{t as c}from"./p-c57cd1d8.js";import{t as d}from"./p-408d5857.js";import"./p-0962dd7a.js";const u=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 l(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,r("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){r("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,{"gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};u.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-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-fontSize-lg);font-weight:var(--gse-core-fontWeight-semiBold);line-height:var(--gse-lineHeight-md)}";export{u as gux_table}
+import{r as t,c as e,f as s,d as i,h,H as a,g as o}from"./p-ed724d66.js";import{b as l}from"./p-52e27c60.js";import{w as r}from"./p-8b703092.js";import{r as n}from"./p-3ea0d493.js";import{t as c}from"./p-3c614740.js";import{t as d}from"./p-408d5857.js";import"./p-0962dd7a.js";const u=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 l(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,r("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){r("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,{"gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};u.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-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-fontSize-lg);font-weight:var(--gse-core-fontWeight-semiBold);line-height:var(--gse-lineHeight-md)}";export{u as gux_table}

package/dist/genesys-webcomponents/{p-66290fc5.entry.js → p-f1d85fd3.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,g as e}from"./p-ed724d66.js";import{O as o}from"./p-8c362857.js";import{w as n}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-c57cd1d8.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,"exceed-target-width":!0},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"}),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}
+import{r as t,c as s,h as i,g as e}from"./p-ed724d66.js";import{O as o}from"./p-8c362857.js";import{w as n}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-3c614740.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,"exceed-target-width":!0},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"}),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}

package/dist/genesys-webcomponents/{p-a934d5b1.entry.js → p-f3ac7576.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as e,g as s}from"./p-ed724d66.js";import{a as i}from"./p-ffaadf62.js";import{t as r}from"./p-c57cd1d8.js";import{h as n}from"./p-705311af.js";import{c as a}from"./p-e459974a.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),n))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){r(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(e,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return s(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=':host{z-index:var(--gux-zindex-popover, 2);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{display:none}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:"";border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}';export{u as gux_flyout_menu}
+import{r as t,h as o,H as e,g as s}from"./p-ed724d66.js";import{a as i}from"./p-ffaadf62.js";import{t as r}from"./p-3c614740.js";import{h as n}from"./p-705311af.js";import{c as a}from"./p-e459974a.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),n))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){r(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(e,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return s(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=':host{z-index:var(--gux-zindex-popover, 2);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{display:none}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:"";border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}';export{u as gux_flyout_menu}

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 CDN_URL = '/spark-components/build-assets/4.0.0-beta.36-41/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.0.0-beta.37-42/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'mypurecloud.com';
 // List of Genesys UI domains
@@ -29,9 +29,9 @@ const DOMAIN_LIST = [
     'usw2.pure.cloud'
 ];
 export function registerElements() {
-    if (CDN_URL) {
+    if (COMPONENT_ASSETS_PATH) {
         defineCustomElements(window, {
-            resourcesUrl: `https://${getDomain() + CDN_URL}`
+            resourcesUrl: `https://${getDomain() + COMPONENT_ASSETS_PATH}`
         });
     }
     else {

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

@@ -1,2 +1,2 @@
-export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.36-41/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.0.0-beta.37-42/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.0.0-beta.36",
+  "version": "4.0.0-beta.37",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -36,7 +36,7 @@
     "prettier-package-json": "prettier-package-json --write ./package.json",
     "release": "standard-version",
     "stencil": "stencil build --prod",
-    "stencil.dev": "stencil build --dev --watch --docs",
+    "stencil.dev": "stencil build --dev --watch --serve --no-open --docs",
     "stylelint": "stylelint --fix \"**/*.{css,html,scss}\"",
     "svgo": "svgo -f ./src/components/stable/gux-icon/icons",
     "test": "TZ=UTC stencil test --spec --e2e",