genesys-spark-components 4.21.2 → 4.22.0

package/dist/genesys-webcomponents/{p-c89d789e.entry.js → p-fb351660.entry.js}

@@ -1 +1 @@
-import{r as n,h as e,g as a}from"./p-deca7631.js";import{t}from"./p-f45f309e.js";import{O as i}from"./p-d6edbaeb.js";import{h as o}from"./p-324b23f3.js";const r=class{constructor(e){n(this,e),this.hasCallToAction=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action")}renderCallToActionSlot(){if(this.hasCallToAction)return e("gux-button-slot",{accent:"primary"},e("slot",{name:"call-to-action"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action")}render(){return e("div",{class:"gux-container"},e("div",{class:"gux-image"},e("slot",{name:"image"})),e("div",{class:"gux-message"},e("slot",{name:"primary-message"})),e("div",{class:"gux-guidance"},e("slot",{name:"additional-guidance"})),this.renderCallToActionSlot())}get root(){return a(this)}};(function(n,e,a,t){var i,o=arguments.length,r=o<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(n,e,a,t);else for(var s=n.length-1;s>=0;s--)(i=n[s])&&(r=(o<3?i(r):o>3?i(e,a,r):i(e,a))||r);o>3&&r&&Object.defineProperty(e,a,r)})([i({childList:!0,subtree:!0})],r.prototype,"onMutation",null),r.style=":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";export{r as gux_blank_state}
+import{r as n,h as e,g as a}from"./p-deca7631.js";import{t}from"./p-60a50d43.js";import{O as i}from"./p-d6edbaeb.js";import{h as o}from"./p-324b23f3.js";const r=class{constructor(e){n(this,e),this.hasCallToAction=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action")}renderCallToActionSlot(){if(this.hasCallToAction)return e("gux-button-slot",{accent:"primary"},e("slot",{name:"call-to-action"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action")}render(){return e("div",{class:"gux-container"},e("div",{class:"gux-image"},e("slot",{name:"image"})),e("div",{class:"gux-message"},e("slot",{name:"primary-message"})),e("div",{class:"gux-guidance"},e("slot",{name:"additional-guidance"})),this.renderCallToActionSlot())}get root(){return a(this)}};(function(n,e,a,t){var i,o=arguments.length,r=o<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(n,e,a,t);else for(var s=n.length-1;s>=0;s--)(i=n[s])&&(r=(o<3?i(r):o>3?i(e,a,r):i(e,a))||r);o>3&&r&&Object.defineProperty(e,a,r)})([i({childList:!0,subtree:!0})],r.prototype,"onMutation",null),r.style=":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";export{r as gux_blank_state}

package/dist/genesys-webcomponents/{p-7dbec97e.entry.js → p-fb69efcf.entry.js}

