genesys-spark-components 4.138.0 → 4.138.1

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

@@ -1 +0,0 @@
-import{r as e,f as t,h as o,g as i}from"./p-cf74fd3d.js";import{c as r,o as n}from"./p-f4751a15.js";import{O as a}from"./p-946c70b7.js";import{o as l}from"./p-6b12dd16.js";import{p as s}from"./p-a11d5d42.js";import{h as f}from"./p-6d8b4027.js";import{a as u,G as d}from"./p-25141c4d.js";import{G as p,a as h}from"./p-bd1d4fac.js";import{h as g,b as c,c as x,g as m,v as b,a as v}from"./p-4aaf349e.js";import{t as C}from"./p-2ed2ac49.js";import{f as y}from"./p-54822e3b.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const k=class{constructor(t){e(this,t),this.loading=!1,this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("gux-radial-loading",{context:"input"})}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(h,{key:"4ab0a0ea07d5ee1c19bedc3a48a2a7abe9f7a2f1",labelPosition:this.computedLabelPosition},o(p,{key:"092a82faf8cba33aa7392e5d7ab8f9037e26de2f",required:this.required,position:this.computedLabelPosition},o("slot",{key:"bbd30043f830372a7f8fd8525e2fc51c768ebb81",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"d108992a46a66d1c535736d35d3fbefad4a77cab",variant:this.indicatorMark,required:this.required}),o("slot",{key:"b64ce3311f7865920c71222212bdae6d1b6b16c5",name:"label-info"})),o("div",{key:"cd91bb3cffcb6192ad2cb5b897ed3130f3686756",class:"gux-input-and-error-container"},o("div",{key:"e899dcff4c74e6ecee0ec3011c74ca1de689d44a",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"60719e4f6d009d76717eadfb9f9a57467855c764",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix},onClick:()=>y(this.input)},o("slot",{key:"74b0a4fe80f6fb9ee2b3c1a71cf61d40c4f7538d",name:"prefix"}),o("slot",{key:"f8bd6992c15792bd1b88a01c666466934d55490d",name:"input"}),this.renderRadialLoading(),o("slot",{key:"3255079a4803839be03940a887f2b815a4b65359",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{key:"cd61352f8708fc0ead57f495a2a4ce200935690c",onClick:()=>x(this.input)}))),o(u,{key:"52912c34186d0daea296274c940764bac5ce2e1f",show:this.hasError},o("slot",{key:"7aaaf9122005a00c6f2c7fe2bd09f06b3619788f",name:"error"})),o(d,{key:"d02de684b7a70bcc6f03e55e6812aff03337d638",show:!this.hasError&&this.hasHelp},o("slot",{key:"b39867a7bbfa3d1ac3f795d1174eae3416b98b6a",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=m(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=g(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=v(this.label,this.labelPosition)}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([a({childList:!0,subtree:!0})],k.prototype,"onMutation",null),k.style=".gux-form-field-container.gux-beside{display:flex;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 1 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(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){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;white-space:nowrap;text-decoration:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{k as gux_form_field_text_like}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as s}from"./p-cf74fd3d.js";import{O as a}from"./p-f3d844c7.js";import{w as n}from"./p-e97879b4.js";import{a as o}from"./p-cf0e7d3b.js";import{t as c}from"./p-2ed2ac49.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const d={moreOptions:"More options"},u=["primary","secondary","tertiary","danger"];function b(t){return u.find((e=>e===t))?t:"secondary"}const l=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.actionClick=e(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,e.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():(this.listElement.blur(),this.close.emit())}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){o((()=>{var t;null===(t=this.listElement)||void 0===t||t.focus()}))}focusFirstItemInPopupList(){o((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){c(this.root,{variant:this.type}),this.i18n=await r(this.root,d)}render(){return i("div",{key:"50cf831534e858389d9e3b774ad16c0ab4b4c571",class:"gux-action-button-container"},i("gux-popup",{key:"40a6bb65b7a1235379860a046d400059e3241d28",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"b270539feaad9724c945581a385f07ba68adea9d",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"3d9a30bc5309fb2284afb852a38f7ad11d1a6f57",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"dcdcdd9709f8d7002591f30960547ad0807a6034",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"5597dcb9272f9eab43c2eec65dbbb9a142004c4f",name:"title"}))),i("gux-button-slot",{key:"9247c184a6abfe6189760af1d2c8d8e4b81cc1c7",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"3ab5c881fd17e7d169dfb19c0c1bea47eb59fd20",type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("moreOptions")},i("gux-icon",{key:"f1ff1d4ef13116ff9c44c02429c7269a9dc2a560",decorative:!0,"icon-name":"custom/chevron-down-small-regular",size:"small"})))),i("div",{key:"00202d10162366d36ab62094e23004d92932dff6",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"d00fc9301c4873bd0beeb82e801353e41f7f1f4d",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"fc5d22640bdb59504637f352f73c353184e4b508"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,s){var a,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(o=(n<3?a(o):n>3?a(e,i,o):a(e,i))||o);n>3&&o&&Object.defineProperty(e,i,o)})([a({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-inline-size:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{inline-size:calc(100% - 33px);margin-inline-end:1px}.gux-action-button-container .gux-action-button button{inline-size:100%;max-inline-size:none;text-align:center;border-start-end-radius:0;border-end-end-radius:0}.gux-action-button-container .gux-dropdown-button button{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-button-iconOnly-width);padding:0;border-start-start-radius:0;border-end-start-radius:0}.gux-action-button-container .gux-list-container{max-inline-size:220px;max-block-size:var(--gse-ui-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{l as gux_action_button}