genesys-spark-components 4.199.2 → 4.200.0

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

@@ -0,0 +1 @@
+import{r as e,f as i,h as t,H as r,a}from"./p-BHz-00-n.js";import{c as o,o as n}from"./p-Cb3FOYGS.js";import{O as l}from"./p-C4zSv6of.js";import{o as s}from"./p-De1NnCmO.js";import{p as g}from"./p-PYfNAK8p.js";import{h as u}from"./p-qzV3vtOw.js";import{G as d,a as f}from"./p-CicgveGb.js";import{a as h,G as c}from"./p-DH2yYE61.js";import{g as p,v as x,a as b}from"./p-DHLxhscH.js";import{t as m}from"./p-_Nw0T8qO.js";import{O as v}from"./p-_v-YfjRc.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";var y=function(e,i,t,r){var a,o=arguments.length,n=o<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(n=(o<3?a(n):o>3?a(i,t,n):a(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const k=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}handleKeyup(e){var i,t;switch(e.key){case"Tab":this.input.matches(":focus-visible")&&(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-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}}onFocusout(){var e;this.active=!1,null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"a71c428b667ac9ad6f2df614b2b9d6ec1d1a0288",class:{"gux-active":this.active}},t(h,{key:"6923db6cae4a65bb5b96ea2d02f6bcfafdb5ac96",labelPosition:this.computedLabelPosition},t(c,{key:"fc0fe9b7d185a8f762a2b176fcb7c3a045ace9bc",required:this.required,position:this.computedLabelPosition},t("slot",{key:"8452f38889b077c24125f6e33b795bec5c3bff62",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"8d922fdf2ac1ed388e3a3a9ba200990636ab0354",variant:this.indicatorMark,required:this.required}),t("slot",{key:"c1231bd9c2dd2943c45bbed163955837c89dc287",name:"label-info"})),t("div",{key:"296393f95d8412f21928d87ef318aef8f66a37f4",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"9c2fca9ebf6cafba768261686d3b8a41d48d8e2a",show:this.hasError},t("slot",{key:"7389b4a595d9e675fc68a3756b3c4abb4cda050f",name:"error"})),t(f,{key:"0dfb2474aa895dd7324ea58d2425d471f66bd377",show:!this.hasError&&this.hasHelp},t("slot",{key:"d0f1a86127a31c996982682480c3910c29c5088d",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=p(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=o(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=n(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),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled?"true":"false",ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),a=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),o=(r-a)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-a)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(o/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${o}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return a(this)}};y([l({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-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-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-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}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-height) / 2);margin-block-start:calc(-1 * (calc(var(--gse-ui-rangeSlider-handle-height) / 2) + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-rangeSlider-set-height);font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-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{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-form-field-label.gux-beside{inset-block-start:0}";export{k as gux_form_field_range}