genesys-spark-components 4.199.0 → 4.199.1

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

@@ -1 +0,0 @@
-import{r as e,f as i,h as t,H as r,a as o}from"./p-CiOdbrOB.js";import{c as a,o as n}from"./p-Cb3FOYGS.js";import{O as l}from"./p-uhleBC9z.js";import{o as s}from"./p-De1NnCmO.js";import{p as u}from"./p-PYfNAK8p.js";import{h as g}from"./p-qzV3vtOw.js";import{G as d,a as h}from"./p-C3w7JFY2.js";import{a as f,G as c}from"./p-B0oGxQKD.js";import{g as p,v as x,a as b}from"./p-DHLxhscH.js";import{t as m}from"./p-BOiv2mfl.js";import{O as v}from"./p-euOHH55M.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";var y=function(e,i,t,r){var o,a=arguments.length,n=a<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--)(o=e[l])&&(n=(a<3?o(n):a>3?o(i,t,n):o(i,t))||n);return a>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=g(this.root,"error"),this.hasHelp=g(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=g(this.root,"error"),this.hasHelp=g(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:"a6f22a9e582ec638d9f6309313c920356e1bb630",class:{"gux-active":this.active}},t(f,{key:"160c53d5399debe101c82e188b5c46f47b84cce1",labelPosition:this.computedLabelPosition},t(c,{key:"4527048ac90fb4442efd0d1073c682bd03ca6461",required:this.required,position:this.computedLabelPosition},t("slot",{key:"f2da62566c5ba9a271d9ff0d671d6dbed37f88a3",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"6f57048aee9b0389a4cdb96b007d27511eac1fe5",variant:this.indicatorMark,required:this.required}),t("slot",{key:"659d2f15e5914c8b257f61fce0945c0a750de459",name:"label-info"})),t("div",{key:"3d6c2f68312721c4e3a79bea2d76c9a123812241",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"380b1076a454b286534d3b9a1d687fe59df10e3c",show:this.hasError},t("slot",{key:"c4e0bd4ab15ac54623ca8f7295e590b717c3a5e8",name:"error"})),t(h,{key:"032ad62e730d205a65a05d952202cb42912cd304",show:!this.hasError&&this.hasHelp},t("slot",{key:"224729f7c5c00f411b7348ce3d591fa84ff2a893",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=p(this.root,'input[type="range"][slot="input"]'),u(this.input),this.disabled=a(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),o=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),a=(r-o)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-o)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(a/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${a}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(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}