genesys-spark-components 4.82.0 → 4.83.0

package/dist/genesys-webcomponents/{p-afcaf5a8.entry.js → p-fe1e5a80.entry.js}

@@ -1 +1 @@
-import{r as t,h as a,H as i,g as s}from"./p-2e827df1.js";import{s as e}from"./p-2c25e2f2.js";import{c as r}from"./p-a43079c8.js";import{t as o}from"./p-5aade352.js";import{a as n}from"./p-8eaf8caf.js";const h=class{constructor(a){t(this,a),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1,this.increment="default"}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[a]=t.composedPath(),i=a.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===i))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)?this.updateRatingValue("half"===this.increment?s-.5:s):this.updateRatingValue(s)}onKeyDown(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const a="half"===this.increment?.5:1;switch(t.key){case"ArrowUp":t.preventDefault(),this.updateRatingValue(this.value+a);break;case"ArrowDown":t.preventDefault(),this.updateRatingValue(this.value-a);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const a=r(t,0,Array.from(this.starContainer.children).length),i="half"===this.increment?.5:1,s=Math.round(a/i)*i;this.value!==s&&(this.value=s,e(this.root,"input"),e(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,a)=>t.concat(a+.5===this.value?"fa/star-sharp-half-stroke-regular":a+1<=this.value?"fa/star-solid":"fa/star-regular")),[]).map((t=>a("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){o(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||n(this.root,"`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return a(i,{key:"f5be2801f875ec5aad6bf9728a11998c3bf941e0",role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},a("div",{key:"d334b3192f1213155c274b4abe913e1dc7d41a69",ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";export{h as gux_rating}
+import{r as t,h as a,H as i,g as s}from"./p-53ec575f.js";import{s as e}from"./p-2c25e2f2.js";import{c as r}from"./p-a43079c8.js";import{t as o}from"./p-e79ff8f4.js";import{a as n}from"./p-8eaf8caf.js";const h=class{constructor(a){t(this,a),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1,this.increment="default"}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[a]=t.composedPath(),i=a.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===i))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)?this.updateRatingValue("half"===this.increment?s-.5:s):this.updateRatingValue(s)}onKeyDown(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const a="half"===this.increment?.5:1;switch(t.key){case"ArrowUp":t.preventDefault(),this.updateRatingValue(this.value+a);break;case"ArrowDown":t.preventDefault(),this.updateRatingValue(this.value-a);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const a=r(t,0,Array.from(this.starContainer.children).length),i="half"===this.increment?.5:1,s=Math.round(a/i)*i;this.value!==s&&(this.value=s,e(this.root,"input"),e(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,a)=>t.concat(a+.5===this.value?"fa/star-sharp-half-stroke-regular":a+1<=this.value?"fa/star-solid":"fa/star-regular")),[]).map((t=>a("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){o(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||n(this.root,"`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return a(i,{key:"a1976577e15e8ab80dfbac88b4911b910347fe95",role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},a("div",{key:"d562502e1cced11258f30329bcc590143e427a9f",ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";export{h as gux_rating}

package/dist/genesys-webcomponents/{p-a4dcdbe5.entry.js → p-fea1b60a.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s,g as o}from"./p-2e827df1.js";import{c as r,h as a,s as n,a as h,b as u,d,e as l,f as c,i as g,j as m,k as p,o as v}from"./p-787c5373.js";import{b}from"./p-5bcc54c7.js";import{w as x}from"./p-e97879b4.js";import{s as f}from"./p-2c25e2f2.js";import{t as w}from"./p-5aade352.js";import{b as S}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";const y={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},O=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.emptyMessage=void 0,this.listboxOptions=[],this.allListboxOptionsFiltered=void 0,this.hasExactMatch=!1}onBlur(){r(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var e;if(!a(this.root))return t.preventDefault(),void n(this.root);switch(t.key){case"Enter":return t.preventDefault(),void((null===(e=this.optionCreateElement)||void 0===e?void 0:e.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),S((()=>{n(this.root)}))):m(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),g(this.root)):u(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void u(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||p(this.root,t.key)}onKeyup(t){var e;" "!==t.key||((null===(e=this.optionCreateElement)||void 0===e?void 0:e.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),S((()=>{n(this.root)}))):m(this.root,(t=>this.updateValue(t))))}onMousemove(){r(this.root)}onClick(t){x("gux-option-multi",t,(t=>{v(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){m(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((e=>{var i,s;(null===(s=null===(i=e.textContent)||void 0===i?void 0:i.toLowerCase())||void 0===s?void 0:s.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return this.value?this.value.split(","):[]}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions()}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&(t.filtered=!t.textContent.trim().toLowerCase().startsWith(this.textInput.toLowerCase()))}))}updateValue(t){if(this.getSelectedValues().includes(t))this.value=this.getSelectedValues().filter((e=>e!==t)).join(",");else{const e=[...this.getSelectedValues(),t];this.value=e.join(",")}f(this.root,"input"),f(this.root,"change")}async componentWillLoad(){w(this.root),this.i18n=await b(this.root,y),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(s,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};O.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);overflow-y:auto;scrollbar-color:var(--gse-ui-menu-scrollbar-foregroundColor);background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";export{O as gux_listbox_multi}
+import{r as t,c as e,h as i,H as s,g as o}from"./p-53ec575f.js";import{c as r,h as a,s as n,a as h,b as u,d,e as l,f as c,i as g,j as m,k as p,o as v}from"./p-787c5373.js";import{b}from"./p-3b4a0d71.js";import{w as x}from"./p-e97879b4.js";import{s as f}from"./p-2c25e2f2.js";import{t as w}from"./p-e79ff8f4.js";import{b as S}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";const y={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},O=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.emptyMessage=void 0,this.listboxOptions=[],this.allListboxOptionsFiltered=void 0,this.hasExactMatch=!1}onBlur(){r(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var e;if(!a(this.root))return t.preventDefault(),void n(this.root);switch(t.key){case"Enter":return t.preventDefault(),void((null===(e=this.optionCreateElement)||void 0===e?void 0:e.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),S((()=>{n(this.root)}))):m(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),g(this.root)):u(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void u(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||p(this.root,t.key)}onKeyup(t){var e;" "!==t.key||((null===(e=this.optionCreateElement)||void 0===e?void 0:e.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),S((()=>{n(this.root)}))):m(this.root,(t=>this.updateValue(t))))}onMousemove(){r(this.root)}onClick(t){x("gux-option-multi",t,(t=>{v(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){m(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((e=>{var i,s;(null===(s=null===(i=e.textContent)||void 0===i?void 0:i.toLowerCase())||void 0===s?void 0:s.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return this.value?this.value.split(","):[]}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions()}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&(t.filtered=!t.textContent.trim().toLowerCase().startsWith(this.textInput.toLowerCase()))}))}updateValue(t){if(this.getSelectedValues().includes(t))this.value=this.getSelectedValues().filter((e=>e!==t)).join(",");else{const e=[...this.getSelectedValues(),t];this.value=e.join(",")}f(this.root,"input"),f(this.root,"change")}async componentWillLoad(){w(this.root),this.i18n=await b(this.root,y),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(s,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};O.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);overflow-y:auto;scrollbar-color:var(--gse-ui-menu-scrollbar-foregroundColor);background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";export{O as gux_listbox_multi}

package/dist/genesys-webcomponents/{p-b27a19b1.entry.js → p-fec808f8.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as a,g as e}from"./p-2e827df1.js";import{e as s}from"./p-ea5e1b2f.js";import{r as o}from"./p-0934300e.js";import{a as n}from"./p-cf0e7d3b.js";import{b as d}from"./p-5bcc54c7.js";import{t as r}from"./p-363466e3.js";import"./p-4202e9f2.js";const u=class{constructor(a){t(this,a),this.internalactivatetabpanel=i(this,"internalactivatetabpanel",7),this.dropdownOptionsButtonId=o(),this.tabTitle="",this.focusinFromClick=!1,this.tabId=void 0,this.active=!1,this.guxDisabled=!1,this.popoverHidden=!0}onFocusin(t){!this.focusinFromClick&&t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setShowTooltip()}onFocusout(t){this.root.querySelector(".gux-tab").contains(t.relatedTarget)||(this.popoverHidden=!0),t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setHideTooltip(),this.focusinFromClick=!1}onKeydown(t){switch(t.key){case"ArrowDown":s(".gux-tab-options-trigger",t)&&(t.stopPropagation(),t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList()),s('gux-list[slot="dropdown-options"]',t)&&(t.stopImmediatePropagation(),t.stopPropagation());break;case"Enter":s(".gux-tab-options-trigger",t)&&(t.stopPropagation(),t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList());break;case"Escape":s('gux-list[slot="dropdown-options"]',t)&&(t.stopPropagation(),this.popoverHidden=!0,n((()=>{var t;null===(t=this.tabOptionsButtonElement)||void 0===t||t.focus()})));break;case"ArrowRight":case"ArrowLeft":case"ArrowUp":case"Tab":case"Home":case"End":s('gux-list[slot="dropdown-options"]',t)&&(t.stopImmediatePropagation(),t.stopPropagation())}}onKeyup(t){" "===t.key&&s(".gux-tab-options-trigger",t)&&this.focusFirstItemInPopupList()}onClick(t){s(".gux-tab-options-trigger",t)||this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onMouseDown(){this.focusinFromClick=!0}async guxSetActive(t){this.active=t}async guxGetActive(){return this.active}async guxFocus(){this.buttonElement.focus()}get hasDropdownOptions(){return Boolean(this.root.querySelector('gux-list[slot="dropdown-options"]'))}focusFirstItemInPopupList(){const t=this.root.querySelector('gux-list[slot="dropdown-options"]');n((()=>{null==t||t.guxFocusFirstItem()}))}toggleOptions(){this.popoverHidden=!this.popoverHidden}onSelectDropdownOption(t){this.popoverHidden=!0,t.stopPropagation(),n((()=>{this.tabOptionsButtonElement.focus()}))}async componentWillLoad(){this.i18n=await d(this.root,r,"gux-tabs-advanced")}componentDidLoad(){this.tabTitle=this.root.querySelector("gux-tooltip-title").textContent.trim()}popoverOnClick(t){t.stopPropagation()}renderTabOptions(){return this.hasDropdownOptions?a("div",{class:"gux-tab-options"},a("gux-button-slot",{accent:"ghost"},a("button",{id:this.dropdownOptionsButtonId,"aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-tab-options-trigger",ref:t=>this.tabOptionsButtonElement=t,onClick:()=>this.toggleOptions(),tabIndex:this.active?0:-1,disabled:this.guxDisabled},a("gux-icon",{"icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.i18n("options",{tabTitle:this.tabTitle})}))),a("gux-popover-list",{position:"top-end",for:this.dropdownOptionsButtonId,displayDismissButton:!1,"is-open":!this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0,onClick:t=>this.popoverOnClick(t),onFocusout:t=>t.stopImmediatePropagation()},a("div",{class:"gux-dropdown-options-container",onClick:t=>this.onSelectDropdownOption(t)},a("slot",{name:"dropdown-options"})))):null}renderTabButton(){return a("button",{class:"gux-tab-button",type:"button",role:"tab",disabled:this.guxDisabled,"aria-selected":this.active.toString(),"aria-disabled":this.guxDisabled.toString(),"aria-controls":`gux-${this.tabId}-panel`,ref:t=>this.buttonElement=t,tabIndex:this.active?0:-1,id:`gux-${this.tabId}-tab`},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",{class:"gux-tab-button-text"},a("slot",null))))}render(){return[a("div",{key:"8efaa99db83e2f2c73a2ecdeefcf23632fd63c89",class:{"gux-tab":!0,"gux-selected":this.active,"gux-dropdown-options":this.hasDropdownOptions,"gux-disabled":this.guxDisabled}},a("div",{key:"d91326cc98fefa010baf2a27de993ffa6025b5f6",class:"gux-buttons"},this.renderTabButton(),this.renderTabOptions()),a("div",{key:"97c1423ec275e99603fd4ec6ceaaf96d3bcd1dd0",class:"gux-divider"}))]}get root(){return e(this)}};u.style="gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-top-width:var(--gse-ui-advancedTabs-item-indicator-height);border-bottom-style:solid;border-bottom-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;width:var(--gse-ui-advancedTabs-item-width);min-width:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;width:100px;min-width:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusRing-default-border-width))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{width:var(--gse-ui-advancedTabs-item-divider-right-width);height:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-bottom-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-bottom-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-bottom-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";export{u as gux_tab_advanced}
+import{r as t,c as i,h as a,g as e}from"./p-53ec575f.js";import{e as s}from"./p-ea5e1b2f.js";import{r as o}from"./p-0934300e.js";import{a as n}from"./p-cf0e7d3b.js";import{b as d}from"./p-3b4a0d71.js";import{t as r}from"./p-363466e3.js";import"./p-4202e9f2.js";const u=class{constructor(a){t(this,a),this.internalactivatetabpanel=i(this,"internalactivatetabpanel",7),this.dropdownOptionsButtonId=o(),this.tabTitle="",this.focusinFromClick=!1,this.tabId=void 0,this.active=!1,this.guxDisabled=!1,this.popoverHidden=!0}onFocusin(t){!this.focusinFromClick&&t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setShowTooltip()}onFocusout(t){this.root.querySelector(".gux-tab").contains(t.relatedTarget)||(this.popoverHidden=!0),t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setHideTooltip(),this.focusinFromClick=!1}onKeydown(t){switch(t.key){case"ArrowDown":s(".gux-tab-options-trigger",t)&&(t.stopPropagation(),t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList()),s('gux-list[slot="dropdown-options"]',t)&&(t.stopImmediatePropagation(),t.stopPropagation());break;case"Enter":s(".gux-tab-options-trigger",t)&&(t.stopPropagation(),t.preventDefault(),this.popoverHidden=!1,this.focusFirstItemInPopupList());break;case"Escape":s('gux-list[slot="dropdown-options"]',t)&&(t.stopPropagation(),this.popoverHidden=!0,n((()=>{var t;null===(t=this.tabOptionsButtonElement)||void 0===t||t.focus()})));break;case"ArrowRight":case"ArrowLeft":case"ArrowUp":case"Tab":case"Home":case"End":s('gux-list[slot="dropdown-options"]',t)&&(t.stopImmediatePropagation(),t.stopPropagation())}}onKeyup(t){" "===t.key&&s(".gux-tab-options-trigger",t)&&this.focusFirstItemInPopupList()}onClick(t){s(".gux-tab-options-trigger",t)||this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onMouseDown(){this.focusinFromClick=!0}async guxSetActive(t){this.active=t}async guxGetActive(){return this.active}async guxFocus(){this.buttonElement.focus()}get hasDropdownOptions(){return Boolean(this.root.querySelector('gux-list[slot="dropdown-options"]'))}focusFirstItemInPopupList(){const t=this.root.querySelector('gux-list[slot="dropdown-options"]');n((()=>{null==t||t.guxFocusFirstItem()}))}toggleOptions(){this.popoverHidden=!this.popoverHidden}onSelectDropdownOption(t){this.popoverHidden=!0,t.stopPropagation(),n((()=>{this.tabOptionsButtonElement.focus()}))}async componentWillLoad(){this.i18n=await d(this.root,r,"gux-tabs-advanced")}componentDidLoad(){this.tabTitle=this.root.querySelector("gux-tooltip-title").textContent.trim()}popoverOnClick(t){t.stopPropagation()}renderTabOptions(){return this.hasDropdownOptions?a("div",{class:"gux-tab-options"},a("gux-button-slot",{accent:"ghost"},a("button",{id:this.dropdownOptionsButtonId,"aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-tab-options-trigger",ref:t=>this.tabOptionsButtonElement=t,onClick:()=>this.toggleOptions(),tabIndex:this.active?0:-1,disabled:this.guxDisabled},a("gux-icon",{"icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.i18n("options",{tabTitle:this.tabTitle})}))),a("gux-popover-list",{position:"top-end",for:this.dropdownOptionsButtonId,displayDismissButton:!1,"is-open":!this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0,onClick:t=>this.popoverOnClick(t),onFocusout:t=>t.stopImmediatePropagation()},a("div",{class:"gux-dropdown-options-container",onClick:t=>this.onSelectDropdownOption(t)},a("slot",{name:"dropdown-options"})))):null}renderTabButton(){return a("button",{class:"gux-tab-button",type:"button",role:"tab",disabled:this.guxDisabled,"aria-selected":this.active.toString(),"aria-disabled":this.guxDisabled.toString(),"aria-controls":`gux-${this.tabId}-panel`,ref:t=>this.buttonElement=t,tabIndex:this.active?0:-1,id:`gux-${this.tabId}-tab`},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",{class:"gux-tab-button-text"},a("slot",null))))}render(){return[a("div",{key:"2087debcc6b867605152aaca70ed99546d64f533",class:{"gux-tab":!0,"gux-selected":this.active,"gux-dropdown-options":this.hasDropdownOptions,"gux-disabled":this.guxDisabled}},a("div",{key:"9e5e5723f32cae885c74edcd9d6c989aabaebf5b",class:"gux-buttons"},this.renderTabButton(),this.renderTabOptions()),a("div",{key:"e93f90a75cc38cb13fe83d7e28b591477a07a7a1",class:"gux-divider"}))]}get root(){return e(this)}};u.style="gux-tab-advanced .gux-tab{display:flex;align-items:center;border-color:transparent;border-top-width:var(--gse-ui-advancedTabs-item-indicator-height);border-bottom-style:solid;border-bottom-width:var(--gse-ui-advancedTabs-item-indicator-height)}gux-tab-advanced .gux-tab .gux-buttons{display:flex;flex:1 1 0;gap:var(--gse-ui-advancedTabs-item-gap);align-items:center;width:var(--gse-ui-advancedTabs-item-width);min-width:0}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button{all:unset;flex:1 1 0;width:100px;min-width:0;padding:var(--gse-ui-advancedTabs-item-padding)}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:var(--gse-ui-advancedTabs-item-focus-borderRadius);outline-offset:calc(-1 * var(--gse-semantic-focusRing-default-border-width))}gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text{font-family:var(--gse-ui-advancedTabs-item-itemText-fontFamily);font-size:var(--gse-ui-advancedTabs-item-itemText-fontSize);font-weight:var(--gse-ui-advancedTabs-item-itemText-fontWeight);line-height:var(--gse-ui-advancedTabs-item-itemText-lineHeight);color:var(--gse-ui-advancedTabs-item-text-color);white-space:nowrap}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container{--no-op:none}gux-tab-advanced .gux-tab .gux-divider{width:var(--gse-ui-advancedTabs-item-divider-right-width);height:var(--gse-ui-advancedTabs-item-divider-right-height);background-color:var(--gse-ui-advancedTabs-divider-dividerColor)}gux-tab-advanced .gux-tab:hover:not(.gux-disabled),gux-tab-advanced .gux-tab:focus-within{border-bottom-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected{background-color:var(--gse-ui-advancedTabs-item-backgroundColor);border-bottom-color:var(--gse-ui-advancedTabs-item-indicator-activeColor)}gux-tab-advanced .gux-tab.gux-selected.gux-disabled{border-bottom-color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white)}gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text{color:color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white)}";export{u as gux_tab_advanced}

package/dist/loader/cdn.js

@@ -1,3 +1 @@
-
-module.exports = require('../cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../cjs/loader.cjs.js');

package/dist/loader/index.cjs.js

@@ -1,3 +1 @@
-
-module.exports = require('../cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../cjs/loader.cjs.js');

package/dist/loader/index.d.ts

@@ -9,6 +9,9 @@ export interface CustomElementsDefineOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/dist/loader/index.es2017.js

@@ -1,3 +1 @@
-
-export * from '../esm/polyfills/index.js';
-export * from '../esm/loader.js';
+export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,4 +1,2 @@
-
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../esm/polyfills/index.js';
-export * from '../esm/loader.js';
+export * from '../esm/loader.js';

package/dist/stencil-wrapper.js

@@ -7,7 +7,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.82.0-345/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.83.0-348/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'app.mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/stencil-public-runtime.d.ts

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1104,7 +1099,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1129,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1157,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1209,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.82.0-345/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.83.0-348/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.82.0",
+  "version": "4.83.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -18,7 +18,7 @@
     "copy-genesys-spark-utils": "node ./scripts/copy-genesys-spark-utils.mjs",
     "predev": "npm run i18n && npm run generate-gux-icon-types-file ",
     "dev": "npm run stencil.dev",
-    "eslint": "eslint --fix .",
+    "eslint": "eslint . --fix",
     "generate-flags-sprite-file": "./scripts/generate-flags-sprite-file.js",
     "generate-gux-icon-types-file": "./scripts/generate-gux-icon-types-file.js",
     "generate-start-of-week-file": "./scripts/generate-start-of-week-file.js",
@@ -70,7 +70,7 @@
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.4",
-    "@stencil/core": "4.12.6",
+    "@stencil/core": "4.19.2",
     "@stencil/react-output-target": "^0.5.3",
     "@stencil/sass": "^3.0.12",
     "@types/google-libphonenumber": "^7.4.30",
@@ -79,16 +79,14 @@
     "@types/puppeteer": "^5.4.7",
     "@types/resize-observer-browser": "^0.1.9",
     "@types/sortablejs": "^1.15.8",
-    "@typescript-eslint/eslint-plugin": "^8.5.0",
-    "@typescript-eslint/parser": "^8.5.0",
     "axe-core": "^4.10.0",
     "axe-live": "^1.0.1",
-    "eslint": "^8.57.0",
+    "eslint": "^9.10.0",
     "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-    "eslint-config-prettier": "^9.1.0",
     "file-loader": "^6.2.0",
     "genesys-spark-tokens": "file:../genesys-spark-tokens",
     "glob": "^11.0.0",
+    "globals": "^15.9.0",
     "handlebars": "^4.7.8",
     "inquirer": "^10.2.2",
     "jest": "^29.7.0",
@@ -113,6 +111,7 @@
     "resize-observer-polyfill": "^1.5.1",
     "rollup-plugin-copy": "^3.5.0",
     "semver-sort": "^1.0.0",
+    "smob": "^1.5.0",
     "spritesheet-templates": "^10.5.2",
     "spritesmith": "^3.4.1",
     "stylelint": "^16.9.0",