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

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

@@ -0,0 +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-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-f54b4919.entry.js

@@ -0,0 +1 @@
+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-007a89c8.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-0db3479d.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-f9d1baff.entry.js

@@ -0,0 +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-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-98ae6571.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-0db3479d.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 fade(#202937, 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/genesys-webcomponents/scss/focus.scss

@@ -0,0 +1,48 @@
+@mixin gux-focus-ring {
+  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);
+}
+
+@mixin gux-focus-ring-small {
+  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-focused {
+  &:focus {
+    @include gux-focus-ring;
+  }
+}
+
+.gux-focus-ring-focused-within {
+  &:focus-within {
+    @include gux-focus-ring;
+  }
+}
+
+.gux-focus-ring-focused-visible {
+  &:focus-visible {
+    @include gux-focus-ring;
+  }
+}
+
+.gux-focus-ring-small-focused {
+  &:focus {
+    @include gux-focus-ring-small;
+  }
+}
+
+.gux-focus-ring-small-focused-within {
+  &:focus-within {
+    @include gux-focus-ring-small;
+  }
+}
+
+.gux-focus-ring-small-focused-visible {
+  &:focus-visible {
+    @include gux-focus-ring-small;
+  }
+}

package/dist/genesys-webcomponents/scss/style-reset-focusable.scss

@@ -0,0 +1,23 @@
+/* Anchor */
+
+a {
+  @include gux-anchor;
+}
+
+table a {
+  @include gux-anchor-table;
+}
+
+/* Button */
+button {
+  &:focus-visible {
+    @include gux-focus-ring;
+  }
+}
+
+/* Input */
+input {
+  &:focus-visible {
+    @include gux-focus-ring;
+  }
+}

package/dist/genesys-webcomponents/scss/style-reset-typography.scss

@@ -0,0 +1,26 @@
+@import './typography.scss';
+@import './focus.scss';
+
+body {
+  @include body-font;
+}
+
+/* Headings */
+
+h1 {
+  @include h1;
+}
+
+h2 {
+  @include h2;
+}
+
+h3 {
+  @include h3;
+}
+
+h4,
+h5,
+h6 {
+  @include h4-6;
+}

package/dist/genesys-webcomponents/scss/typography.scss

@@ -0,0 +1,127 @@
+@import './focus.scss';
+
+/*
+ * Typography styles and mixins.
+ */
+
+/* Helpers */
+
+@mixin base-font {
+  font-family: var(--gse-core-fontFamily-body), sans-serif;
+  font-weight: var(--gse-core-fontWeight-regular);
+}
+
+@mixin semi-bold-font {
+  font-family: var(--gse-core-fontFamily-body), sans-serif;
+  font-weight: var(--gse-core-fontWeight-semiBold);
+}
+
+@mixin bold-font {
+  font-family: var(--gse-core-fontFamily-body), sans-serif;
+  font-weight: var(--gse-core-fontWeight-bold);
+}
+
+/* Base typography */
+
+@mixin body-font {
+  @include base-font;
+  font-size: var(--gse-core-fontSize-xs);
+  line-height: var(--gse-core-lineHeight-xs);
+}
+
+@mixin body-font-bold {
+  font-family: var(--gse-core-fontFamily-body), sans-serif;
+  font-weight: var(--gse-core-fontWeight-bold);
+}
+
+/* Headings */
+
+@mixin h1 {
+  font-family: var(--gse-core-fontFamily-heading),
+    var(--gse-core-fontFamily-body), sans-serif;
+  font-weight: var(--gse-core-fontWeight-bold);
+  font-size: var(--gse-core-fontSize-xl);
+  line-height: var(--gse-core-lineHeight-xl);
+}
+
+@mixin h2 {
+  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);
+}
+@mixin h3 {
+  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-md);
+  line-height: var(--gse-core-lineHeight-md);
+}
+
+@mixin h4-6 {
+  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-sm);
+  line-height: var(--gse-core-lineHeight-sm);
+}
+
+/* Anchor */
+@mixin gux-anchor {
+  color: var(--gse-ui-link-default-color);
+  text-decoration: underline;
+  border-radius: var(--gse-ui-links-borderRadius);
+
+  &:hover {
+    color: var(--gse-ui-link-hover-color);
+  }
+
+  &:active {
+    color: var(--gse-ui-link-active-color);
+  }
+
+  &:visited {
+    color: var(--gse-ui-link-visited-color);
+  }
+
+  &:focus-visible {
+    @include gux-focus-ring;
+  }
+}
+
+@mixin gux-anchor-table {
+  @include gux-anchor;
+
+  text-decoration: none;
+}
+
+.gux-icon-anchor {
+  gux-icon {
+    padding-right: var(--gse-ui-links-inLine-padding);
+  }
+}
+
+/* Custom Styles */
+// COMUI-2274 review typography mixins
+@mixin gux-large-text {
+  @include base-font;
+
+  font-size: var(--gse-core-fontSize-md);
+  line-height: var(--gse-core-lineHeight-md);
+}
+
+@mixin gux-small-text {
+  @include base-font;
+
+  font-size: var(--gse-core-fontSize-xs);
+  line-height: var(--gse-core-lineHeight-xs);
+}
+
+@mixin gse-ui-formControl-label {
+  font-family: var(--gse-ui-formControl-label-text-fontFamily);
+  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  font-size: var(--gse-ui-formControl-label-text-fontSize);
+  color: var(--gse-ui-formControl-label-labelColor);
+  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
+}

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.3-51/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/beta/gux-date/gux-date.d.ts

