genesys-spark-components 4.73.1 → 4.74.0

package/dist/genesys-webcomponents/{p-2f841d5a.entry.js → p-fc551679.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as o,g as e}from"./p-2e827df1.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-b43ee47b.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-d90bdc07.js";import{f as p}from"./p-9b0d3713.js";import{b as g}from"./p-cf0e7d3b.js";const u=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler]]),this.id=d("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.accent="light",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),l()];h(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:o})=>{var e;Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`,visibility:(null===(e=o.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){this.isShown=!0,g((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){return this.for?p(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}setForElement(){this.forElement=this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t)))):this.logForAttributeError()}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(o,{key:"58ffcb9d5bb8a5ee638cc4f4ecfa948cfb912253",id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{key:"4c250ba6ab30b89bf2a8949514047de03ec3db0c",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"a0317a87948d0fb91f0a591ad63419605b5a6d34",name:"content"},i("slot",{key:"43befaf01580296f7aefee7619cec57d00164b92"}))))}get root(){return e(this)}static get watchers(){return{for:["updateForElement"]}}};u.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{u as gux_tooltip}
+import{r as t,h as i,H as o,g as e}from"./p-2e827df1.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-b43ee47b.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-e598cc41.js";import{f as p}from"./p-9b0d3713.js";import{b as g}from"./p-cf0e7d3b.js";const u=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler]]),this.id=d("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.accent="light",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),l()];h(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:o})=>{var e;Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`,visibility:(null===(e=o.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){this.isShown=!0,g((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){return this.for?p(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}setForElement(){this.forElement=this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t)))):this.logForAttributeError()}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(o,{key:"58ffcb9d5bb8a5ee638cc4f4ecfa948cfb912253",id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{key:"4c250ba6ab30b89bf2a8949514047de03ec3db0c",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"a0317a87948d0fb91f0a591ad63419605b5a6d34",name:"content"},i("slot",{key:"43befaf01580296f7aefee7619cec57d00164b92"}))))}get root(){return e(this)}static get watchers(){return{for:["updateForElement"]}}};u.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{u as gux_tooltip}

package/dist/genesys-webcomponents/{p-b34401f6.entry.js → p-fe5e81f7.entry.js}

@@ -1 +1 @@
-import{r as e,f as o,h as r,g as t}from"./p-2e827df1.js";import{O as l}from"./p-01471ba0.js";import{h as i}from"./p-6d8b4027.js";import{a}from"./p-8eaf8caf.js";import{s}from"./p-2c25e2f2.js";import{G as n,a as f}from"./p-fb1ab7b1.js";import{G as h,a as d,b as g}from"./p-0d5dcdd3.js";import{g as u}from"./p-0268a3e8.js";import{t as c}from"./p-d90bdc07.js";function p(e,o){if(o){const{checkedCheckboxes:r,totalCheckboxes:t}=function(e){const o=x(e).length,r=function(e){return x(e).filter((e=>e.checked))}(e).length;return{checkedCheckboxes:r,totalCheckboxes:o}}(e);0===r?(o.indeterminate=!1,o.checked=!1):r===t?(o.indeterminate=!1,o.checked=!0):o.indeterminate=!0}}function x(e){return Array.from(e.querySelectorAll('gux-form-field-checkbox input:not(gux-form-field-checkbox[slot="group-checkbox"] input'))}const m=class{constructor(o){e(this,o),this.hasGroupError=!1,this.hasGroupHelp=!1,this.hasGroupLabelInfo=!1,this.disabled=!1}watchGroupError(e){const o=this.root.querySelectorAll("gux-form-field-checkbox");o&&o.forEach((o=>{o.hasGroupError=e}))}watchDisabled(){this.setDisabledCheckboxes()}onMutation(){this.hasGroupError=i(this.root,"group-error"),this.hasGroupHelp=i(this.root,"group-help"),this.hasGroupLabelInfo=i(this.root,"group-label-info")}componentWillLoad(){this.hasGroupError=i(this.root,"group-error"),this.hasGroupHelp=i(this.root,"group-help"),this.hasGroupLabelInfo=i(this.root,"group-label-info"),this.setLabel(),this.setDisabledCheckboxes(),c(this.root)}componentDidLoad(){p(this.root,this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input'))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}getGroupCheckboxElement(){return this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input')}setDisabledCheckboxes(){const e=this.root.querySelectorAll("gux-form-field-checkbox");e&&e.forEach((e=>{e.hasGroupDisabled=this.disabled}))}onMainCheckboxChange(){const e=this.getGroupCheckboxElement();var r;r=e.checked,x(this.root).forEach((e=>{e.checked===r||e.disabled||(e.checked=r,s(e,"input"),s(e,"change"))})),o(this.root)}setupNestedCheckboxes(){this.warnMultipleGroupCheckbox(),this.warnGroupCheckboxNameAttr();const e=this.getGroupCheckboxElement();e?this.root.classList.add("gux-group-checkbox"):this.root.classList.remove("gux-group-checkbox"),null==e||e.addEventListener("change",(()=>{this.onMainCheckboxChange()})),this.initialSetNestedCheckboxes(null==e?void 0:e.checked)}initialSetNestedCheckboxes(e){const o=Array.from(this.root.querySelectorAll('gux-form-field-checkbox input:not(gux-form-field-checkbox[slot="group-checkbox"] input)'));(null==o?void 0:o.length)&&o.forEach((o=>{o.addEventListener("change",(()=>{this.updateMainCheckbox()})),e&&!o.disabled&&(o.checked=!0)}))}warnMultipleGroupCheckbox(){const e=this.root.querySelectorAll('gux-form-field-checkbox[slot="group-checkbox"] input');(null==e?void 0:e.length)>1&&a(this.root,"Can only have one group checkbox")}warnGroupCheckboxNameAttr(){const e=this.getGroupCheckboxElement();(null==e?void 0:e.hasAttribute("name"))&&a(this.root,"Group checkbox should not have a name attribute")}updateMainCheckbox(){p(this.root,this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input')),o(this.root)}renderText(e,o=!1){if(o)return" "+e}render(){var e;return r(g,{key:"d2d6388298b7166d57da2b5c22ef6db4b6e24f97",labelPosition:"above"},r(d,{key:"0db9d9ea4dd539a61278af772b8c6932849371fe"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(u(this.root,"group-error"),this.hasGroupError),this.renderText(u(this.root,"group-help"),this.hasGroupHelp),this.renderText(u(this.root,"group-label-info"),this.hasGroupLabelInfo)),r(h,{key:"f9d920bfcb30926eda1564b809c0944ac8598ec2",position:"above",required:!1},r("slot",{key:"59f6fdb532fd40ef2ac79762398a17ecb51f7583",name:"group-label",onSlotchange:()=>this.setLabel()}),r("slot",{key:"2334ef8f61007cdb82182b7ae05fe6f012553b89",name:"group-label-info"})),r("slot",{key:"ea1e880daa92661d10b4eee4b7eede2bb29d0d54",onSlotchange:()=>this.setupNestedCheckboxes(),name:"group-checkbox"}),r("slot",{key:"d88a9ce2949718c4da74acb803889acc9ded4dde",onSlotchange:()=>this.updateMainCheckbox()}),r(f,{key:"dfcc4a70d226e2b9502931d7746052dba5efcd90",show:this.hasGroupError},r("slot",{key:"f6c779ada444a5712052f93f66d34427717f936d",name:"group-error"})),r(n,{key:"672573142344dc7288b5e8dc9bb4d0032c538c8c",show:!this.hasGroupError&&this.hasGroupHelp},r("slot",{key:"4e6668b094068ac793ddd1ef004601b2652dd113",name:"group-help"})))}setLabel(){this.label=this.root.querySelector('label[slot="group-label"]')}get root(){return t(this)}static get watchers(){return{hasGroupError:["watchGroupError"],disabled:["watchDisabled"]}}};(function(e,o,r,t){var l,i=arguments.length,a=i<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,r,t);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(a=(i<3?l(a):i>3?l(o,r,a):l(o,r))||a);i>3&&a&&Object.defineProperty(o,r,a)})([l({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}:host([disabled]) .gux-form-field-legend-label{opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(gux-form-field-checkbox){padding-top:var(--gse-ui-formControl-group-gapItems)}::slotted(gux-form-field-checkbox:first-of-type){padding-top:0}:host(.gux-group-checkbox) ::slotted(gux-form-field-checkbox){padding-left:24px}:host(.gux-group-checkbox) slot[name=group-checkbox]::slotted(gux-form-field-checkbox){padding-left:0}.gux-form-field-legend-label{font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}:host([disabled]) ::slotted(label){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";export{m as gux_form_field_checkbox_group_beta}
+import{r as e,f as o,h as r,g as t}from"./p-2e827df1.js";import{O as l}from"./p-01471ba0.js";import{h as i}from"./p-6d8b4027.js";import{a}from"./p-8eaf8caf.js";import{s}from"./p-2c25e2f2.js";import{G as n,a as f}from"./p-fb1ab7b1.js";import{G as h,a as d,b as g}from"./p-0d5dcdd3.js";import{g as u}from"./p-0268a3e8.js";import{t as c}from"./p-e598cc41.js";function p(e,o){if(o){const{checkedCheckboxes:r,totalCheckboxes:t}=function(e){const o=x(e).length,r=function(e){return x(e).filter((e=>e.checked))}(e).length;return{checkedCheckboxes:r,totalCheckboxes:o}}(e);0===r?(o.indeterminate=!1,o.checked=!1):r===t?(o.indeterminate=!1,o.checked=!0):o.indeterminate=!0}}function x(e){return Array.from(e.querySelectorAll('gux-form-field-checkbox input:not(gux-form-field-checkbox[slot="group-checkbox"] input'))}const m=class{constructor(o){e(this,o),this.hasGroupError=!1,this.hasGroupHelp=!1,this.hasGroupLabelInfo=!1,this.disabled=!1}watchGroupError(e){const o=this.root.querySelectorAll("gux-form-field-checkbox");o&&o.forEach((o=>{o.hasGroupError=e}))}watchDisabled(){this.setDisabledCheckboxes()}onMutation(){this.hasGroupError=i(this.root,"group-error"),this.hasGroupHelp=i(this.root,"group-help"),this.hasGroupLabelInfo=i(this.root,"group-label-info")}componentWillLoad(){this.hasGroupError=i(this.root,"group-error"),this.hasGroupHelp=i(this.root,"group-help"),this.hasGroupLabelInfo=i(this.root,"group-label-info"),this.setLabel(),this.setDisabledCheckboxes(),c(this.root)}componentDidLoad(){p(this.root,this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input'))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}getGroupCheckboxElement(){return this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input')}setDisabledCheckboxes(){const e=this.root.querySelectorAll("gux-form-field-checkbox");e&&e.forEach((e=>{e.hasGroupDisabled=this.disabled}))}onMainCheckboxChange(){const e=this.getGroupCheckboxElement();var r;r=e.checked,x(this.root).forEach((e=>{e.checked===r||e.disabled||(e.checked=r,s(e,"input"),s(e,"change"))})),o(this.root)}setupNestedCheckboxes(){this.warnMultipleGroupCheckbox(),this.warnGroupCheckboxNameAttr();const e=this.getGroupCheckboxElement();e?this.root.classList.add("gux-group-checkbox"):this.root.classList.remove("gux-group-checkbox"),null==e||e.addEventListener("change",(()=>{this.onMainCheckboxChange()})),this.initialSetNestedCheckboxes(null==e?void 0:e.checked)}initialSetNestedCheckboxes(e){const o=Array.from(this.root.querySelectorAll('gux-form-field-checkbox input:not(gux-form-field-checkbox[slot="group-checkbox"] input)'));(null==o?void 0:o.length)&&o.forEach((o=>{o.addEventListener("change",(()=>{this.updateMainCheckbox()})),e&&!o.disabled&&(o.checked=!0)}))}warnMultipleGroupCheckbox(){const e=this.root.querySelectorAll('gux-form-field-checkbox[slot="group-checkbox"] input');(null==e?void 0:e.length)>1&&a(this.root,"Can only have one group checkbox")}warnGroupCheckboxNameAttr(){const e=this.getGroupCheckboxElement();(null==e?void 0:e.hasAttribute("name"))&&a(this.root,"Group checkbox should not have a name attribute")}updateMainCheckbox(){p(this.root,this.root.querySelector('gux-form-field-checkbox[slot="group-checkbox"] input')),o(this.root)}renderText(e,o=!1){if(o)return" "+e}render(){var e;return r(g,{key:"d2d6388298b7166d57da2b5c22ef6db4b6e24f97",labelPosition:"above"},r(d,{key:"0db9d9ea4dd539a61278af772b8c6932849371fe"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(u(this.root,"group-error"),this.hasGroupError),this.renderText(u(this.root,"group-help"),this.hasGroupHelp),this.renderText(u(this.root,"group-label-info"),this.hasGroupLabelInfo)),r(h,{key:"f9d920bfcb30926eda1564b809c0944ac8598ec2",position:"above",required:!1},r("slot",{key:"59f6fdb532fd40ef2ac79762398a17ecb51f7583",name:"group-label",onSlotchange:()=>this.setLabel()}),r("slot",{key:"2334ef8f61007cdb82182b7ae05fe6f012553b89",name:"group-label-info"})),r("slot",{key:"ea1e880daa92661d10b4eee4b7eede2bb29d0d54",onSlotchange:()=>this.setupNestedCheckboxes(),name:"group-checkbox"}),r("slot",{key:"d88a9ce2949718c4da74acb803889acc9ded4dde",onSlotchange:()=>this.updateMainCheckbox()}),r(f,{key:"dfcc4a70d226e2b9502931d7746052dba5efcd90",show:this.hasGroupError},r("slot",{key:"f6c779ada444a5712052f93f66d34427717f936d",name:"group-error"})),r(n,{key:"672573142344dc7288b5e8dc9bb4d0032c538c8c",show:!this.hasGroupError&&this.hasGroupHelp},r("slot",{key:"4e6668b094068ac793ddd1ef004601b2652dd113",name:"group-help"})))}setLabel(){this.label=this.root.querySelector('label[slot="group-label"]')}get root(){return t(this)}static get watchers(){return{hasGroupError:["watchGroupError"],disabled:["watchDisabled"]}}};(function(e,o,r,t){var l,i=arguments.length,a=i<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,r,t);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(a=(i<3?l(a):i>3?l(o,r,a):l(o,r))||a);i>3&&a&&Object.defineProperty(o,r,a)})([l({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}:host([disabled]) .gux-form-field-legend-label{opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(gux-form-field-checkbox){padding-top:var(--gse-ui-formControl-group-gapItems)}::slotted(gux-form-field-checkbox:first-of-type){padding-top:0}:host(.gux-group-checkbox) ::slotted(gux-form-field-checkbox){padding-left:24px}:host(.gux-group-checkbox) slot[name=group-checkbox]::slotted(gux-form-field-checkbox){padding-left:0}.gux-form-field-legend-label{font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}:host([disabled]) ::slotted(label){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";export{m as gux_form_field_checkbox_group_beta}

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.73.1-311/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.74.0-313/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'app.mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -16,6 +16,12 @@ export declare class GuxFormFieldColor {
     private hideLabelInfoTimeout;
     private root;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private disabled;
     private required;

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

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldIndicatorMark, GuxFormFieldLabelPosition } from '../../gux-form-field.types';
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -17,6 +17,12 @@ export declare class GuxFormFieldDropdown {
     private hideLabelInfoTimeout;
     private root;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private required;
     private hasError;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -15,6 +15,12 @@ export declare class GuxFormFieldFile {
     private hideLabelInfoTimeout;
     private root;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private hasError;
     private hasHelp;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -19,6 +19,12 @@ export declare class GuxFormFieldNumber {
     private root;
     clearable: boolean;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private disabled;
     private required;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot - Required slot for gux-phone-input-beta tag
  * @slot label - Required slot for label tag
@@ -17,6 +17,12 @@ export declare class GuxFormFieldPhone {
     private hideLabelInfoTimeout;
     private root;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private disabled;
     private required;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -21,6 +21,12 @@ export declare class GuxFormField {
     displayUnits: string;
     valueInTooltip: boolean;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private disabled;
     private required;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -16,6 +16,12 @@ export declare class GuxFormFieldSearch {
     private hideLabelInfoTimeout;
     private root;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private clearable;
     private disabled;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -16,6 +16,12 @@ export declare class GuxFormFieldSelect {
     private hideLabelInfoTimeout;
     private root;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private disabled;
     private required;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -20,6 +20,12 @@ export declare class GuxFormFieldTextLike {
     clearable: boolean;
     labelPosition: GuxFormFieldLabelPosition;
     loading: boolean;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private hasPrefix;
     private hasSuffix;
     private computedLabelPosition;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 import { GuxFormFieldTextAreaResize } from './gux-form-field-textarea.types';
 /**
  * @slot input - Required slot for input tag
@@ -19,6 +19,12 @@ export declare class GuxFormFieldTextarea {
     private root;
     resize: GuxFormFieldTextAreaResize;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private disabled;
     private required;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot Required slot for gux-time-picker tag
  * @slot label - Required slot for label tag
@@ -17,6 +17,12 @@ export declare class GuxFormFieldTimePicker {
     private hideLabelInfoTimeout;
     private root;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private disabled;
     private required;

package/dist/types/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../../../stencil-public-runtime';
-import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+import { GuxFormFieldLabelPosition, GuxFormFieldIndicatorMark } from '../../gux-form-field.types';
 /**
  * @slot Required slot for gux-time-zone-picker-beta tag
  * @slot label - Required slot for label tag
@@ -17,6 +17,12 @@ export declare class GuxFormFieldTimeZonePicker {
     private hideLabelInfoTimeout;
     private root;
     labelPosition: GuxFormFieldLabelPosition;
+    /**
+     * Field indicator mark which can show *, (optional) or blank
+     * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+     * When set to optional, the component will display (optional) for optional and blank for required.
+     */
+    indicatorMark: GuxFormFieldIndicatorMark;
     private computedLabelPosition;
     private disabled;
     private required;

package/dist/types/components/stable/gux-form-field/gux-form-field.types.d.ts

@@ -1 +1,2 @@
 export type GuxFormFieldLabelPosition = 'above' | 'beside' | 'screenreader';
+export type GuxFormFieldIndicatorMark = 'required' | 'optional';

package/dist/types/components/stable/gux-form-field/helper-components/gux-form-field-optional-indicator/gux-form-field-label-indicator.d.ts

@@ -1,9 +1,10 @@
 import { JSX } from '../../../../../stencil-public-runtime';
 import { GuxFormFieldLabelIndicatorVariant } from './gux-form-field-label-indicator.types';
 export declare class GuxFormFieldLabelIndicator {
+    private i18n;
     private root;
     variant: GuxFormFieldLabelIndicatorVariant;
     required: boolean;
-    componentWillLoad(): void;
+    componentWillLoad(): Promise<void>;
     render(): JSX.Element;
 }

package/dist/types/components.d.ts

@@ -23,7 +23,7 @@ import { GuxDatepickerMode } from "./components/stable/gux-datepicker/gux-datepi
 import { GuxDisclosureButtonPosition } from "./components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.types";
 import { GuxDismissButtonPosition } from "./components/stable/gux-dismiss-button/gux-dismiss-button.types";
 import { GuxFilterTypes } from "./components/stable/gux-dropdown/gux-dropdown.types";
-import { GuxFormFieldLabelPosition } from "./components/stable/gux-form-field/gux-form-field.types";
+import { GuxFormFieldIndicatorMark, GuxFormFieldLabelPosition } from "./components/stable/gux-form-field/gux-form-field.types";
 import { GuxFormFieldLabelIndicatorVariant } from "./components/stable/gux-form-field/helper-components/gux-form-field-optional-indicator/gux-form-field-label-indicator.types";
 import { GuxFormFieldTextAreaResize } from "./components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.types";
 import { GuxFormFooterPlacement } from "./components/beta/gux-form/gux-form-footer/gux-form-footer.types";
@@ -72,7 +72,7 @@ export { GuxDatepickerMode } from "./components/stable/gux-datepicker/gux-datepi
 export { GuxDisclosureButtonPosition } from "./components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.types";
 export { GuxDismissButtonPosition } from "./components/stable/gux-dismiss-button/gux-dismiss-button.types";
 export { GuxFilterTypes } from "./components/stable/gux-dropdown/gux-dropdown.types";
-export { GuxFormFieldLabelPosition } from "./components/stable/gux-form-field/gux-form-field.types";
+export { GuxFormFieldIndicatorMark, GuxFormFieldLabelPosition } from "./components/stable/gux-form-field/gux-form-field.types";
 export { GuxFormFieldLabelIndicatorVariant } from "./components/stable/gux-form-field/helper-components/gux-form-field-optional-indicator/gux-form-field-label-indicator.types";
 export { GuxFormFieldTextAreaResize } from "./components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.types";
 export { GuxFormFooterPlacement } from "./components/beta/gux-form/gux-form-footer/gux-form-footer.types";
@@ -535,12 +535,24 @@ export namespace Components {
         "disabled": boolean;
     }
     interface GuxFormFieldColor {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldDropdown {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldFile {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldInputClearButton {
@@ -552,9 +564,17 @@ export namespace Components {
     interface GuxFormFieldNumber {
         "clearable": boolean;
         "guxForceUpdate": () => Promise<void>;
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldPhone {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldRadio {
@@ -569,30 +589,58 @@ export namespace Components {
     }
     interface GuxFormFieldRange {
         "displayUnits": string;
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
         "valueInTooltip": boolean;
     }
     interface GuxFormFieldSearch {
         "guxForceUpdate": () => Promise<void>;
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldSelect {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldTextLike {
         "clearable": boolean;
         "guxForceUpdate": () => Promise<void>;
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
         "loading": boolean;
     }
     interface GuxFormFieldTextarea {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
         "resize": GuxFormFieldTextAreaResize;
     }
     interface GuxFormFieldTimePicker {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldTimeZonePicker {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark": GuxFormFieldIndicatorMark;
         "labelPosition": GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldsetHeading {
@@ -3522,12 +3570,24 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
     }
     interface GuxFormFieldColor {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldDropdown {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldFile {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldInputClearButton {
@@ -3538,9 +3598,17 @@ declare namespace LocalJSX {
     }
     interface GuxFormFieldNumber {
         "clearable"?: boolean;
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldPhone {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldRadio {
@@ -3555,28 +3623,56 @@ declare namespace LocalJSX {
     }
     interface GuxFormFieldRange {
         "displayUnits"?: string;
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
         "valueInTooltip"?: boolean;
     }
     interface GuxFormFieldSearch {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldSelect {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldTextLike {
         "clearable"?: boolean;
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
         "loading"?: boolean;
     }
     interface GuxFormFieldTextarea {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
         "resize"?: GuxFormFieldTextAreaResize;
     }
     interface GuxFormFieldTimePicker {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldTimeZonePicker {
+        /**
+          * Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required.
+         */
+        "indicatorMark"?: GuxFormFieldIndicatorMark;
         "labelPosition"?: GuxFormFieldLabelPosition;
     }
     interface GuxFormFieldsetHeading {

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.73.1-311/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.74.0-313/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

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

package/dist/genesys-webcomponents/p-00667c5b.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as o}from"./p-2e827df1.js";import{O as i}from"./p-01471ba0.js";import{h as r}from"./p-6d8b4027.js";import{t as l}from"./p-d90bdc07.js";import{a,G as s}from"./p-fb1ab7b1.js";import{G as f,a as n}from"./p-9773c4fe.js";import{a as d,g as h,v as u}from"./p-66246239.js";import{p}from"./p-a11d5d42.js";import{o as g}from"./p-e5b1cffc.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1,this.required=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=r(this.root,"error"),this.hasHelp=r(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=r(this.root,"error"),this.hasHelp=r(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),l(this.root,{variant:this.variant})}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}setInput(){this.input=h(this.root,'input[type="file"][slot="input"]'),p(this.input),this.required=this.input.required,this.requiredObserver=g(this.input,(e=>{this.required=e})),u(this.root,this.input)}get variant(){return`fileInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}render(){return t(n,{key:"e5b4d9fdfa79cad57d505668636f26d2f9daf69c",labelPosition:this.computedLabelPosition},t(f,{key:"99f7577d1400eb36b0242b195008988b59f5f248",position:this.computedLabelPosition,required:this.required},t("slot",{key:"c12c665f1cd9dc5749057cfc2a594481ecc0faca",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"52b9d60441ba013611560a7d2116c14e0e5323e0",variant:"required",required:this.required}),t("slot",{key:"5ffdd1246404deeb9f621ada51a85bb4ec29dd65",name:"label-info"})),t("div",{key:"b4d0f24cbe35ea18cb2390d7cad8db8c44186157",class:"gux-input-and-error-container"},t("slot",{key:"5576250cc594f994c3bd8d265c509e8a72fd49f1",name:"input",onSlotchange:()=>this.setInput()}),t(a,{key:"142b616ae68ce9bbf0add9261eb298b085c4eced",show:this.hasError},t("slot",{key:"f0e40d277507f95bf89a6adb7db6700e1760f969",name:"error"})),t(s,{key:"f9019d60c785a5f1134748beee6322b887f3e02a",show:!this.hasError&&this.hasHelp},t("slot",{key:"ce08f918eb12f490a5a1b0f6e02ec2c8866d3845",name:"help"}))))}get root(){return o(this)}};(function(e,t,o,i){var r,l=arguments.length,a=l<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(t,o,a):r(t,o))||a);l>3&&a&&Object.defineProperty(t,o,a)})([i({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{m as gux_form_field_file}