@@ -1 +1 @@
-import{r as o,h as i,g as e}from"./p-deca7631.js";import{t as r}from"./p-f45f309e.js";import{b as t}from"./p-e10cb032.js";import"./p-0962dd7a.js";const c={clickToCopy:"Click to Copy",enterToCopy:"Press Enter to Copy",copySuccess:"Copied to Clipboard",copyFailure:"Error. Please Try Again."},a=class{constructor(i){o(this,i),this.tooltipContent="clickToCopy"}onMouseleave(){this.resetTooltip()}onFocusout(){this.resetTooltip()}onFocus(){this.copyButton.matches(":focus-visible")&&(this.tooltipContent="enterToCopy")}resetTooltip(){this.tooltipContent="clickToCopy"}async onCopyToClipboard(){return navigator.clipboard.writeText(this.root.innerText).then((()=>{this.tooltipContent="copySuccess"})).catch((()=>{this.tooltipContent="copyFailure"}))}getIconName(o){switch(o){case"copyFailure":return"badge-x";case"copySuccess":return"badge-check"}}renderTooltipIcon(){const o=this.getIconName(this.tooltipContent);if(o)return i("gux-icon",{"icon-name":o,decorative:!0})}renderTooltip(){return i("gux-tooltip",{placement:"bottom-end"},i("div",{class:"gux-tooltip-content"},this.renderTooltipIcon(),i("span",null,this.i18n(this.tooltipContent))))}async componentWillLoad(){r(this.root),this.i18n=await t(this.root,c)}render(){return i("button",{class:"gux-copy-to-clipboard-wrapper",ref:o=>this.copyButton=o,onClick:this.onCopyToClipboard.bind(this)},i("div",{class:"gux-copy-content"},i("slot",{name:"content"}),i("gux-icon",{"icon-name":"copy",decorative:!0})),this.renderTooltip())}get root(){return e(this)}};a.style="button{all:unset}.gux-copy-to-clipboard-wrapper{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper .gux-copy-content{display:inherit;gap:var(--gse-ui-copyToClipboard-contentContainer-gap);align-items:inherit;cursor:pointer}.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*){padding:var(--gse-ui-copyToClipboard-label-padding);font-family:var(--gse-ui-copyToClipboard-label-text-fontFamily);font-size:var(--gse-ui-copyToClipboard-label-text-fontSize);font-weight:var(--gse-ui-copyToClipboard-label-text-fontWeight);line-height:var(--gse-ui-copyToClipboard-label-text-lineHeight);color:var(--gse-ui-copyToClipboard-label-foregroundColor);text-decoration:var(--gse-ui-copyToClipboard-label-text-textDecoration);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name=copy]{visibility:visible}.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name=copy]{flex-shrink:0;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-copyToClipboard-iconContainer-padding);visibility:hidden;background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper:focus-visible{outline:none}.gux-copy-to-clipboard-wrapper:focus-visible ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper:focus-visible gux-icon[icon-name=copy]{visibility:visible}.gux-copy-to-clipboard-wrapper gux-tooltip{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper gux-tooltip .gux-tooltip-content>*{vertical-align:middle}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-copyToClipboard-iconContainer-padding)}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name=badge-check]{color:var(--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor)}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name=badge-x]{color:var(--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor)}";export{a as gux_copy_to_clipboard}
+import{r as o,h as i,g as e}from"./p-deca7631.js";import{t as r}from"./p-60a50d43.js";import{b as t}from"./p-e10cb032.js";import"./p-0962dd7a.js";const c={clickToCopy:"Click to Copy",enterToCopy:"Press Enter to Copy",copySuccess:"Copied to Clipboard",copyFailure:"Error. Please Try Again."},a=class{constructor(i){o(this,i),this.tooltipContent="clickToCopy"}onMouseleave(){this.resetTooltip()}onFocusout(){this.resetTooltip()}onFocus(){this.copyButton.matches(":focus-visible")&&(this.tooltipContent="enterToCopy")}resetTooltip(){this.tooltipContent="clickToCopy"}async onCopyToClipboard(){return navigator.clipboard.writeText(this.root.innerText).then((()=>{this.tooltipContent="copySuccess"})).catch((()=>{this.tooltipContent="copyFailure"}))}getIconName(o){switch(o){case"copyFailure":return"badge-x";case"copySuccess":return"badge-check"}}renderTooltipIcon(){const o=this.getIconName(this.tooltipContent);if(o)return i("gux-icon",{"icon-name":o,decorative:!0})}renderTooltip(){return i("gux-tooltip",{placement:"bottom-end"},i("div",{class:"gux-tooltip-content"},this.renderTooltipIcon(),i("span",null,this.i18n(this.tooltipContent))))}async componentWillLoad(){r(this.root),this.i18n=await t(this.root,c)}render(){return i("button",{class:"gux-copy-to-clipboard-wrapper",ref:o=>this.copyButton=o,onClick:this.onCopyToClipboard.bind(this)},i("div",{class:"gux-copy-content"},i("slot",{name:"content"}),i("gux-icon",{"icon-name":"copy",decorative:!0})),this.renderTooltip())}get root(){return e(this)}};a.style="button{all:unset}.gux-copy-to-clipboard-wrapper{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper .gux-copy-content{display:inherit;gap:var(--gse-ui-copyToClipboard-contentContainer-gap);align-items:inherit;cursor:pointer}.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*){padding:var(--gse-ui-copyToClipboard-label-padding);font-family:var(--gse-ui-copyToClipboard-label-text-fontFamily);font-size:var(--gse-ui-copyToClipboard-label-text-fontSize);font-weight:var(--gse-ui-copyToClipboard-label-text-fontWeight);line-height:var(--gse-ui-copyToClipboard-label-text-lineHeight);color:var(--gse-ui-copyToClipboard-label-foregroundColor);text-decoration:var(--gse-ui-copyToClipboard-label-text-textDecoration);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name=copy]{visibility:visible}.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name=copy]{flex-shrink:0;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-copyToClipboard-iconContainer-padding);visibility:hidden;background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper:focus-visible{outline:none}.gux-copy-to-clipboard-wrapper:focus-visible ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper:focus-visible gux-icon[icon-name=copy]{visibility:visible}.gux-copy-to-clipboard-wrapper gux-tooltip{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper gux-tooltip .gux-tooltip-content>*{vertical-align:middle}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:var(--gse-ui-copyToClipboard-iconContainer-padding)}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name=badge-check]{color:var(--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor)}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name=badge-x]{color:var(--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor)}";export{a as gux_copy_to_clipboard}

