genesys-spark-components 4.0.0-beta.29 → 4.0.0-beta.30

package/dist/genesys-webcomponents/{p-b36d383b.entry.js → p-f508b954.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as s,d as i,h as o,H as a,g as l}from"./p-7d26b2e1.js";import{b as n}from"./p-deee079e.js";import{w as r}from"./p-76ff3e75.js";import{r as h}from"./p-cbcbd1bb.js";import{t as c}from"./p-19a7df84.js";import{t as u}from"./p-1aa11396.js";import"./p-8a133b9b.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=h("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 n(this.root,u)}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)),o=Boolean(e.length),a=i.length===s.length,l=0===i.length;t.selected=o&&a,t.setIndeterminate(o&&!a&&!l)}}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 o(a,{"gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},o("div",{class:"gux-table"},o("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},o("slot",{name:"data"})),this.isTableEmpty&&o("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};g.style=".gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-icon-anchor gux-icon{padding-right:var(--gse-ui-links-inLine-padding)}: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-weight:var(--gse-core-fontWeight-semiBold);font-size:var(--gse-core-fontSize-lg);line-height:var(--gse-lineHeight-md)}";export{g as gux_table}
+import{r as t,c as e,f as s,d as i,h as o,H as a,g as l}from"./p-7d26b2e1.js";import{b as n}from"./p-deee079e.js";import{w as r}from"./p-76ff3e75.js";import{r as h}from"./p-cbcbd1bb.js";import{t as c}from"./p-7037907d.js";import{t as u}from"./p-1aa11396.js";import"./p-8a133b9b.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=h("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 n(this.root,u)}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)),o=Boolean(e.length),a=i.length===s.length,l=0===i.length;t.selected=o&&a,t.setIndeterminate(o&&!a&&!l)}}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 o(a,{"gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},o("div",{class:"gux-table"},o("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},o("slot",{name:"data"})),this.isTableEmpty&&o("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};g.style=".gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-icon-anchor gux-icon{padding-right:var(--gse-ui-links-inLine-padding)}: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-weight:var(--gse-core-fontWeight-semiBold);font-size:var(--gse-core-fontSize-lg);line-height:var(--gse-lineHeight-md)}";export{g as gux_table}

package/dist/genesys-webcomponents/{p-e74ce003.entry.js → p-f54b4919.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,g as i}from"./p-7d26b2e1.js";import{t as s}from"./p-19a7df84.js";import{b as e}from"./p-deee079e.js";import"./p-8a133b9b.js";const n={dismiss:"Dismiss"},r=class{constructor(o){t(this,o),this.position="absolute"}async componentWillLoad(){s(this.root,{variant:this.position}),this.i18n=await e(this.root,n)}render(){return o("gux-button-slot",{accent:"ghost",class:"inherit"==this.position?"gux-inherit":void 0},o("button",{type:"button",title:this.i18n("dismiss")},o("div",{class:"gux-icon-container"},o("gux-icon",{"icon-name":"close",decorative:!0}))))}static get delegatesFocus(){return!0}get root(){return i(this)}};r.style="gux-button-slot{position:absolute;top:0;right:0}gux-button-slot.gux-inherit{position:inherit}gux-button-slot .gux-icon-container{width:8px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:stretch;align-items:center}gux-button-slot .gux-icon-container gux-icon{width:16px;height:16px;order:0;flex:0 0 auto;align-self:auto;color:var(--gse-ui-toast-closeButtonColor)}";export{r as gux_dismiss_button}
+import{r as t,h as o,g as i}from"./p-7d26b2e1.js";import{t as s}from"./p-7037907d.js";import{b as e}from"./p-deee079e.js";import"./p-8a133b9b.js";const n={dismiss:"Dismiss"},r=class{constructor(o){t(this,o),this.position="absolute"}async componentWillLoad(){s(this.root,{variant:this.position}),this.i18n=await e(this.root,n)}render(){return o("gux-button-slot",{accent:"ghost",class:"inherit"==this.position?"gux-inherit":void 0},o("button",{type:"button",title:this.i18n("dismiss")},o("div",{class:"gux-icon-container"},o("gux-icon",{"icon-name":"close",decorative:!0}))))}static get delegatesFocus(){return!0}get root(){return i(this)}};r.style="gux-button-slot{position:absolute;top:0;right:0}gux-button-slot.gux-inherit{position:inherit}gux-button-slot .gux-icon-container{width:8px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:stretch;align-items:center}gux-button-slot .gux-icon-container gux-icon{width:16px;height:16px;order:0;flex:0 0 auto;align-self:auto;color:var(--gse-ui-toast-closeButtonColor)}";export{r as gux_dismiss_button}