@@ -1,5 +1,6 @@
 import { JSX } from '../../../stencil-public-runtime';
 import { GuxDateTimeFormat } from '../../../i18n/DateTimeFormatter';
+import { GuxTimeZoneIdentifier } from '../../../i18n/time-zone/types';
 export declare class GuxDate {
   private formatter;
   /**
@@ -14,6 +15,10 @@ export declare class GuxDate {
    * Format option type
    */
   format: GuxDateTimeFormat;
+  /**
+   * Time zone identifier
+   */
+  timeZone: GuxTimeZoneIdentifier;
   componentWillLoad(): void;
   render(): JSX.Element;
 }

package/dist/types/components/beta/gux-date-time/gux-date-time.d.ts

@@ -1,5 +1,6 @@
 import { JSX } from '../../../stencil-public-runtime';
 import { GuxDateTimeFormat } from '../../../i18n/DateTimeFormatter';
+import { GuxTimeZoneIdentifier } from '../../../i18n/time-zone/types';
 export declare class GuxDateTime {
   private formatter;
   /**
@@ -14,6 +15,10 @@ export declare class GuxDateTime {
    * Format option type
    */
   format: GuxDateTimeFormat;
+  /**
+   * Time zone identifier
+   */
+  timeZone: GuxTimeZoneIdentifier;
   componentWillLoad(): void;
   render(): JSX.Element;
 }

package/dist/types/components/beta/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.d.ts

