genesys-spark-components 4.185.1 → 4.185.2

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

@@ -1 +0,0 @@
-import{r as e,h as i,a as t}from"./p-BOFduQr_.js";import{b as o}from"./p-45DSrwlG.js";import{O as r}from"./p-B5Zw7XAl.js";import{a as l,o as a}from"./p-De1NnCmO.js";import{t as s}from"./p-CGCaUZQX.js";import{G as n,a as f}from"./p-DVi-rLEw.js";import{G as h,a as d,b as u}from"./p-DfSSbAcG.js";import{h as p}from"./p-qzV3vtOw.js";import{g}from"./p-MAoEg4ig.js";import{v as c,a as m}from"./p-DHLxhscH.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";var b={required:"Required"};const x=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.required=!1,this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-phone-input-beta");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),this.hasLabelInfo=p(this.root,"label-info")}handleKeyup(e){var i,t;switch(e.key){case"Tab":this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3));break;case"Shift":break;default:this.input.matches(":focus-within")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),this.hasLabelInfo=p(this.root,"label-info"),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){var e;return i(u,{key:"48ad6b29c9cf3184d7b974269ff017539558577d",labelPosition:this.computedLabelPosition},i(d,{key:"d702b6111d9ad4149b7d83b942081acbdffeee93"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(g(this.root,"error"),this.hasError),this.renderText(g(this.root,"label-info"),this.hasLabelInfo)),i(h,{key:"c5afe2948a77fbfb59a31ef937926f0b562b0453",position:this.computedLabelPosition,required:this.required},i("slot",{key:"6205f5297560aa8b80442d7905366f2be554d906",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"1bd7e446cd2ae7f1523dcd366a4e11cca86f284b",variant:this.indicatorMark,required:this.required}),i("slot",{key:"9a440933738d89e80ba84f9a995d1a59e57d46a9",name:"label-info"})),i("div",{key:"42af7606cbeee106338c4cce6de736d1f718e1f8",class:"gux-input-and-error-container"},i("div",{key:"d818fcb5b98ffb57105e7e6e1167b502286554eb",class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{key:"c2635b91afc4255a20214fdc5f30064df47ecdc0",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"48eb391485bfd146bc3d992fbc9eb382a05f70be"}))),i(n,{key:"cd8eaefa2bcf75b0a3a91b69dae3dd430f801a19",show:this.hasError},i("slot",{key:"73c069f3f489eb0ce7ed643375d6638104df489a",name:"error"})),i(f,{key:"a1017a202f74da9dee4a6705dafe16e3a97b6de6",show:!this.hasError&&this.hasHelp},i("slot",{key:"c984a15612b83357feacebacf2fe256410ece20e",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,a=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(i,t,a):r(i,t))||a);l>3&&a&&Object.defineProperty(i,t,a)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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 0 auto;order:0;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-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(label){min-inline-size:0}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_phone}