package/dist/genesys-webcomponents/{p-fd11ab49.entry.js → p-f84402f5.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as s,g as i}from"./p-7d26b2e1.js";import{t as r}from"./p-19a7df84.js";import{b as e}from"./p-091f51f6.js";const n=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",e((()=>{this.containerElement.innerText=t}))}componentWillLoad(){r(this.root)}render(){return o(s,{"aria-live":this.politeness},o("slot",null),o("div",{ref:t=>this.containerElement=t}))}get root(){return i(this)}};n.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{n as gux_announce_beta}
+import{r as t,h as o,H as s,g as i}from"./p-7d26b2e1.js";import{t as r}from"./p-7037907d.js";import{b as e}from"./p-091f51f6.js";const n=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",e((()=>{this.containerElement.innerText=t}))}componentWillLoad(){r(this.root)}render(){return o(s,{"aria-live":this.politeness},o("slot",null),o("div",{ref:t=>this.containerElement=t}))}get root(){return i(this)}};n.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{n as gux_announce_beta}

package/dist/genesys-webcomponents/{p-90fce0e4.entry.js → p-f9d1baff.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as a,g as e}from"./p-7d26b2e1.js";import{b as g}from"./p-deee079e.js";import{t as r}from"./p-19a7df84.js";import"./p-8a133b9b.js";const i={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},n=class{constructor(a){t(this,a),this.guxdelete=o(this,"guxdelete",7),this.value=void 0,this.accent="default",this.disabled=!1,this.removable=!1,this.label=void 0}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(t){const o=t.composedPath()[0].assignedNodes();this.label=o.map((t=>t.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,i)}render(){return a("div",{class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};n.style=':host{display:inline-block;border-radius:var(--gse-ui-tag-height)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;font-family:var(--gse-ui-tag-text-fontFamily);font-weight:var(--gse-ui-tag-text-fontWeight, 600);line-height:var(--gse-ui-tag-text-lineHeight);font-size:var(--gse-ui-tag-text-fontSize);background-color:var(--gse-ui-tag-default-backgroundColor);color:var(--gse-ui-tag-default-foregroundColor);border-radius:var(--gse-ui-tag-height);gap:var(--gse-ui-tag-removable-gap);height:var(--gse-ui-tag-height);padding:var(--gse-ui-tag-padding)}.gux-tag.gux-disabled{position:relative}.gux-tag.gux-disabled::before{position:absolute;bottom:0;top:0;left:0;right:0;opacity:0.5;background-color:#ffffff;border-radius:var(--gse-ui-tag-height);content:""}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .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-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:var(--gse-ui-tag-button-size);height:var(--gse-ui-tag-button-size);margin-right:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:2px solid #7b88f7;outline-offset:0;border-radius:4px}.gux-tag.gux-accent-default{background-color:var(--gse-ui-tag-default-backgroundColor);color:var(--gse-ui-tag-default-foregroundColor)}.gux-tag.gux-accent-1{background-color:var(--gse-ui-tag-accent1-backgroundColor);color:var(--gse-ui-tag-accent1-foregroundColor)}.gux-tag.gux-accent-2{background-color:var(--gse-ui-tag-accent2-backgroundColor);color:var(--gse-ui-tag-accent2-foregroundColor)}.gux-tag.gux-accent-3{background-color:var(--gse-ui-tag-accent3-backgroundColor);color:var(--gse-ui-tag-accent3-foregroundColor)}.gux-tag.gux-accent-4{background-color:var(--gse-ui-tag-accent4-backgroundColor);color:var(--gse-ui-tag-accent4-foregroundColor)}.gux-tag.gux-accent-5{background-color:var(--gse-ui-tag-accent5-backgroundColor);color:var(--gse-ui-tag-accent5-foregroundColor)}.gux-tag.gux-accent-6{background-color:var(--gse-ui-tag-accent6-backgroundColor);color:var(--gse-ui-tag-accent6-foregroundColor)}.gux-tag.gux-accent-7{background-color:var(--gse-ui-tag-accent7-backgroundColor);color:var(--gse-ui-tag-accent7-foregroundColor)}.gux-tag.gux-accent-8{background-color:var(--gse-ui-tag-accent8-backgroundColor);color:var(--gse-ui-tag-accent8-foregroundColor)}.gux-tag.gux-accent-9{background-color:var(--gse-ui-tag-accent9-backgroundColor);color:var(--gse-ui-tag-accent9-foregroundColor)}.gux-tag.gux-accent-10{background-color:var(--gse-ui-tag-accent10-backgroundColor);color:var(--gse-ui-tag-accent10-foregroundColor)}.gux-tag.gux-accent-inherit{background-color:inherit;color:inherit}';export{n as gux_tag}
+import{r as t,c as o,h as a,g as e}from"./p-7d26b2e1.js";import{b as g}from"./p-deee079e.js";import{t as r}from"./p-7037907d.js";import"./p-8a133b9b.js";const i={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},n=class{constructor(a){t(this,a),this.guxdelete=o(this,"guxdelete",7),this.value=void 0,this.accent="default",this.disabled=!1,this.removable=!1,this.label=void 0}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(t){const o=t.composedPath()[0].assignedNodes();this.label=o.map((t=>t.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,i)}render(){return a("div",{class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};n.style=':host{display:inline-block;border-radius:var(--gse-ui-tag-height)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;font-family:var(--gse-ui-tag-text-fontFamily);font-weight:var(--gse-ui-tag-text-fontWeight, 600);line-height:var(--gse-ui-tag-text-lineHeight);font-size:var(--gse-ui-tag-text-fontSize);background-color:var(--gse-ui-tag-default-backgroundColor);color:var(--gse-ui-tag-default-foregroundColor);border-radius:var(--gse-ui-tag-height);gap:var(--gse-ui-tag-removable-gap);height:var(--gse-ui-tag-height);padding:var(--gse-ui-tag-padding)}.gux-tag.gux-disabled{position:relative}.gux-tag.gux-disabled::before{position:absolute;bottom:0;top:0;left:0;right:0;opacity:0.5;background-color:#ffffff;border-radius:var(--gse-ui-tag-height);content:""}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .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-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:var(--gse-ui-tag-button-size);height:var(--gse-ui-tag-button-size);margin-right:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:2px solid #7b88f7;outline-offset:0;border-radius:4px}.gux-tag.gux-accent-default{background-color:var(--gse-ui-tag-default-backgroundColor);color:var(--gse-ui-tag-default-foregroundColor)}.gux-tag.gux-accent-1{background-color:var(--gse-ui-tag-accent1-backgroundColor);color:var(--gse-ui-tag-accent1-foregroundColor)}.gux-tag.gux-accent-2{background-color:var(--gse-ui-tag-accent2-backgroundColor);color:var(--gse-ui-tag-accent2-foregroundColor)}.gux-tag.gux-accent-3{background-color:var(--gse-ui-tag-accent3-backgroundColor);color:var(--gse-ui-tag-accent3-foregroundColor)}.gux-tag.gux-accent-4{background-color:var(--gse-ui-tag-accent4-backgroundColor);color:var(--gse-ui-tag-accent4-foregroundColor)}.gux-tag.gux-accent-5{background-color:var(--gse-ui-tag-accent5-backgroundColor);color:var(--gse-ui-tag-accent5-foregroundColor)}.gux-tag.gux-accent-6{background-color:var(--gse-ui-tag-accent6-backgroundColor);color:var(--gse-ui-tag-accent6-foregroundColor)}.gux-tag.gux-accent-7{background-color:var(--gse-ui-tag-accent7-backgroundColor);color:var(--gse-ui-tag-accent7-foregroundColor)}.gux-tag.gux-accent-8{background-color:var(--gse-ui-tag-accent8-backgroundColor);color:var(--gse-ui-tag-accent8-foregroundColor)}.gux-tag.gux-accent-9{background-color:var(--gse-ui-tag-accent9-backgroundColor);color:var(--gse-ui-tag-accent9-foregroundColor)}.gux-tag.gux-accent-10{background-color:var(--gse-ui-tag-accent10-backgroundColor);color:var(--gse-ui-tag-accent10-foregroundColor)}.gux-tag.gux-accent-inherit{background-color:inherit;color:inherit}';export{n as gux_tag}

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

@@ -0,0 +1 @@
+import{r as t,c as e,f as i,h as o,g as r}from"./p-7d26b2e1.js";import{O as n}from"./p-9d18d475.js";import{b as s}from"./p-deee079e.js";import{s as l}from"./p-d176c2ae.js";import{b as u}from"./p-091f51f6.js";import{o as a}from"./p-3f5341ea.js";import{t as d}from"./p-7037907d.js";import{g as c}from"./p-55cf6d81.js";import{O as g}from"./p-f34ce7dc.js";import"./p-8a133b9b.js";const h={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var f=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const p=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onClearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,h),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),void this.listboxElement.focus()}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=c(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=o.querySelector("[gux-slot-container]"))||void 0===e?void 0:e.textContent;return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{class:"gux-dropdown-container"},o("gux-popup",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["watchValue"],textInput:["handleFilter"]}}};f([g({childList:!0,subtree:!0})],p.prototype,"onMutation",null),f([n({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.style=".gux-focus-ring-focused:focus{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-focus-ring-small-focused:focus{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-within:focus-within{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}.gux-focus-ring-small-focused-visible:focus-visible{outline-width:var(--gse-semantic-focusRing-small-border-width);outline-style:var(--gse-semantic-focusRing-small-border-style);outline-color:var(--gse-semantic-focusRing-small-border-color)}:host{color:var(--gse-ui-formControl-input-populatedColor);box-sizing:border-box}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{height:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:60%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .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-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{opacity:50%}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible,.gux-target-container-expanded:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible,.gux-target-container-collapsed .gux-field-button:focus-within{outline-width:var(--gse-semantic-focusRing-default-border-width);outline-style:var(--gse-semantic-focusRing-default-border-style);outline-color:var(--gse-semantic-focusRing-default-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}gux-popup::part(gux-popup-container){width:inherit}";export{p as gux_dropdown_multi}

package/dist/genesys-webcomponents/{p-d326ca91.entry.js → p-fe5c99a1.entry.js}

@@ -1 +1 @@
-import{r as s,c as i,h as t,H as o,g as e}from"./p-7d26b2e1.js";import{t as a}from"./p-19a7df84.js";const r=class{constructor(t){s(this,t),this.guxdismiss=i(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){a(this.root,{variant:this.accent})}render(){return t(o,null,t("div",{class:`gux-icon gux-${this.accent}`},t("slot",{name:"icon"})),t("gux-truncate",{class:"gux-message","max-lines":2},t("slot",{name:"message"})),t("gux-dismiss-button",{class:"gux-dismiss",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(s){s.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return e(this)}};r.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";export{r as gux_simple_toast_legacy}
+import{r as s,c as i,h as t,H as o,g as e}from"./p-7d26b2e1.js";import{t as r}from"./p-7037907d.js";const a=class{constructor(t){s(this,t),this.guxdismiss=i(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return t(o,null,t("div",{class:`gux-icon gux-${this.accent}`},t("slot",{name:"icon"})),t("gux-truncate",{class:"gux-message","max-lines":2},t("slot",{name:"message"})),t("gux-dismiss-button",{class:"gux-dismiss",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(s){s.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return e(this)}};a.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";export{a as gux_simple_toast_legacy}

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.29-29/genesys-webcomponents/';
+export const CDN_URL = '/spark-components/build-assets/4.0.0-beta.30-30/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/components/stable/gux-context-menu/gux-context-menu.d.ts

@@ -10,6 +10,10 @@ export declare class GuxContextMenu {
    * defaults to "context menu"
    */
   screenreaderText: string;
+  /**
+   * Controls the disabled state of the internal button
+   */
+  disabled: boolean;
   /**
    * Controls the visibility of the popover list
    */

package/dist/types/components/stable/gux-dropdown/gux-dropdown.d.ts

@@ -21,10 +21,6 @@ export declare class GuxDropdown {
   required: boolean;
   loading: boolean;
   placeholder: string;
-  /**
-   * deprecated will be removed in v4 (COMUI-1369). Use filterType instead
-   */
-  filterable: boolean;
   filterType: GuxFilterTypes;
   hasError: boolean;
   private expanded;

package/dist/types/components/{beta → stable}/gux-dropdown-multi/gux-dropdown-multi.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { GuxFilterTypes } from '../../stable/gux-dropdown/gux-dropdown.types';
+import { GuxFilterTypes } from '../gux-dropdown/gux-dropdown.types';
 /**
  * @slot - for a gux-listbox-multi containing gux-option-multi children
  */
@@ -14,10 +14,6 @@ export declare class GuxDropdownMulti {
   required: boolean;
   loading: boolean;
   placeholder: string;
-  /**
-   * deprecated will be removed in v4 (COMUI-1369). Use filterType instead
-   */
-  filterable: boolean;
   /**
    * Override default filtering behavior
    */

package/dist/types/components.d.ts

@@ -270,6 +270,10 @@ export namespace Components {
         "matchCount": number;
     }
     interface GuxContextMenu {
+        /**
+          * Controls the disabled state of the internal button
+         */
+        "disabled": boolean;
         /**
           * Screenreader text for context menu button defaults to "context menu"
          */
@@ -377,26 +381,18 @@ export namespace Components {
     interface GuxDropdown {
         "disabled": boolean;
         "filterType": GuxFilterTypes;
-        /**
-          * deprecated will be removed in v4 (COMUI-1369). Use filterType instead
-         */
-        "filterable": boolean;
         "hasError": boolean;
         "loading": boolean;
         "placeholder": string;
         "required": boolean;
         "value": string;
     }
-    interface GuxDropdownMultiBeta {
+    interface GuxDropdownMulti {
         "disabled": boolean;
         /**
           * Override default filtering behavior
          */
         "filterType": GuxFilterTypes;
-        /**
-          * deprecated will be removed in v4 (COMUI-1369). Use filterType instead
-         */
-        "filterable": boolean;
         /**
           * Returns an array of the selected values
          */
@@ -1123,9 +1119,9 @@ export interface GuxDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGuxDropdownElement;
 }
-export interface GuxDropdownMultiBetaCustomEvent<T> extends CustomEvent<T> {
+export interface GuxDropdownMultiCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLGuxDropdownMultiBetaElement;
+    target: HTMLGuxDropdownMultiElement;
 }
 export interface GuxDropdownMultiTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1444,11 +1440,11 @@ declare global {
         prototype: HTMLGuxDropdownElement;
         new (): HTMLGuxDropdownElement;
     };
-    interface HTMLGuxDropdownMultiBetaElement extends Components.GuxDropdownMultiBeta, HTMLStencilElement {
+    interface HTMLGuxDropdownMultiElement extends Components.GuxDropdownMulti, HTMLStencilElement {
     }
-    var HTMLGuxDropdownMultiBetaElement: {
-        prototype: HTMLGuxDropdownMultiBetaElement;
-        new (): HTMLGuxDropdownMultiBetaElement;
+    var HTMLGuxDropdownMultiElement: {
+        prototype: HTMLGuxDropdownMultiElement;
+        new (): HTMLGuxDropdownMultiElement;
     };
     interface HTMLGuxDropdownMultiTagElement extends Components.GuxDropdownMultiTag, HTMLStencilElement {
     }
@@ -2018,7 +2014,7 @@ declare global {
         "gux-disclosure-button-legacy": HTMLGuxDisclosureButtonLegacyElement;
         "gux-dismiss-button": HTMLGuxDismissButtonElement;
         "gux-dropdown": HTMLGuxDropdownElement;
-        "gux-dropdown-multi-beta": HTMLGuxDropdownMultiBetaElement;
+        "gux-dropdown-multi": HTMLGuxDropdownMultiElement;
         "gux-dropdown-multi-tag": HTMLGuxDropdownMultiTagElement;
         "gux-dropdown-option": HTMLGuxDropdownOptionElement;
         "gux-flyout-menu-beta": HTMLGuxFlyoutMenuBetaElement;
@@ -2312,6 +2308,10 @@ declare namespace LocalJSX {
         "onGuxcurrentmatchchanged"?: (event: GuxContentSearchCustomEvent<number>) => void;
     }
     interface GuxContextMenu {
+        /**
+          * Controls the disabled state of the internal button
+         */
+        "disabled"?: boolean;
         /**
           * Screenreader text for context menu button defaults to "context menu"
          */
@@ -2428,10 +2428,6 @@ declare namespace LocalJSX {
     interface GuxDropdown {
         "disabled"?: boolean;
         "filterType"?: GuxFilterTypes;
-        /**
-          * deprecated will be removed in v4 (COMUI-1369). Use filterType instead
-         */
-        "filterable"?: boolean;
         "hasError"?: boolean;
         "loading"?: boolean;
         "onGuxcollapsed"?: (event: GuxDropdownCustomEvent<void>) => void;
@@ -2441,31 +2437,27 @@ declare namespace LocalJSX {
         "required"?: boolean;
         "value"?: string;
     }
-    interface GuxDropdownMultiBeta {
+    interface GuxDropdownMulti {
         "disabled"?: boolean;
         /**
           * Override default filtering behavior
          */
         "filterType"?: GuxFilterTypes;
-        /**
-          * deprecated will be removed in v4 (COMUI-1369). Use filterType instead
-         */
-        "filterable"?: boolean;
         "hasError"?: boolean;
         "loading"?: boolean;
         /**
           * This event will run when the dropdown-multi transitions to a collapsed state.
          */
-        "onGuxcollapsed"?: (event: GuxDropdownMultiBetaCustomEvent<void>) => void;
+        "onGuxcollapsed"?: (event: GuxDropdownMultiCustomEvent<void>) => void;
         /**
           * This event is emitted to request creating a new option
          */
-        "onGuxcreateoption"?: (event: GuxDropdownMultiBetaCustomEvent<any>) => void;
+        "onGuxcreateoption"?: (event: GuxDropdownMultiCustomEvent<any>) => void;
         /**
           * This event will run when the dropdown-multi transitions to an expanded state.
          */
-        "onGuxexpanded"?: (event: GuxDropdownMultiBetaCustomEvent<void>) => void;
-        "onGuxfilter"?: (event: GuxDropdownMultiBetaCustomEvent<string>) => void;
+        "onGuxexpanded"?: (event: GuxDropdownMultiCustomEvent<void>) => void;
+        "onGuxfilter"?: (event: GuxDropdownMultiCustomEvent<string>) => void;
         "placeholder"?: string;
         "required"?: boolean;
         "value"?: string;
@@ -3195,7 +3187,7 @@ declare namespace LocalJSX {
         "gux-disclosure-button-legacy": GuxDisclosureButtonLegacy;
         "gux-dismiss-button": GuxDismissButton;
         "gux-dropdown": GuxDropdown;
-        "gux-dropdown-multi-beta": GuxDropdownMultiBeta;
+        "gux-dropdown-multi": GuxDropdownMulti;
         "gux-dropdown-multi-tag": GuxDropdownMultiTag;
         "gux-dropdown-option": GuxDropdownOption;
         "gux-flyout-menu-beta": GuxFlyoutMenuBeta;
@@ -3326,7 +3318,7 @@ declare module "@stencil/core" {
              * gux-dropdown-types.ts, then following the resulting compiler errors.
              */
             "gux-dropdown": LocalJSX.GuxDropdown & JSXBase.HTMLAttributes<HTMLGuxDropdownElement>;
-            "gux-dropdown-multi-beta": LocalJSX.GuxDropdownMultiBeta & JSXBase.HTMLAttributes<HTMLGuxDropdownMultiBetaElement>;
+            "gux-dropdown-multi": LocalJSX.GuxDropdownMulti & JSXBase.HTMLAttributes<HTMLGuxDropdownMultiElement>;
             "gux-dropdown-multi-tag": LocalJSX.GuxDropdownMultiTag & JSXBase.HTMLAttributes<HTMLGuxDropdownMultiTagElement>;
             "gux-dropdown-option": LocalJSX.GuxDropdownOption & JSXBase.HTMLAttributes<HTMLGuxDropdownOptionElement>;
             "gux-flyout-menu-beta": LocalJSX.GuxFlyoutMenuBeta & JSXBase.HTMLAttributes<HTMLGuxFlyoutMenuBetaElement>;

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

@@ -1,2 +1,2 @@
-export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.29-29/genesys-webcomponents/";
+export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.30-30/genesys-webcomponents/";
 export declare function registerElements(): Promise<void>;

package/dist/types/utils/dom/calculate-input-disabled-state.d.ts

@@ -1 +1 @@
-export declare function calculateInputDisabledState(element: HTMLButtonElement | HTMLFieldSetElement | HTMLInputElement | HTMLOptGroupElement | HTMLOptionElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement): boolean;
+export declare function calculateInputDisabledState(element: HTMLButtonElement | HTMLFieldSetElement | HTMLInputElement | HTMLOptGroupElement | HTMLOptionElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement | HTMLGuxDropdownMultiElement): boolean;

package/dist/types/utils/dom/on-attribute-change.d.ts

@@ -1,3 +1,3 @@
 export declare function onHiddenChange(element: HTMLElement | HTMLSelectElement, callback: (hidden: boolean) => void): MutationObserver;
 export declare function onDisabledChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement | HTMLGuxTimePickerElement | HTMLGuxPhoneInputBetaElement, callback: (disabled: boolean) => void): MutationObserver;
-export declare function onRequiredChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement | HTMLGuxTimePickerElement | HTMLGuxPhoneInputBetaElement, callback: (disabled: boolean) => void): MutationObserver;
+export declare function onRequiredChange(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement | HTMLGuxDropdownMultiElement | HTMLGuxTimePickerElement | HTMLGuxPhoneInputBetaElement, callback: (disabled: boolean) => void): MutationObserver;

package/dist/types/utils/dom/on-input-disabled-state-change.d.ts

@@ -1 +1 @@
-export declare function onInputDisabledStateChange(element: HTMLButtonElement | HTMLFieldSetElement | HTMLInputElement | HTMLOptGroupElement | HTMLOptionElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement | HTMLGuxDropdownMultiBetaElement, callback: (disabled: boolean) => void): MutationObserver;
+export declare function onInputDisabledStateChange(element: HTMLButtonElement | HTMLFieldSetElement | HTMLInputElement | HTMLOptGroupElement | HTMLOptionElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxDropdownElement | HTMLGuxDropdownMultiElement, callback: (disabled: boolean) => void): MutationObserver;

package/package.json

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

package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.css

@@ -1,50 +0,0 @@
-:host {
-  display: inline-block;
-}
-.gux-tag {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: center;
-  justify-content: flex-start;
-  padding: 2px 4px 2px 8px;
-  font-size: 12px;
-  font-weight: bold;
-  color: #2e394c;
-  background-color: #e2e6ee;
-  border-radius: 4px;
-}
-.gux-tag .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-tag .gux-tag-remove-button {
-  all: unset;
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-content: center;
-  margin-left: 7px;
-}
-.gux-tag .gux-tag-remove-button:not(:disabled):hover {
-  cursor: pointer;
-}
-.gux-tag .gux-tag-remove-button .gux-tag-remove-icon {
-  width: 16px;
-  height: 16px;
-  border-radius: 25%;
-}
-.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
-  outline: 2px solid #aac9ff;
-  outline-offset: 0;
-}
-.gux-tag.gux-disabled {
-  color: rgba(46, 57, 76, 0.5);
-  background-color: rgba(226, 230, 238, 0.5);
-}

package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.css

@@ -1,161 +0,0 @@
-:host {
-  color: #2e394c;
-}
-.gux-dropdown-container {
-  position: relative;
-}
-.gux-error.gux-target-container-collapsed .gux-field-button,
-.gux-error.gux-target-container-expanded {
-  border-color: #ea0b0b;
-}
-.gux-field,
-.gux-target-container-expanded {
-  all: unset;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 32px;
-  padding: 6px 0 6px 6px;
-  font-family: inherit;
-  font-size: 12px;
-  line-height: 1.6667;
-  cursor: pointer;
-  background-color: #f6f7f9;
-}
-.gux-field.gux-input-field {
-  height: 30px;
-  cursor: text;
-}
-.gux-field .gux-field-content {
-  position: relative;
-  display: flex;
-  flex: 1 1 0;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-content: stretch;
-  align-items: flex-start;
-  justify-content: flex-start;
-  min-width: 0;
-  height: 100%;
-}
-.gux-field .gux-field-content .gux-filter,
-.gux-field .gux-field-content .gux-selected-option,
-.gux-field .gux-field-content .gux-placeholder {
-  flex: 1 1 auto;
-  align-self: auto;
-  order: 0;
-  padding-left: 6px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),
-.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),
-.gux-field .gux-field-content .gux-placeholder .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-field .gux-field-content .gux-filter {
-  position: relative;
-  height: 100%;
-  padding-left: 0;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-input {
-  all: unset;
-  width: 100%;
-  color: transparent;
-  caret-color: #2e394c;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-display {
-  white-space: pre;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text {
-  color: #2e394c;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion {
-  color: #596373;
-}
-.gux-field .gux-field-content .gux-filter .gux-filter-input,
-.gux-field .gux-field-content .gux-filter .gux-filter-display {
-  position: absolute;
-}
-.gux-field .gux-field-content .gux-placeholder {
-  color: #596373;
-}
-.gux-field .gux-expand-icon {
-  flex: 0 0 auto;
-  align-self: auto;
-  order: 0;
-  width: 16px;
-  height: 16px;
-  padding: 0 8px;
-  color: #596373;
-}
-.gux-target-container-expanded {
-  border: 1px solid #6b7585;
-  border-radius: 4px;
-  box-shadow: inset 0 0 4px rgba(32, 41, 55, 0.16);
-}
-.gux-target-container-expanded:focus-visible,
-.gux-target-container-expanded:focus-within {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-.gux-target-container-expanded .gux-filter-input {
-  background-color: inherit;
-  border: none;
-}
-.gux-target-container-expanded .gux-filter-input:focus {
-  border: none;
-  outline: none;
-}
-.gux-target-container-expanded .gux-field-button {
-  width: auto;
-  height: 30px;
-  padding: 0 0 0 8px;
-  margin: 0;
-  background: inherit;
-  border: none;
-  outline: none;
-  box-shadow: none;
-}
-.gux-target-container-expanded .gux-field-button:focus {
-  outline: none;
-}
-.gux-target-container-collapsed .gux-field-button {
-  border: 1px solid #6b7585;
-  border-radius: 4px;
-  box-shadow: inset 0 0 4px rgba(32, 41, 55, 0.16);
-}
-.gux-target-container-collapsed .gux-field-button:focus-visible,
-.gux-target-container-collapsed .gux-field-button:focus-within {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-.gux-listbox-container {
-  box-sizing: border-box;
-  margin: 0;
-  color: #2e394c;
-}
-gux-popup::part(gux-popup-container) {
-  width: inherit;
-}
-.gux-error-message-container {
-  display: none;
-  margin: 4px 0;
-}
-.gux-error-message-container.gux-show {
-  display: flex;
-}

package/dist/genesys-webcomponents/p-09830c56.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,g as e}from"./p-7d26b2e1.js";import{O as o}from"./p-9d18d475.js";import{w as n}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-19a7df84.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},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:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}

package/dist/genesys-webcomponents/p-120ba166.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{O as s}from"./p-f34ce7dc.js";import{a as o,o as n}from"./p-3701eff0.js";import{t as a}from"./p-19a7df84.js";import{G as l,a as h}from"./p-211cc1db.js";import{G as f,a as p,v as d,b as u}from"./p-b3c9fd06.js";import{h as g}from"./p-08bc2e6b.js";import{g as x}from"./p-aa2f9991.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const c={required:"Required"};const m=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-phone-input-beta");e&&(e.hasError=t)}onMutation(){this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help")}async componentWillLoad(){this.getI18nValue=await r(this.root,c),this.setInput(),this.setLabel(),this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help"),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(h,{labelPosition:this.computedLabelPosition},e(l,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(x(this.root,"error"),this.hasError)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(f,{show:this.hasError},e("slot",{name:"error"})),e(p,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}renderScreenReaderText(t,i=!0){if(i)return e("gux-screen-reader-beta",null,t)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=o(this.phoneInputElement,(t=>{this.disabled=t})),this.requiredObserver=n(this.phoneInputElement,(t=>{this.required=t})),d(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,e,i,r){var s,o=arguments.length,n=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(o<3?s(n):o>3?s(e,i,n):s(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([s({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";export{m as gux_form_field_phone}

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as o,g as i}from"./p-7d26b2e1.js";import{b as s}from"./p-deee079e.js";import"./p-8a133b9b.js";const a={clearSelection:"Clear {numberSelected} selected items"},n=class{constructor(o){e(this,o),this.internalclearselected=t(this,"internalclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(e){switch(e.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){this.disabled||this.internalclearselected.emit()}renderRemoveButton(){return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await s(this.root,a)}render(){return o("div",{class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return i(this)}};n.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 4px 2px 8px;font-size:12px;font-weight:bold;color:#2e394c;background-color:#e2e6ee;border-radius:4px}.gux-tag .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-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:7px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:2px solid #aac9ff;outline-offset:0}.gux-tag.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}";export{n as gux_dropdown_multi_tag}