@@ -4,14 +4,13 @@ import { JSX } from '../../../../../stencil-public-runtime';
  */
 export declare class GuxSubmenu {
   private hideDelayTimeout;
-  private popperInstance;
   private buttonElement;
   private submenuElement;
   private submenuContentElement;
+  private cleanupUpdatePosition;
   private root;
   label: string;
   private isShown;
-  forceUpdate(isShown: boolean): void;
   /**
    * Focus on the components button element
    */
@@ -25,10 +24,11 @@ export declare class GuxSubmenu {
   onFocusout(): void;
   private show;
   private hide;
-  private runPopper;
-  private destroyPopper;
+  private runUpdatePosition;
+  private updatePosition;
   private focusOnSubmenu;
   componentDidLoad(): void;
+  componentDidUpdate(): void;
   disconnectedCallback(): void;
   render(): JSX.Element;
 }

package/dist/types/components/beta/gux-time/gux-time.d.ts

@@ -1,5 +1,6 @@
 import { JSX } from '../../../stencil-public-runtime';
 import { GuxDateTimeFormat } from '../../../i18n/DateTimeFormatter';
+import { GuxTimeZoneIdentifier } from '../../../i18n/time-zone/types';
 export declare class GuxTime {
   private formatter;
   /**
@@ -14,6 +15,13 @@ export declare class GuxTime {
    * Format option type
    */
   format: GuxDateTimeFormat;
+  /**
+   * Format time zone
+   */
+  /**
+   * Time zone identifier
+   */
+  timeZone: GuxTimeZoneIdentifier;
   componentWillLoad(): void;
   render(): JSX.Element;
 }

package/dist/types/components/beta/gux-time-zone-picker/generic-zones.d.ts

@@ -0,0 +1,15 @@
+export declare const genericTimeZones: {
+  name: string;
+  alternativeName: string;
+  group: any[];
+  continentCode: string;
+  continentName: string;
+  countryName: string;
+  countryCode: string;
+  rawOffsetInMinutes: number;
+  abbreviation: string;
+  rawFormat: string;
+  currentTimeOffsetInMinutes: number;
+  currentTimeFormat: string;
+  mainCities: any[];
+}[];

package/dist/types/components/beta/gux-time-zone-picker/gux-time-zone-picker.d.ts

@@ -0,0 +1,35 @@
+import { JSX } from '../../../stencil-public-runtime';
+export declare class GuxTimeZonePickerBeta {
+  private i18n;
+  private root;
+  value: string;
+  workspaceDefault: string;
+  localDefault: string;
+  private searchString;
+  private timeZoneOptionElements;
+  private timeZoneList;
+  private filteredZoneList;
+  on(event: CustomEvent): void;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  /**
+   * @desc create a formatted offset string
+   * @param {number} offset timezone offset in minutes
+   * @returns {string} formatted offset string
+   * @example '+HH:mm' or '-HH:mm'
+   */
+  private formatOffset;
+  /**
+   * @desc Adds 'group' zones that are the same as other zones to the top-level list. Modifies the original list.
+   * @param GuxTimeZoneListing[] timeZoneList base list of timezones. Group zones found in this list will be added to it.
+   */
+  private addGroupZonesToList;
+  private filterTimeZoneList;
+  private getTimeZoneOption;
+  private getTimeZoneList;
+  private getDefaultZones;
+  private getDefaultZoneList;
+  private renderTimeZones;
+  private renderDefaultsList;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-time-zone-picker/gux-time-zone-picker.types.d.ts

@@ -0,0 +1,22 @@
+export interface GuxTimeZoneListing {
+  name: string;
+  alternativeName: string;
+  abbreviation: string;
+  group: string[];
+  countryName: string;
+  continentCode: string;
+  continentName: string;
+  mainCities: string[];
+  rawOffsetInMinutes: number;
+  rawFormat: string;
+  currentTimeOffsetInMinutes: number;
+  currentTimeFormat: string;
+}
+export interface GuxTimeZoneOption {
+  value: string;
+  localizedName: string;
+  formattedOffset: string;
+  displayTextName: string;
+  displayTextOffset: string;
+  baseDisplayOffsetText: string;
+}

package/dist/types/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/gux-advanced-dropdown.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, JSX } from '../../../stencil-public-runtime';
 /**
  * @slot - collection of gux-dropdown-option elements
  */
-export declare class GuxAdvancedDropdown {
+export declare class GuxAdvancedDropdownLegacy {
   root: HTMLElement;
   searchInput: HTMLInputElement;
   inputBox: HTMLElement;

package/dist/types/components/{stable/gux-disclosure-button → legacy/gux-disclosure-button-legacy}/gux-disclosure-button.d.ts

@@ -3,7 +3,7 @@ import { GuxDisclosureButtonPosition } from './gux-disclosure-button.types';
 /**
  * @slot panel-content - Slot for content of panel
  */
-export declare class GuxDisclosureButton {
+export declare class GuxDisclosureButtonLegacy {
   private i18n;
   private panelId;
   private root;

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-button-beta.service.d.ts → legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-button.service.d.ts}

@@ -4,6 +4,6 @@ interface GuxPaginationButtonsExpandedPageListItem {
   current: boolean;
 }
 export declare class GuxPaginationButtonsService {
-  static displayAllPageButtons(currentPage: number, totalPages: number, layout: string): GuxPaginationButtonsExpandedPageListItem[];
+  static getPageList(currentPage: number, totalPages: number): GuxPaginationButtonsExpandedPageListItem[];
 }
 export {};

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.d.ts → legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.d.ts}

@@ -1,23 +1,26 @@
 import { JSX } from '../../../../stencil-public-runtime';
-import { GuxPaginationLayoutBeta } from '../gux-pagination-beta.types';
-export declare class GuxPaginationButtonsBeta {
-  currentElement: HTMLElement;
+import { GuxPaginationLayout } from '../gux-pagination.types';
+export declare class GuxPaginationButtonsLegacy {
   private root;
+  private textFieldRef;
   private i18n;
   currentPage: number;
   totalPages: number;
-  layout: GuxPaginationLayoutBeta;
+  layout: GuxPaginationLayout;
   private internalcurrentpagechange;
-  goToPageHandler(event: CustomEvent<number>): void;
   private get onFirstPage();
   private get onLastPage();
   private handleClickFirst;
   private handleClickPrevious;
   private handleClickNext;
   private handleClickLast;
-  private handlePageChange;
+  private handleClickPage;
+  private setPageFromInput;
   private getPageListEnteries;
-  private getPageNavigation;
+  private getSmallPagePicker;
+  private getExpandedPagePicker;
+  private getFullPagePicker;
+  private getPagePicker;
   componentWillLoad(): Promise<void>;
   render(): JSX.Element;
 }

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.d.ts → legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.d.ts}

@@ -1,5 +1,5 @@
 import { ComponentInterface, JSX } from '../../../../stencil-public-runtime';
-export declare class GuxPaginationItemCountsBeta implements ComponentInterface {
+export declare class GuxPaginationItemCountsLegacy implements ComponentInterface {
   private root;
   private i18n;
   totalItems: number;
@@ -8,6 +8,5 @@ export declare class GuxPaginationItemCountsBeta implements ComponentInterface {
   private get firstItem();
   private get lastItem();
   componentWillLoad(): Promise<void>;
-  private getPaginationItemCountsRange;
   render(): JSX.Element;
 }

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.d.ts → legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.d.ts}

@@ -1,6 +1,6 @@
 import { ComponentInterface, JSX } from '../../../../stencil-public-runtime';
-import { GuxItemsPerPage } from '../gux-pagination-beta.types';
-export declare class GuxPaginationItemsPerPageBeta implements ComponentInterface {
+import { GuxItemsPerPage } from '../gux-pagination.types';
+export declare class GuxPaginationItemsPerPageLegacy implements ComponentInterface {
   private i18n;
   private dropdownElement;
   private root;

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-beta.d.ts → legacy/gux-pagination-legacy/gux-pagination.d.ts}

@@ -1,14 +1,7 @@
 import { ComponentInterface, JSX } from '../../../stencil-public-runtime';
-import { GuxItemsPerPage } from '../../stable/gux-pagination/gux-pagination.types';
-import { GuxPaginationLayoutBeta } from './gux-pagination-beta.types';
-export declare class GuxPaginationBeta implements ComponentInterface {
+import { GuxItemsPerPage, GuxPaginationLayout } from './gux-pagination.types';
+export declare class GuxPaginationLegacy implements ComponentInterface {
   private root;
-  private resizeObserver?;
-  private reinstateLayoutBreakpoint;
-  /**
-   * The pagination component can have different layouts to suit the available space
-   */
-  layout: GuxPaginationLayoutBeta;
   /**
    * The currently select page. Changes are watched by the component.
    */
@@ -22,23 +15,21 @@ export declare class GuxPaginationBeta implements ComponentInterface {
    */
   itemsPerPage: GuxItemsPerPage;
   /**
-   * The total number of pages needed for the the data set.
+   * The pagination component can have different layouts to suit the available space
    */
-  private totalPages;
+  layout: GuxPaginationLayout;
   /**
-   * Pagination layout to display based on resize observer
+   * The total number of pages needed for the the data set.
    */
-  displayedLayout: GuxPaginationLayoutBeta;
+  private totalPages;
   private guxpaginationchange;
   private setPage;
-  private handleInternalitemsperpagechange;
-  private handleInternalcurrentpagechange;
   private calculateTotalPages;
   private calculateCurrentPage;
-  private checkPaginationContainerWidthForLayout;
+  private handleInternalitemsperpagechange;
+  private handleInternalcurrentpagechange;
+  private getPaginationInfoElement;
   componentWillLoad(): void;
   componentWillRender(): void;
-  disconnectedCallback(): void;
-  componentDidLoad(): void;
   render(): JSX.Element;
 }

package/dist/types/components/legacy/gux-pagination-legacy/gux-pagination.types.d.ts

@@ -0,0 +1,6 @@
+export type GuxItemsPerPage = 25 | 50 | 75 | 100;
+export type GuxPaginationLayout = 'small' | 'expanded' | 'full';
+export type GuxPaginationState = {
+  currentPage: number;
+  itemsPerPage: number;
+};