package/dist/genesys-webcomponents/{p-2be5abf7.entry.js → p-fca8d502.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,H as t,g as r}from"./p-deca7631.js";import{c as i,o as a}from"./p-16f3da0d.js";import{O as l}from"./p-d6edbaeb.js";import{p as s}from"./p-28f55159.js";import{h as n}from"./p-324b23f3.js";import{G as g,a as d,g as u,v as C}from"./p-e5766b80.js";import{t as p}from"./p-f45f309e.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const h=class{constructor(o){e(this,o),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),p(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o(t,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},o("div",{class:"gux-form-field-container"},o("div",{class:"gux-input-label"},o("div",{class:"gux-input"},o("slot",{name:"input",onSlotchange:()=>this.setInput()})),o("div",{class:"gux-label","aria-disabled":this.disabled?"true":"false"},o("slot",{name:"label"}),o(g,{show:this.hasError},o("slot",{name:"error"})),o(d,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))))}setInput(){this.input=u(this.root,'input[type="radio"][slot="input"]'),s(this.input),this.disabled=i(this.input),this.disabledObserver=a(this.input,(e=>{this.disabled=e})),C(this.root,this.input)}get root(){return r(this)}};(function(e,o,t,r){var i,a=arguments.length,l=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,t,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(o,t,l):i(o,t))||l);a>3&&l&&Object.defineProperty(o,t,l)})([l({childList:!0,subtree:!0})],h.prototype,"onMutation",null),h.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;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:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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}:host{display:block}:host(.gux-disabled){cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}:host(.gux-input-error) input[type=radio]:checked::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}:host(.gux-input-error) .gux-form-field-error{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);color:var(--gse-ui-radioButton-icon-error-foregroundColor)}.gux-input-label{display:flex;flex-direction:row;gap:var(--gse-ui-radioButton-helper-gap);padding-top:4px}.gux-input-label .gux-label{display:flex;flex-direction:column;line-height:var(--gse-ui-radioButton-label-text-lineHeight)}.gux-input-label .gux-input{line-height:16px}::slotted(input[type=radio]){display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){border-radius:var(--gse-ui-radioButton-focus-borderRadius);outline:var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:not(:checked):not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked:not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{background:var(--gse-ui-radioButton-icon-default-selectedForegroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:disabled)::before{cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(label){display:inline-block;font-family:var(--gse-ui-radioButton-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-radioButton-label-text-fontWeight);line-height:var(--gse-ui-radioButton-label-text-lineHeight);color:var(--gse-ui-radioButton-label-foregroundColor);vertical-align:middle}";export{h as gux_form_field_radio}
+import{r as e,h as o,H as t,g as r}from"./p-deca7631.js";import{c as i,o as a}from"./p-16f3da0d.js";import{O as l}from"./p-d6edbaeb.js";import{p as s}from"./p-28f55159.js";import{h as n}from"./p-324b23f3.js";import{G as d,a as g,g as u,v as C}from"./p-e5766b80.js";import{t as p}from"./p-60a50d43.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const h=class{constructor(o){e(this,o),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),p(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o(t,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},o("div",{class:"gux-form-field-container"},o("div",{class:"gux-input-label"},o("div",{class:"gux-input"},o("slot",{name:"input",onSlotchange:()=>this.setInput()})),o("div",{class:"gux-label","aria-disabled":this.disabled?"true":"false"},o("slot",{name:"label"}),o(d,{show:this.hasError},o("slot",{name:"error"})),o(g,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))))}setInput(){this.input=u(this.root,'input[type="radio"][slot="input"]'),s(this.input),this.disabled=i(this.input),this.disabledObserver=a(this.input,(e=>{this.disabled=e})),C(this.root,this.input)}get root(){return r(this)}};(function(e,o,t,r){var i,a=arguments.length,l=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,t,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(o,t,l):i(o,t))||l);a>3&&l&&Object.defineProperty(o,t,l)})([l({childList:!0,subtree:!0})],h.prototype,"onMutation",null),h.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;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:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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}:host{display:block}:host(.gux-disabled){cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}:host(.gux-input-error) input[type=radio]:checked::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}:host(.gux-input-error) .gux-form-field-error{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);color:var(--gse-ui-radioButton-icon-error-foregroundColor)}.gux-input-label{display:flex;flex-direction:row;gap:var(--gse-ui-radioButton-helper-gap);padding-top:4px}.gux-input-label .gux-label{display:flex;flex-direction:column;line-height:var(--gse-ui-radioButton-label-text-lineHeight)}.gux-input-label .gux-input{line-height:16px}::slotted(input[type=radio]){display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){border-radius:var(--gse-ui-radioButton-focus-borderRadius);outline:var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:not(:checked):not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked:not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{background:var(--gse-ui-radioButton-icon-default-selectedForegroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:disabled)::before{cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(label){display:inline-block;font-family:var(--gse-ui-radioButton-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-radioButton-label-text-fontWeight);line-height:var(--gse-ui-radioButton-label-text-lineHeight);color:var(--gse-ui-radioButton-label-foregroundColor);vertical-align:middle}";export{h as gux_form_field_radio}

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

