genesys-spark-components 3.89.2 → 3.89.4

package/dist/genesys-webcomponents/{p-c1f97cb1.entry.js → p-efd90874.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as i}from"./p-9031eb6a.js";import{O as r}from"./p-f222d4b1.js";import{r as n}from"./p-cbcbd1bb.js";import{a}from"./p-d0805f56.js";import{o as s}from"./p-3701eff0.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-c72a4079.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.clearable=void 0,this.resize=void 0,this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.slottedElementType=void 0,this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":i},t("slot",{name:"input"})))}renderInputNumber(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a(this.root,'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a(this.root,"The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a(this.root,'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return i(this)}};(function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)})([r({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
+import{r as e,h as t,g as i}from"./p-9031eb6a.js";import{O as r}from"./p-f222d4b1.js";import{r as n}from"./p-cbcbd1bb.js";import{a}from"./p-d0805f56.js";import{o as s}from"./p-3701eff0.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-6046e5ce.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.clearable=void 0,this.resize=void 0,this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.slottedElementType=void 0,this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":i},t("slot",{name:"input"})))}renderInputNumber(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a(this.root,'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a(this.root,"The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a(this.root,'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return i(this)}};(function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)})([r({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}

package/dist/genesys-webcomponents/{p-51af88c1.entry.js → p-f5056fca.entry.js}

@@ -1 +1 @@
-import{r as e,d as t,h as n,g as i}from"./p-9031eb6a.js";import{t as o}from"./p-c72a4079.js";import{O as a}from"./p-c3f208cd.js";const s=class{constructor(t){e(this,t),this.blankStateSize=void 0}onResize(){this.setBlankStateSize()}componentWillLoad(){o(this.root)}componentDidLoad(){this.setBlankStateSize()}setBlankStateSize(){t((()=>{const e=this.root.clientWidth;this.blankStateSize=e<=160?"small":e<=300?"medium":"large"}))}render(){return n("div",{class:{"gux-container":!0,[`gux-${this.blankStateSize}`]:!0}},n("slot",{name:"image"}),n("div",{class:"gux-message-container"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance-container"},n("slot",{name:"additional-guidance"})),n("gux-button-slot-beta",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return i(this)}};(function(e,t,n,i){var o,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var g=e.length-1;g>=0;g--)(o=e[g])&&(s=(a<3?o(s):a>3?o(t,n,s):o(t,n))||s);a>3&&s&&Object.defineProperty(t,n,s)})([a()],s.prototype,"onResize",null),s.style=":host{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container ::slotted(gux-icon){width:48px;height:48px;color:#c8cfda}.gux-container slot[name='primary-message']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}.gux-container slot[name='additional-guidance']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}.gux-container.gux-small .gux-message-container,.gux-container.gux-medium .gux-message-container{padding:8px 0 4px}.gux-container.gux-small .gux-guidance-container,.gux-container.gux-medium .gux-guidance-container{padding-bottom:8px}.gux-container.gux-large .gux-message-container{padding:16px 0 4px}.gux-container.gux-large .gux-message-container slot[name='primary-message']{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}.gux-container.gux-large .gux-guidance-container{padding-bottom:16px}.gux-container.gux-large .gux-guidance-container slot[name='additional-guidance']{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:24px}";export{s as gux_blank_state_beta}
+import{r as e,d as t,h as n,g as i}from"./p-9031eb6a.js";import{t as o}from"./p-6046e5ce.js";import{O as a}from"./p-c3f208cd.js";const s=class{constructor(t){e(this,t),this.blankStateSize=void 0}onResize(){this.setBlankStateSize()}componentWillLoad(){o(this.root)}componentDidLoad(){this.setBlankStateSize()}setBlankStateSize(){t((()=>{const e=this.root.clientWidth;this.blankStateSize=e<=160?"small":e<=300?"medium":"large"}))}render(){return n("div",{class:{"gux-container":!0,[`gux-${this.blankStateSize}`]:!0}},n("slot",{name:"image"}),n("div",{class:"gux-message-container"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance-container"},n("slot",{name:"additional-guidance"})),n("gux-button-slot-beta",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return i(this)}};(function(e,t,n,i){var o,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var g=e.length-1;g>=0;g--)(o=e[g])&&(s=(a<3?o(s):a>3?o(t,n,s):o(t,n))||s);a>3&&s&&Object.defineProperty(t,n,s)})([a()],s.prototype,"onResize",null),s.style=":host{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container ::slotted(gux-icon){width:48px;height:48px;color:#c8cfda}.gux-container slot[name='primary-message']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}.gux-container slot[name='additional-guidance']{color:#364154;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}.gux-container.gux-small .gux-message-container,.gux-container.gux-medium .gux-message-container{padding:8px 0 4px}.gux-container.gux-small .gux-guidance-container,.gux-container.gux-medium .gux-guidance-container{padding-bottom:8px}.gux-container.gux-large .gux-message-container{padding:16px 0 4px}.gux-container.gux-large .gux-message-container slot[name='primary-message']{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}.gux-container.gux-large .gux-guidance-container{padding-bottom:16px}.gux-container.gux-large .gux-guidance-container slot[name='additional-guidance']{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:24px}";export{s as gux_blank_state_beta}

package/dist/genesys-webcomponents/{p-bf8df994.entry.js → p-f759b52c.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as s,g as o}from"./p-9031eb6a.js";import{a as e,c as a,o as h,f as n,s as r}from"./p-62060b2b.js";import{r as l}from"./p-cbcbd1bb.js";import{t as d}from"./p-c72a4079.js";import{f as p}from"./p-e526bdc0.js";import{b as c}from"./p-091f51f6.js";const m=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=l("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=e(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){a(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:[h(16),n(),r()]}).then((({x:t,y:i,placement:s})=>{Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`}),this.root.setAttribute("data-placement",s)}))}show(){this.isShown=!0,c((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){this.forElement=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}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElement.addEventListener("pointerenter",this.pointerenterHandler),this.forElement.addEventListener("pointerleave",this.pointerleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){d(this.root)}disconnectedCallback(){var t,i,s,o,e;this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),null===(t=this.forElement)||void 0===t||t.removeAttribute("aria-describedby"),null===(i=this.forElement)||void 0===i||i.removeEventListener("pointerenter",this.pointerenterHandler),null===(s=this.forElement)||void 0===s||s.removeEventListener("pointerleave",this.pointerleaveHandler),null===(o=this.forElement)||void 0===o||o.removeEventListener("focusin",this.focusinHandler),null===(e=this.forElement)||void 0===e||e.removeEventListener("focusout",this.focusoutHandler)}render(){return i(s,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{class:"gux-container"},i("slot",null)))}get root(){return o(this)}};m.style=":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;overflow:hidden;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;padding:6px 12px;color:#2e394c;pointer-events:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{m as gux_tooltip}
+import{r as t,h as i,H as s,g as o}from"./p-9031eb6a.js";import{a as e,c as a,o as h,f as n,s as r}from"./p-62060b2b.js";import{r as l}from"./p-cbcbd1bb.js";import{t as d}from"./p-6046e5ce.js";import{f as p}from"./p-62e61466.js";import{b as c}from"./p-091f51f6.js";const m=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=l("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=e(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){a(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:[h(16),n(),r()]}).then((({x:t,y:i,placement:s})=>{Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`}),this.root.setAttribute("data-placement",s)}))}show(){this.isShown=!0,c((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){this.forElement=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}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElement.addEventListener("pointerenter",this.pointerenterHandler),this.forElement.addEventListener("pointerleave",this.pointerleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){d(this.root)}disconnectedCallback(){var t,i,s,o,e;this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),null===(t=this.forElement)||void 0===t||t.removeAttribute("aria-describedby"),null===(i=this.forElement)||void 0===i||i.removeEventListener("pointerenter",this.pointerenterHandler),null===(s=this.forElement)||void 0===s||s.removeEventListener("pointerleave",this.pointerleaveHandler),null===(o=this.forElement)||void 0===o||o.removeEventListener("focusin",this.focusinHandler),null===(e=this.forElement)||void 0===e||e.removeEventListener("focusout",this.focusoutHandler)}render(){return i(s,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{class:"gux-container"},i("slot",null)))}get root(){return o(this)}};m.style=":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;overflow:hidden;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;padding:6px 12px;color:#2e394c;pointer-events:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{m as gux_tooltip}

package/dist/genesys-webcomponents/{p-8bfc32c0.entry.js → p-fb378573.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,g as e}from"./p-9031eb6a.js";import{t as r}from"./p-c72a4079.js";const n=class{constructor(t){o(this,t),this.type="button",this.guxTitle=void 0,this.disabled=!1,this.accent="secondary"}componentWillLoad(){r(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return t("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},t("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return e(this)}};n.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;min-width:32px;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus-visible:enabled{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-ghost:active:enabled{color:#2754ac;background-color:#deeaff}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}button.gux-danger{color:#fdfdfd;background-color:#ea0b0b}button.gux-danger[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}button.gux-danger:hover:enabled{background-color:#cc0a0a}button.gux-danger:active:enabled{background-color:#ad0808}button.gux-inline{min-width:initial;height:initial;padding:0;color:#2a60c8;text-decoration:underline;background:none;border:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}button.gux-inline[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-inline:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-inline:active:enabled{color:#2754ac;background-color:#deeaff}";export{n as gux_button}
+import{r as o,h as t,g as e}from"./p-9031eb6a.js";import{t as r}from"./p-6046e5ce.js";const n=class{constructor(t){o(this,t),this.type="button",this.guxTitle=void 0,this.disabled=!1,this.accent="secondary"}componentWillLoad(){r(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return t("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},t("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return e(this)}};n.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;min-width:32px;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus-visible:enabled{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-ghost:active:enabled{color:#2754ac;background-color:#deeaff}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}button.gux-danger{color:#fdfdfd;background-color:#ea0b0b}button.gux-danger[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}button.gux-danger:hover:enabled{background-color:#cc0a0a}button.gux-danger:active:enabled{background-color:#ad0808}button.gux-inline{min-width:initial;height:initial;padding:0;color:#2a60c8;text-decoration:underline;background:none;border:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}button.gux-inline[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-inline:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-inline:active:enabled{color:#2754ac;background-color:#deeaff}";export{n as gux_button}

package/dist/genesys-webcomponents/{p-cf5c0603.entry.js → p-fb76576b.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as l}from"./p-9031eb6a.js";import{t as a}from"./p-c72a4079.js";let o=1;const x=class{constructor(t){e(this,t),this.label=void 0,this.position="above",this.id=this.generateId()}componentWillLoad(){a(this.root,{variant:this.position})}componentDidLoad(){const e=this.labeledComponent.querySelector("*");"function"==typeof e.componentOnReady&&"function"==typeof e.setLabelledBy?e.componentOnReady().then((()=>{e.setLabelledBy(this.id)})):e.setAttribute("aria-labelledby",this.id)}render(){return t("div",{class:`gux-text-label-container gux-${this.position}`},t("label",{class:"gux-label",id:this.id},t("slot",{name:"label"},this.label)),t("div",{class:"gux-labeled-component",ref:e=>this.labeledComponent=e},t("slot",null)))}generateId(){return"gux-text-label-"+o++}get root(){return l(this)}};x.style="gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";export{x as gux_text_label_legacy}
+import{r as e,h as t,g as l}from"./p-9031eb6a.js";import{t as a}from"./p-6046e5ce.js";let o=1;const x=class{constructor(t){e(this,t),this.label=void 0,this.position="above",this.id=this.generateId()}componentWillLoad(){a(this.root,{variant:this.position})}componentDidLoad(){const e=this.labeledComponent.querySelector("*");"function"==typeof e.componentOnReady&&"function"==typeof e.setLabelledBy?e.componentOnReady().then((()=>{e.setLabelledBy(this.id)})):e.setAttribute("aria-labelledby",this.id)}render(){return t("div",{class:`gux-text-label-container gux-${this.position}`},t("label",{class:"gux-label",id:this.id},t("slot",{name:"label"},this.label)),t("div",{class:"gux-labeled-component",ref:e=>this.labeledComponent=e},t("slot",null)))}generateId(){return"gux-text-label-"+o++}get root(){return l(this)}};x.style="gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";export{x as gux_text_label_legacy}

package/dist/genesys-webcomponents/{p-839b23fc.entry.js → p-ffe473bb.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as s}from"./p-9031eb6a.js";import{a,c as n,o as r,f as d}from"./p-62060b2b.js";import{r as u}from"./p-cbcbd1bb.js";import{a as c}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as x}from"./p-23975bfb.js";import{t as g}from"./p-c72a4079.js";import{b as f}from"./p-54ad2682.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");c((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||c((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,`   ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&c((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(g(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([x({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}
+import{r as t,c as e,h as i,g as s}from"./p-9031eb6a.js";import{a,c as n,o as r,f as d}from"./p-62060b2b.js";import{r as u}from"./p-cbcbd1bb.js";import{a as c}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as x}from"./p-23975bfb.js";import{t as g}from"./p-6046e5ce.js";import{b as f}from"./p-54ad2682.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");c((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||c((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,`   ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&c((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(g(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([x({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}

package/dist/stencil-wrapper.js

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

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

@@ -1,2 +1,2 @@
-export declare const CDN_URL = "/spark-components/build-assets/3.89.1-35/genesys-webcomponents/";
+export declare const CDN_URL = "/spark-components/build-assets/3.89.3-38/genesys-webcomponents/";
 export declare function registerElements(): Promise<void>;

package/package.json

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

package/dist/cjs/find-element-by-id-7a79ceeb.js

@@ -1,13 +0,0 @@
-'use strict';
-
-function findElementById(root, forElementId) {
-  let rootNode = root.getRootNode();
-  let forElement;
-  while (rootNode && !forElement) {
-    forElement = rootNode === null || rootNode === void 0 ? void 0 : rootNode.getElementById(forElementId);
-    rootNode = rootNode.getRootNode();
-  }
-  return forElement;
-}
-
-exports.findElementById = findElementById;

package/dist/esm/find-element-by-id-4d8e4156.js

@@ -1,11 +0,0 @@
-function findElementById(root, forElementId) {
-  let rootNode = root.getRootNode();
-  let forElement;
-  while (rootNode && !forElement) {
-    forElement = rootNode === null || rootNode === void 0 ? void 0 : rootNode.getElementById(forElementId);
-    rootNode = rootNode.getRootNode();
-  }
-  return forElement;
-}
-
-export { findElementById as f };

package/dist/genesys-webcomponents/p-18e7821c.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as r,g as o}from"./p-9031eb6a.js";import{t as a}from"./p-c72a4079.js";import{D as i}from"./p-04ae041f.js";import{g as e}from"./p-54ad2682.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){a(this.root),this.formatter=new i(e(this.root))}render(){return s(r,null,this.formatter.formatTime(new Date(this.datetime),this.format))}get root(){return o(this)}};export{p as gux_time_beta}

package/dist/genesys-webcomponents/p-2640c703.entry.js

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

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,g as e}from"./p-9031eb6a.js";import{t as o}from"./p-c72a4079.js";import{b as n}from"./p-54ad2682.js";import"./p-8a133b9b.js";const a={previous:"Previous",next:"Next"},r=class{constructor(i){t(this,i),this.guxPaginationCursorchange=s(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,a)}render(){return[i("gux-button-slot-beta",{accent:"secondary"},i("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},i("gux-icon",{decorative:!0,iconName:"chevron-small-left"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},i("gux-icon",{decorative:!0,iconName:"chevron-small-right"})))]}get root(){return e(this)}};r.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{r as gux_pagination_cursor}

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

@@ -1 +0,0 @@
-import{r as t,h as s,H as r,g as o}from"./p-9031eb6a.js";import{t as a}from"./p-c72a4079.js";import{D as e}from"./p-04ae041f.js";import{g as i}from"./p-54ad2682.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){a(this.root),this.formatter=new e(i(this.root))}render(){return s(r,null,this.formatter.formatDateTime(new Date(this.datetime),this.format))}get root(){return o(this)}};export{p as gux_date_time_beta}

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

@@ -1 +0,0 @@
-import{r as t,h as o,g as s}from"./p-9031eb6a.js";import{t as r}from"./p-c72a4079.js";const e=class{constructor(o){t(this,o)}componentWillLoad(){r(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};e.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{e as gux_screen_reader_beta}

package/dist/genesys-webcomponents/p-e526bdc0.js

@@ -1 +0,0 @@
-function n(n,o){let r,t=n.getRootNode();for(;t&&!r;)r=null==t?void 0:t.getElementById(o),t=t.getRootNode();return r}export{n as f}

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

@@ -1 +0,0 @@
-import{r as t,h as o,g as e}from"./p-9031eb6a.js";import{t as s}from"./p-c72a4079.js";const i=class{constructor(o){t(this,o),this.iconOnly=!1,this.accent="secondary",this.disabled=!1}componentWillLoad(){s(this.root)}render(){return o("gux-button-slot-beta",{accent:this.accent},o("button",{disabled:this.disabled,type:"button",class:"gux-action-title"},o("slot",{name:"icon"}),o("span",{class:{"gux-sr-only":this.iconOnly}},o("slot",{name:"text"}))))}static get delegatesFocus(){return!0}get root(){return e(this)}};i.style=":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.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-action-title{display:flex;flex-direction:row;gap:8px;align-items:center}.gux-action-title slot[name='icon']::slotted(gux-icon){width:16px;height:16px}";export{i as gux_table_toolbar_custom_action}