package/dist/types/components/beta/gux-tooltip-base/gux-tooltip-base.d.ts

@@ -0,0 +1,46 @@
+import { JSX } from '../../../stencil-public-runtime';
+import { Placement } from '@floating-ui/dom';
+import { GuxTooltipAccent } from '../gux-tooltip-beta/gux-tooltip-types';
+/**
+ * @slot - Content of the tooltip
+ */
+export declare class GuxTooltipBase {
+  private pointerenterHandler;
+  private pointerleaveHandler;
+  private focusinHandler;
+  private focusoutHandler;
+  private forElementListeners;
+  private cleanupUpdatePosition;
+  private id;
+  private root;
+  tooltipId: string;
+  /**
+   * Indicates the element the popover should anchor to.
+   */
+  forElement: HTMLElement;
+  /**
+   * Placement of the tooltip. Default is bottom-start
+   */
+  placement: Placement;
+  offsetX: number;
+  offsetY: number;
+  accent: GuxTooltipAccent;
+  /**
+   * If tooltip is shown or not
+   */
+  isShown: boolean;
+  handleKeyDown(event: KeyboardEvent): void;
+  showTooltip(): Promise<void>;
+  hideTooltip(): Promise<void>;
+  private runUpdatePosition;
+  private updatePosition;
+  private show;
+  private hide;
+  private setForElement;
+  private disconnectForElement;
+  private updateForElement;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  render(): JSX.Element;
+}

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

@@ -0,0 +1 @@
+export type GuxTooltipAccent = 'light' | 'dark';

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

@@ -0,0 +1,29 @@
+import { JSX } from '../../../stencil-public-runtime';
+import { Placement } from '@floating-ui/dom';
+import { GuxTooltipAccent } from './gux-tooltip-types';
+/**
+ * @slot - Content of the tooltip
+ */
+export declare class GuxTooltip {
+  private root;
+  private baseTooltip;
+  private id;
+  private forElement;
+  /**
+   * Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)
+   */
+  for: string;
+  /**
+   * Placement of the tooltip. Default is bottom-start
+   */
+  placement: Placement;
+  accent: GuxTooltipAccent;
+  showTooltip(): Promise<void>;
+  hideTooltip(): Promise<void>;
+  private updateForElement;
+  componentWillLoad(): void;
+  connectedCallback(): void;
+  private getForElement;
+  private logForAttributeError;
+  render(): JSX.Element;
+}

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

@@ -11,9 +11,9 @@ export declare class GuxFormField {
   private label;
   private disabledObserver;
   private requiredObserver;
+  private containerElement;
   private progressElement;
-  private sliderTooltip;
-  private sliderTooltipContainer;
+  private tooltipElement;
   private root;
   displayUnits: string;
   valueInTooltip: boolean;

package/dist/types/components.d.ts

@@ -48,6 +48,7 @@ import { GuxClockType, GuxISOHourMinute, GuxMinuteInterval, GuxMinuteStep } from
 import { GuxToastTypes } from "./components/stable/gux-toast/gux-toast.types";
 import { GuxToggleLabelPosition } from "./components/stable/gux-toggle/gux-toggle.types";
 import { GuxTooltipAccent } from "./components/stable/gux-tooltip/gux-tooltip-types";
+import { GuxTooltipAccent as GuxTooltipAccent1 } from "./components/beta/gux-tooltip-beta/gux-tooltip-types";
 export { GuxAccordionSectionArrowPosition, GuxAccordionSectionContentLayout } from "./components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types";
 export { GuxActionButtonAccent, GuxActionButtonType } from "./components/stable/gux-action-button/gux-action-button.types";
 export { GuxAnnouncePoliteness } from "./components/beta/gux-announce/gux-announce.types";
@@ -91,6 +92,7 @@ export { GuxClockType, GuxISOHourMinute, GuxMinuteInterval, GuxMinuteStep } from
 export { GuxToastTypes } from "./components/stable/gux-toast/gux-toast.types";
 export { GuxToggleLabelPosition } from "./components/stable/gux-toggle/gux-toggle.types";
 export { GuxTooltipAccent } from "./components/stable/gux-tooltip/gux-tooltip-types";
+export { GuxTooltipAccent as GuxTooltipAccent1 } from "./components/beta/gux-tooltip-beta/gux-tooltip-types";
 export namespace Components {
     interface GuxAccordion {
         "singleOpenSection": boolean;
@@ -1106,6 +1108,35 @@ export namespace Components {
         "placement": Placement;
         "showTooltip": () => Promise<void>;
     }
+    interface GuxTooltipBaseBeta {
+        "accent": GuxTooltipAccent1;
+        /**
+          * Indicates the element the popover should anchor to.
+         */
+        "forElement": HTMLElement;
+        "hideTooltip": () => Promise<void>;
+        "offsetX": number;
+        "offsetY": number;
+        /**
+          * Placement of the tooltip. Default is bottom-start
+         */
+        "placement": Placement;
+        "showTooltip": () => Promise<void>;
+        "tooltipId": string;
+    }
+    interface GuxTooltipBeta {
+        "accent": GuxTooltipAccent1;
+        /**
+          * Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)
+         */
+        "for": string;
+        "hideTooltip": () => Promise<void>;
+        /**
+          * Placement of the tooltip. Default is bottom-start
+         */
+        "placement": Placement;
+        "showTooltip": () => Promise<void>;
+    }
     interface GuxTooltipTitle {
         "setHideTooltip": () => Promise<void>;
         "setShowTooltip": () => Promise<void>;
@@ -2054,6 +2085,18 @@ declare global {
         prototype: HTMLGuxTooltipElement;
         new (): HTMLGuxTooltipElement;
     };
+    interface HTMLGuxTooltipBaseBetaElement extends Components.GuxTooltipBaseBeta, HTMLStencilElement {
+    }
+    var HTMLGuxTooltipBaseBetaElement: {
+        prototype: HTMLGuxTooltipBaseBetaElement;
+        new (): HTMLGuxTooltipBaseBetaElement;
+    };
+    interface HTMLGuxTooltipBetaElement extends Components.GuxTooltipBeta, HTMLStencilElement {
+    }
+    var HTMLGuxTooltipBetaElement: {
+        prototype: HTMLGuxTooltipBetaElement;
+        new (): HTMLGuxTooltipBetaElement;
+    };
     interface HTMLGuxTooltipTitleElement extends Components.GuxTooltipTitle, HTMLStencilElement {
     }
     var HTMLGuxTooltipTitleElement: {
@@ -2189,6 +2232,8 @@ declare global {
         "gux-toggle": HTMLGuxToggleElement;
         "gux-toggle-slider": HTMLGuxToggleSliderElement;
         "gux-tooltip": HTMLGuxTooltipElement;
+        "gux-tooltip-base-beta": HTMLGuxTooltipBaseBetaElement;
+        "gux-tooltip-beta": HTMLGuxTooltipBetaElement;
         "gux-tooltip-title": HTMLGuxTooltipTitleElement;
         "gux-truncate": HTMLGuxTruncateElement;
     }
@@ -3275,6 +3320,31 @@ declare namespace LocalJSX {
          */
         "placement"?: Placement;
     }
+    interface GuxTooltipBaseBeta {
+        "accent"?: GuxTooltipAccent1;
+        /**
+          * Indicates the element the popover should anchor to.
+         */
+        "forElement"?: HTMLElement;
+        "offsetX"?: number;
+        "offsetY"?: number;
+        /**
+          * Placement of the tooltip. Default is bottom-start
+         */
+        "placement"?: Placement;
+        "tooltipId"?: string;
+    }
+    interface GuxTooltipBeta {
+        "accent"?: GuxTooltipAccent1;
+        /**
+          * Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)
+         */
+        "for"?: string;
+        /**
+          * Placement of the tooltip. Default is bottom-start
+         */
+        "placement"?: Placement;
+    }
     interface GuxTooltipTitle {
     }
     interface GuxTruncate {
@@ -3406,6 +3476,8 @@ declare namespace LocalJSX {
         "gux-toggle": GuxToggle;
         "gux-toggle-slider": GuxToggleSlider;
         "gux-tooltip": GuxTooltip;
+        "gux-tooltip-base-beta": GuxTooltipBaseBeta;
+        "gux-tooltip-beta": GuxTooltipBeta;
         "gux-tooltip-title": GuxTooltipTitle;
         "gux-truncate": GuxTruncate;
     }
@@ -3546,6 +3618,8 @@ declare module "@stencil/core" {
             "gux-toggle": LocalJSX.GuxToggle & JSXBase.HTMLAttributes<HTMLGuxToggleElement>;
             "gux-toggle-slider": LocalJSX.GuxToggleSlider & JSXBase.HTMLAttributes<HTMLGuxToggleSliderElement>;
             "gux-tooltip": LocalJSX.GuxTooltip & JSXBase.HTMLAttributes<HTMLGuxTooltipElement>;
+            "gux-tooltip-base-beta": LocalJSX.GuxTooltipBaseBeta & JSXBase.HTMLAttributes<HTMLGuxTooltipBaseBetaElement>;
+            "gux-tooltip-beta": LocalJSX.GuxTooltipBeta & JSXBase.HTMLAttributes<HTMLGuxTooltipBetaElement>;
             "gux-tooltip-title": LocalJSX.GuxTooltipTitle & JSXBase.HTMLAttributes<HTMLGuxTooltipTitleElement>;
             "gux-truncate": LocalJSX.GuxTruncate & JSXBase.HTMLAttributes<HTMLGuxTruncateElement>;
         }

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.21.2-116/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.22.0-121/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.21.2",
+  "version": "4.22.0",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -67,11 +67,11 @@
     "sortablejs": "^1.15.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
+    "@babel/core": "^7.24.0",
+    "@babel/preset-env": "^7.24.0",
     "@stencil/core": "4.5.0",
     "@stencil/react-output-target": "^0.5.3",
-    "@stencil/sass": "^3.0.7",
+    "@stencil/sass": "^3.0.10",
     "@stencil/utils": "0.0.5",
     "@types/google-libphonenumber": "^7.4.29",
     "@types/jest": "^27.5.2",
@@ -81,16 +81,16 @@
     "@types/sortablejs": "^1.15.4",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
-    "axe-core": "^4.8.2",
+    "axe-core": "^4.8.4",
     "axe-live": "^1.0.1",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.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": "^10.3.0",
     "handlebars": "^4.7.8",
-    "inquirer": "^9.2.7",
+    "inquirer": "^9.2.15",
     "jest": "^27.5.1",
     "jest-cli": "^27.5.1",
     "jest-config": "^27.5.1",
@@ -103,7 +103,7 @@
     "mutation-observer": "^1.0.3",
     "node-fetch": "^3.3.2",
     "npm-run-all": "^4.1.5",
-    "postcss-html": "^1.5.0",
+    "postcss-html": "^1.6.0",
     "postcss-less": "^6.0.0",
     "postcss-scss": "^4.0.9",
     "prettier": "^3.2.5",
@@ -121,10 +121,10 @@
     "stylelint-config-recess-order": "^4.6.0",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-scss": "^6.1.0",
-    "stylelint-use-logical": "^2.1.0",
+    "stylelint-use-logical": "^2.1.1",
     "stylelint-use-logical-spec": "^5.0.1",
-    "svgo": "^3.0.2",
-    "ts-loader": "^9.5.0",
+    "svgo": "^3.2.0",
+    "ts-loader": "^9.5.1",
     "typescript": "^4.9.5",
     "weekstart": "^2.0.0",
     "xmldom": "^0.6.0"

package/dist/genesys-webcomponents/p-588202e8.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as i,g as r}from"./p-deca7631.js";import{c as o,o as a}from"./p-16f3da0d.js";import{O as n}from"./p-d6edbaeb.js";import{o as s}from"./p-37bfd195.js";import{p as l}from"./p-28f55159.js";import{h as g}from"./p-324b23f3.js";import{G as u,a as h,g as d,v as p,b as x}from"./p-e5766b80.js";import{a as f,G as c}from"./p-2b468e4b.js";import{t as b}from"./p-f45f309e.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const m=class{constructor(t){e(this,t),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help"),b(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(i,{class:{"gux-active":this.active}},t(f,{labelPosition:this.computedLabelPosition},t(c,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},this.renderRangeInput(),t(u,{show:this.hasError},t("slot",{name:"error"})),t(h,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=d(this.root,'input[type="range"][slot="input"]'),l(this.input),this.disabled=o(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=a(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled}},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),t("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:e=>this.sliderTooltipContainer=e},t("div",{class:"gux-range-tooltip",ref:e=>this.sliderTooltip=e},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){const e=Number(this.input.value||0),t=Number(this.input.min||0),i=(e-t)/(Number(this.input.max||100)-t)*100;this.sliderTooltip&&(this.sliderTooltip.style.left=i-i/8/this.sliderTooltipContainer.offsetWidth*100+"%"),this.progressElement.style.width=`${i}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return r(this)}};(function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)})([n({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;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:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.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-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)}::slotted(input[type=range]){position:absolute;width:100%;width:100%;height:var(--gse-ui-slider-bar-height);margin:calc(var(--gse-ui-slider-handle-width) / 2) 0;margin-top:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-slider-gap);place-content:stretch flex-start;align-items:center;height:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:var(--gse-ui-slider-bar-height);margin:6px 0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin:0 0 0 var(--gux-spacing-medium);font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;pointer-events:none}.gux-input-and-error-container .gux-range-tooltip-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip{font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular);position:absolute;z-index:var(--gse-semantic-zIndex-tooltip);display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;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);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)}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after,.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:" ";border:solid transparent}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:var(--gse-ui-tooltip-light-backgroundColor)}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:var(--gse-ui-tooltip-light-backgroundColor)}';export{m as gux_form_field_range}

package/dist/genesys-webcomponents/p-62ac455d.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as a}from"./p-deca7631.js";import{f as n,a as r}from"./p-b3a7a431.js";import{c as o}from"./p-9125cc36.js";import{g as i,a as s,b as d}from"./p-e10cb032.js";import{a as u}from"./p-ffaadf62.js";import{l}from"./p-9d734bbd.js";import{s as c}from"./p-373c5d93.js";import"./p-0962dd7a.js";function g(e,t){return o(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const h={previousMonth:"Previous month: {localizedPreviousMonthAndYear}",nextMonth:"Next month: {localizedNextMonthAndYear}"},x=class{constructor(t){e(this,t),this.locale="en",this.MONTH_DATE_COUNT=42,this.focusedValue=void 0,this.minValue=void 0,this.maxValue=void 0}get slottedInput(){return this.root.querySelector('input[type="date"]')}async componentWillLoad(){this.slottedInput||l(this.root,'You must slot a date input element like so: input[type="date"].'),this.locale=i(this.root);const e=this.slottedInput.getAttribute("start-day-of-week");(null==e?void 0:e.length)&&(this.startDayOfWeek=parseInt(e,10)),this.startDayOfWeek=this.startDayOfWeek||s(this.locale),this.i18n=await d(this.root,h),this.slottedInput.value&&(this.focusedValue=n(this.slottedInput.value)),this.slottedInput.min&&(this.minValue=new Date(this.slottedInput.min),this.minValue.setHours(0,0,0,0)),this.slottedInput.max&&(this.maxValue=new Date(this.slottedInput.max),this.maxValue.setHours(0,0,0,0))}onDateClick(e){this.isInvalidDate(e)||(this.focusedValue=new Date(e.getTime()),this.slottedInput.value=r(e),c(this.root,"input"))}setDateAfterArrowKeyPress(e,t){e.preventDefault(),this.focusedValue=new Date(this.getFocusedValue().getFullYear(),this.getFocusedValue().getMonth(),this.getFocusedValue().getDate()+t,0,0,0),u((()=>{this.focusDate()}))}focusDate(){const e=this.root.shadowRoot.querySelector(`.gux-content-date[data-date="${this.focusedValue.getTime()}"]`);e&&e.focus()}onKeyDown(e){switch(e.key){case" ":break;case"Enter":e.preventDefault(),this.onDateClick(this.getFocusedValue()),u((()=>{this.focusDate()}));break;case"ArrowDown":this.setDateAfterArrowKeyPress(e,7);break;case"ArrowUp":this.setDateAfterArrowKeyPress(e,-7);break;case"ArrowLeft":this.setDateAfterArrowKeyPress(e,-1);break;case"ArrowRight":this.setDateAfterArrowKeyPress(e,1);break;case"PageUp":e.preventDefault(),this.setNewFocusedMonth(1),u((()=>{this.focusDate()}));break;case"PageDown":e.preventDefault(),this.setNewFocusedMonth(-1),u((()=>{this.focusDate()}))}}isInvalidDate(e){return this.minValue&&e.getTime()<=this.minValue.getTime()||this.maxValue&&e.getTime()>this.maxValue.getTime()}getMonthDays(){var e,t;const a=(n=this.getFocusedValue(),new Date(n.getFullYear(),n.getMonth(),1,0,0,0));var n;const r=[];let o={dates:[]},i=0;const s=a.getMonth(),d=this.getSelectedValue(),u=function(e,t,a){const n=new Date(t,e,1,0,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(s,new Date(a.getTime()).getFullYear(),this.startDayOfWeek);for(let a=0;a<this.MONTH_DATE_COUNT+1;a+=1){const a=d.getTime()===u.getTime()&&void 0!==this.focusedValue;i>0&&i%7==0&&(r.push(o),o={dates:[]});const n=this.isInvalidDate(u),l=(null===(e=this.getFocusedValue())||void 0===e?void 0:e.getTime())===u.getTime()&&(null===(t=this.getFocusedValue())||void 0===t?void 0:t.getTime())!==d.getTime(),c=new Date;o.dates.push({date:new Date(u),disabled:n,inCurrentMonth:s===u.getMonth()&&!n,selected:a&&d,focused:l,isCurrentDate:u.getDate()===c.getDate()&&u.getMonth()===c.getMonth()&&u.getFullYear()===c.getFullYear()}),i+=1,u.setDate(u.getDate()+1)}return r}getFocusedValue(){return this.focusedValue?this.focusedValue:this.getSelectedValue()}changeMonth(e){return new Date(this.getFocusedValue().getFullYear(),this.getFocusedValue().getMonth()+e,1,0,0,0)}setNewFocusedMonth(e){this.focusedValue=this.changeMonth(e)}getSelectedValue(){if(this.slottedInput.value)return n(this.slottedInput.value);const e=new Date;return e.setHours(0,0,0,0),e}renderHeader(){return t("div",{class:"gux-header"},t("button",{type:"button",class:"gux-left","aria-label":this.i18n("previousMonth",{localizedPreviousMonthAndYear:g(this.changeMonth(-1),this.locale)}),onClick:()=>this.setNewFocusedMonth(-1)},t("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),t("span",{class:"gux-header-month-and-year"},g(this.getFocusedValue(),this.locale)),t("button",{type:"button",class:"gux-right","aria-label":this.i18n("nextMonth",{localizedNextMonthAndYear:g(this.changeMonth(1),this.locale)}),onClick:()=>this.setNewFocusedMonth(1)},t("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"})))}renderContent(){return t("div",null,t("div",{class:"gux-week-days"},function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,t%r.length));var r}(this.locale,this.startDayOfWeek).map((e=>t("div",{class:"gux-week-day"},e)))),t("div",{class:"gux-content"},this.getMonthDays().map((e=>t("div",{class:"gux-content-week"},e.dates.map((e=>t("div",{"data-date":e.date.getTime(),onClick:()=>this.onDateClick(e.date),role:"button","aria-current":e.selected?"true":"false",tabindex:e.selected||e.focused?"0":"-1",onKeyDown:e=>{this.onKeyDown(e)},"aria-disabled":e.disabled?"true":"false",class:{"gux-content-date":!0,"gux-disabled":e.disabled,"gux-current-month":e.inCurrentMonth,"gux-selected":e.selected,"gux-current-date":e.isCurrentDate}},t("span",{class:"gux-non-sr","aria-hidden":"true"},e.date.getDate()),t("span",{class:"gux-sr-only"},t("gux-date-beta",{datetime:e.date.toISOString(),format:"long"}))))))))))}render(){return t("div",{class:"gux-calendar-beta"},t("slot",null),this.renderHeader(),this.renderContent())}get root(){return a(this)}};x.style=".gux-calendar-beta{box-sizing:border-box;display:inline-flex;flex-direction:column;font-family:var(--gse-ui-calendarMenu-month-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-defaultText-fontSize);background:var(--gse-ui-calendarMenu-date-selected-foregroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:rgba(34, 37, 41, 0.24) 0 2px 4px}.gux-calendar-beta .gux-header{display:flex;align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar-beta .gux-header .gux-header-month-and-year{width:var(--gse-ui-calendarMenu-month-single-header-textWidth);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor)}.gux-calendar-beta .gux-header .gux-left,.gux-calendar-beta .gux-header .gux-right{color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar-beta .gux-header .gux-left:focus-visible,.gux-calendar-beta .gux-header .gux-right:focus-visible{outline:2px solid #aac9ff;outline-offset:1px}.gux-calendar-beta .gux-header .gux-left gux-icon,.gux-calendar-beta .gux-header .gux-right gux-icon{width:16px;height:16px}.gux-calendar-beta .gux-week-days{padding-top:24px;padding-right:24px;padding-left:24px;font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);color:var(--gse-ui-calendarMenu-day-dayHeader-foregroundColor);text-align:center}.gux-calendar-beta .gux-week-days .gux-week-day{display:inline-block;width:var(--gse-ui-calendarMenu-day-date-size);height:16px;font-weight:var(--gse-ui-calendarMenu-day-header-fontWeight)}.gux-calendar-beta .gux-content{padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-core-color-cornflower-900);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date{display:inline-block;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-input-height);font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;color:var(--gse-core-color-cornflower-600);text-align:center;vertical-align:middle;border:none;outline:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar-beta .gux-content-week .gux-content-date.gux-current-month{color:var(--gse-ui-calendarMenu-month-default-foregroundColor);opacity:1}.gux-calendar-beta .gux-content-week .gux-content-date.gux-hidden{display:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-disabled{pointer-events:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius);outline:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-selected:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar-beta .gux-content-week .gux-content-date:hover{cursor:pointer;background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-calendar-beta .gux-content-week .gux-content-date .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-calendar-beta .gux-content-week .gux-content-date.gux-current-date{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight)}";export{x as gux_calendar_beta}

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

@@ -1 +0,0 @@
-import{r as t,h as o,g as s}from"./p-deca7631.js";import{t as e}from"./p-f45f309e.js";const r=class{constructor(o){t(this,o)}componentWillLoad(){e(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};r.style=".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{r as gux_screen_reader_beta}

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

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