genesys-spark-components 4.126.0 → 4.127.0

package/dist/genesys-webcomponents/{p-742f56c0.entry.js → p-fccdcaba.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as a,g as s}from"./p-c2a62a18.js";import{t as e}from"./p-db1febc7.js";import{h as i}from"./p-6d8b4027.js";import{a as n}from"./p-8eaf8caf.js";const r=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){e(this.root,{variant:this.toastType}),this.hasPrimaryButton=i(this.root,"primary-button"),this.hasSecondaryButton=i(this.root,"secondary-button"),this.hasLink=i(this.root,"link")}componentDidLoad(){this.checkAriaLive()}checkAriaLive(){let t=this.root.parentElement;for(;t;){if(t.hasAttribute("aria-live"))return;t=t.parentElement}n(this.root,"gux-toast must have a parent element with an `aria-live` attribute")}renderToastIcon(){switch(this.toastType){case"success":return a("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return a("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return a("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return a("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return a("slot",{name:"icon"})}}renderLink(){return a("div",{class:"gux-buttons-bar"},a("gux-link-beta",{standalone:!0},a("slot",{name:"link"})))}renderActions(){return a("gux-cta-group",{class:"gux-buttons-bar",align:"end"},this.hasSecondaryButton&&a("gux-button-slot",{slot:"secondary"},a("slot",{name:"secondary-button"})),a("gux-button-slot",{slot:"primary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"b80419a3c2d3a07248523d438b51ff8c28d1e7a0",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"62b2c3304a79a78d7c1813130a98e39cb4fcb90e",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"750e02522556888e8d2b661688b9554e470d823b",class:"gux-content"},a("div",{key:"1fed074ed08765cca519608a3471ece4cb462cd8",class:"gux-message"},a("gux-truncate",{key:"addeb90005620ff7cc0119ad7423d283081ccbe7",class:"gux-message-title","max-lines":1},a("slot",{key:"afc27423a6e48c2ba93bbee00579d3f6087b48df",name:"title"})),a("gux-truncate",{key:"34c9864c8b146c02d2073cf672fcd171abc535fe",class:"gux-message-body","max-lines":2},a("slot",{key:"cc5550c66afba027852879344eba51ae2a93c4a9",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"9706f3476e02627998bc7598f80de3312ae9a831",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};r.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";export{r as gux_toast}
+import{r as t,c as o,h as a,g as s}from"./p-c2a62a18.js";import{t as e}from"./p-abf0add0.js";import{h as i}from"./p-6d8b4027.js";import{a as n}from"./p-8eaf8caf.js";const r=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){e(this.root,{variant:this.toastType}),this.hasPrimaryButton=i(this.root,"primary-button"),this.hasSecondaryButton=i(this.root,"secondary-button"),this.hasLink=i(this.root,"link")}componentDidLoad(){this.checkAriaLive()}checkAriaLive(){let t=this.root.parentElement;for(;t;){if(t.hasAttribute("aria-live"))return;t=t.parentElement}n(this.root,"gux-toast must have a parent element with an `aria-live` attribute")}renderToastIcon(){switch(this.toastType){case"success":return a("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return a("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return a("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return a("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return a("slot",{name:"icon"})}}renderLink(){return a("div",{class:"gux-buttons-bar"},a("gux-link-beta",{standalone:!0},a("slot",{name:"link"})))}renderActions(){return a("gux-cta-group",{class:"gux-buttons-bar",align:"end"},this.hasSecondaryButton&&a("gux-button-slot",{slot:"secondary"},a("slot",{name:"secondary-button"})),a("gux-button-slot",{slot:"primary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"b80419a3c2d3a07248523d438b51ff8c28d1e7a0",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"62b2c3304a79a78d7c1813130a98e39cb4fcb90e",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"750e02522556888e8d2b661688b9554e470d823b",class:"gux-content"},a("div",{key:"1fed074ed08765cca519608a3471ece4cb462cd8",class:"gux-message"},a("gux-truncate",{key:"addeb90005620ff7cc0119ad7423d283081ccbe7",class:"gux-message-title","max-lines":1},a("slot",{key:"afc27423a6e48c2ba93bbee00579d3f6087b48df",name:"title"})),a("gux-truncate",{key:"34c9864c8b146c02d2073cf672fcd171abc535fe",class:"gux-message-body","max-lines":2},a("slot",{key:"cc5550c66afba027852879344eba51ae2a93c4a9",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"9706f3476e02627998bc7598f80de3312ae9a831",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};r.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";export{r as gux_toast}

package/dist/genesys-webcomponents/{p-16bd59ac.entry.js → p-fce2e946.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,g as n}from"./p-c2a62a18.js";import{t as i}from"./p-db1febc7.js";import{b as r}from"./p-16feb2a1.js";import{a}from"./p-6b12dd16.js";import{f as s}from"./p-54822e3b.js";import"./p-4202e9f2.js";const u={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"},c=class{constructor(o){t(this,o),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,u),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o("div",{key:"d85d17c24ead428597f2c973644b080e2b778466",class:{"gux-content-search":!0,"gux-disabled":this.disabled},onClick:()=>s(this.inputSlottedElement)},o("div",{key:"3119e47e3da9276359ad9b2c0ae9215f712aded2",class:"gux-search-icon"},o("gux-icon",{key:"ef796175a494bc30d234cc2a79b4ab24c85c7510",size:"small",decorative:!0,"icon-name":"fa/magnifying-glass-regular"})),o("slot",{key:"98855be493a40b519cbe9f4366eb8ade53297e54"}),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return o("div",{class:"gux-content-control-panel"},o("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},"aria-disabled":t.toString()},o("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),o("div",{class:"gux-navigation-buttons"},o("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-up-solid",size:"small"})),o("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-down-solid",size:"small"}))),o("div",{class:"gux-navigation-divider"})),o("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()},disabled:t},o("gux-icon",{"icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return n(this)}};c.style=":host{display:inline-block;inline-size:var(--gse-ui-search-width);min-inline-size:var(--gse-ui-search-width)}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-shrink:1;flex-basis:100%;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:0;border-radius:0}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{outline:none;border:0;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);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-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search: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-content-search:not(:disabled):not(.gux-disabled):hover{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-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);place-content:center flex-end;align-items:center;padding:0}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;block-size:var(--gse-ui-search-counter-icon-height);padding:0;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;outline:none;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius)}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap);align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{box-sizing:border-box;align-self:center;block-size:var(--gse-ui-search-counter-divider-height);color:var(--gse-ui-search-counter-default-foregroundColor);border:var(--gse-ui-search-counter-divider-border-width) var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center}";export{c as gux_content_search}
+import{r as t,c as e,h as o,g as n}from"./p-c2a62a18.js";import{t as i}from"./p-abf0add0.js";import{b as r}from"./p-16feb2a1.js";import{a}from"./p-6b12dd16.js";import{f as s}from"./p-54822e3b.js";import"./p-4202e9f2.js";const u={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"},c=class{constructor(o){t(this,o),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,u),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o("div",{key:"d85d17c24ead428597f2c973644b080e2b778466",class:{"gux-content-search":!0,"gux-disabled":this.disabled},onClick:()=>s(this.inputSlottedElement)},o("div",{key:"3119e47e3da9276359ad9b2c0ae9215f712aded2",class:"gux-search-icon"},o("gux-icon",{key:"ef796175a494bc30d234cc2a79b4ab24c85c7510",size:"small",decorative:!0,"icon-name":"fa/magnifying-glass-regular"})),o("slot",{key:"98855be493a40b519cbe9f4366eb8ade53297e54"}),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return o("div",{class:"gux-content-control-panel"},o("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},"aria-disabled":t.toString()},o("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),o("div",{class:"gux-navigation-buttons"},o("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-up-solid",size:"small"})),o("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-down-solid",size:"small"}))),o("div",{class:"gux-navigation-divider"})),o("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()},disabled:t},o("gux-icon",{"icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return n(this)}};c.style=":host{display:inline-block;inline-size:var(--gse-ui-search-width);min-inline-size:var(--gse-ui-search-width)}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-shrink:1;flex-basis:100%;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:0;border-radius:0}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{outline:none;border:0;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);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-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search: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-content-search:not(:disabled):not(.gux-disabled):hover{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-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);place-content:center flex-end;align-items:center;padding:0}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;block-size:var(--gse-ui-search-counter-icon-height);padding:0;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;outline:none;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius)}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap);align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{box-sizing:border-box;align-self:center;block-size:var(--gse-ui-search-counter-divider-height);color:var(--gse-ui-search-counter-default-foregroundColor);border:var(--gse-ui-search-counter-divider-border-width) var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center}";export{c as gux_content_search}

package/dist/genesys-webcomponents/{p-7744d995.entry.js → p-fe535d07.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,g as s}from"./p-c2a62a18.js";import{b as e}from"./p-16feb2a1.js";import{f as o,g as r,t as n}from"./p-bd48b8c8.js";import{t as a}from"./p-db1febc7.js";import{s as h}from"./p-2c25e2f2.js";import"./p-4202e9f2.js";const d=class{constructor(i){t(this,i),this.value=void 0,this.workspaceDefault=void 0,this.localDefault=void 0,this.customDefault=void 0,this.customDefaultLabel=void 0,this.hasError=!1,this.disabled=!1,this.required=!1,this.searchString="",this.timeZoneOptionElements=void 0,this.timeZoneList=void 0,this.filteredZoneList=void 0}on(t){this.searchString=t.detail,this.filteredZoneList=this.filterTimeZoneList(this.timeZoneList),this.timeZoneOptionElements=this.renderTimeZones(this.filteredZoneList)}async componentWillLoad(){a(this.root),this.i18n=await e(this.root,n),this.timeZoneList=this.getTimeZoneOptionsList(),this.filteredZoneList=this.timeZoneList,this.timeZoneOptionElements=this.renderTimeZones(this.filteredZoneList)}componentDidLoad(){var t;(null===(t=this.root)||void 0===t?void 0:t.shadowRoot.querySelector("gux-dropdown")).addEventListener("change",(t=>{const i=t.target;this.value=null==i?void 0:i.value,h(this.root,"change")}))}filterTimeZoneList(t){const i=this.searchString;return t.filter((t=>this.getFormattedTimeZoneOption(t).toLowerCase().includes(i.toLowerCase())))}getTimeZoneOption(t){const i=this.i18n(t.name),s=t.countryName?this.i18n(t.countryName):void 0;if(!i)return;const e=o(t.currentTimeOffsetInMinutes),r=`${i}`,n=` (${this.i18n("UTC")}${e})`,a=`${n}`,h=r.replace(/_/g," "),d=`${s}`,l=r.startsWith("Etc/GMT")?2:1;return{value:t.name,localizedGroupName:i,formattedOffset:e,displayTextNameFormatted:h,displayTextOffset:n,baseDisplayOffsetText:a,countryName:d,defaultZone:"",priority:l}}getFormattedTimeZoneOption(t){return t.displayTextNameFormatted.startsWith("Etc/GMT")?t.displayTextNameFormatted.concat(t.baseDisplayOffsetText):t.displayTextNameFormatted.split("/").pop().concat(", ",t.countryName,t.baseDisplayOffsetText)}getTimeZoneOptionsList(){const t=r(),i=[];return t.forEach((t=>{const s=this.getTimeZoneOption(t);s&&i.push(s)})),i.sort(((t,i)=>{var s;return t.priority-i.priority||(null===(s=t.displayTextNameFormatted)||void 0===s?void 0:s.localeCompare(i.displayTextNameFormatted))}))}getDefaultZones(){return[this.workspaceDefault,this.localDefault,this.customDefault].filter((t=>!!t))}getDefaultZoneList(){const t=this.getDefaultZones(),i=this.timeZoneList.reduce(((i,s)=>t.includes(s.value)?i.concat([Object.assign({},s)]):i),[]);return i.forEach((t=>{this.workspaceDefault===this.localDefault?t.defaultZone=`${this.i18n("localAndWorkspaceDefault")}`:t.value===this.workspaceDefault?t.defaultZone=`${this.i18n("workspaceDefault")}`:t.value===this.localDefault&&(t.defaultZone=`${this.i18n("localDefault")}`),t.value===this.customDefault&&(t.defaultZone=`(${this.customDefaultLabel})`)})),i}renderTimeZones(t){return t.map((t=>i("gux-option",{class:{"gux-has-defaults":""!==t.defaultZone},value:t.value},i("div",{class:"gux-option-wrapper"},i("div",null,this.getFormattedTimeZoneOption(t)),i("span",{class:"gux-default-zone"},t.defaultZone)))))}renderDefaultsList(){const t=this.renderTimeZones(this.getDefaultZoneList());if(t.length)return i("gux-option-group-beta",{label:this.i18n("default")},t)}renderAllTimeZoneOptionsList(){return i("gux-option-group-beta",{label:this.i18n("all")},this.timeZoneOptionElements)}render(){return i("gux-dropdown",{key:"cb14436dd2958bb6d9c1942103cfb8f80ffffd4d",class:{"has-defaults":!!this.workspaceDefault||!!this.localDefault||!!this.customDefault},"filter-type":"custom",placeholder:this.i18n("selectZone"),value:this.value,hasError:this.hasError,disabled:this.disabled},i("gux-listbox",{key:"c3d35afbd7043cd196ea1f11915e4f9510db2148","aria-label":this.i18n("timeZones")},this.renderDefaultsList(),this.renderAllTimeZoneOptionsList()))}get root(){return s(this)}};d.style="gux-dropdown .zone-header{padding-block:8px 4px;padding-inline:12px;color:#6b7585;text-transform:uppercase}gux-dropdown gux-option{padding:var(--gse-ui-menu-option-padding)}gux-dropdown gux-option.gux-has-defaults{block-size:auto}gux-dropdown gux-option .gux-option-wrapper{display:flex;flex-direction:column}gux-dropdown gux-option .gux-default-zone{color:#626e84}";export{d as gux_time_zone_picker_beta}
+import{r as t,h as i,g as s}from"./p-c2a62a18.js";import{b as o}from"./p-16feb2a1.js";import{f as e,g as r,t as a}from"./p-bd48b8c8.js";import{t as n}from"./p-abf0add0.js";import{s as h}from"./p-2c25e2f2.js";import"./p-4202e9f2.js";const d=class{constructor(i){t(this,i),this.value=void 0,this.workspaceDefault=void 0,this.localDefault=void 0,this.customDefault=void 0,this.customDefaultLabel=void 0,this.hasError=!1,this.disabled=!1,this.required=!1,this.searchString="",this.timeZoneOptionElements=void 0,this.timeZoneList=void 0,this.filteredZoneList=void 0}on(t){this.searchString=t.detail,this.filteredZoneList=this.filterTimeZoneList(this.timeZoneList),this.timeZoneOptionElements=this.renderTimeZones(this.filteredZoneList)}async componentWillLoad(){n(this.root),this.i18n=await o(this.root,a),this.timeZoneList=this.getTimeZoneOptionsList(),this.filteredZoneList=this.timeZoneList,this.timeZoneOptionElements=this.renderTimeZones(this.filteredZoneList)}componentDidLoad(){var t;(null===(t=this.root)||void 0===t?void 0:t.shadowRoot.querySelector("gux-dropdown")).addEventListener("change",(t=>{const i=t.target;this.value=null==i?void 0:i.value,h(this.root,"change")}))}filterTimeZoneList(t){const i=this.searchString;return t.filter((t=>this.getFormattedTimeZoneOption(t).toLowerCase().includes(i.toLowerCase())))}getTimeZoneOption(t){const i=this.i18n(t.name),s=t.countryName?this.i18n(t.countryName):void 0;if(!i)return;const o=e(t.currentTimeOffsetInMinutes),r=`${i}`,a=` (${this.i18n("UTC")}${o})`,n=`${a}`,h=r.replace(/_/g," "),d=`${s}`,l=r.startsWith("Etc/GMT")?2:1;return{value:t.name,localizedGroupName:i,formattedOffset:o,displayTextNameFormatted:h,displayTextOffset:a,baseDisplayOffsetText:n,countryName:d,defaultZone:"",priority:l}}getFormattedTimeZoneOption(t){return t.displayTextNameFormatted.startsWith("Etc/GMT")?t.displayTextNameFormatted.concat(t.baseDisplayOffsetText):t.displayTextNameFormatted.split("/").pop().concat(", ",t.countryName,t.baseDisplayOffsetText)}getTimeZoneOptionsList(){const t=r(),i=[];return t.forEach((t=>{const s=this.getTimeZoneOption(t);s&&i.push(s)})),i.sort(((t,i)=>{var s;return t.priority-i.priority||(null===(s=t.displayTextNameFormatted)||void 0===s?void 0:s.localeCompare(i.displayTextNameFormatted))}))}getDefaultZones(){return[this.workspaceDefault,this.localDefault,this.customDefault].filter((t=>!!t))}getDefaultZoneList(){const t=this.getDefaultZones(),i=this.timeZoneList.reduce(((i,s)=>t.includes(s.value)?i.concat([Object.assign({},s)]):i),[]);return i.forEach((t=>{this.workspaceDefault===this.localDefault?t.defaultZone=`${this.i18n("localAndWorkspaceDefault")}`:t.value===this.workspaceDefault?t.defaultZone=`${this.i18n("workspaceDefault")}`:t.value===this.localDefault&&(t.defaultZone=`${this.i18n("localDefault")}`),t.value===this.customDefault&&(t.defaultZone=`(${this.customDefaultLabel})`)})),i}renderTimeZones(t){return t.map((t=>i("gux-option",{class:{"gux-has-defaults":""!==t.defaultZone},value:t.value},i("div",{class:"gux-option-wrapper"},i("div",null,this.getFormattedTimeZoneOption(t)),i("span",{class:"gux-default-zone"},t.defaultZone)))))}renderDefaultsList(){const t=this.renderTimeZones(this.getDefaultZoneList());if(t.length)return i("gux-option-group-beta",{label:this.i18n("default")},t)}renderAllTimeZoneOptionsList(){return i("gux-option-group-beta",{label:this.i18n("all")},this.timeZoneOptionElements)}render(){return i("gux-dropdown",{key:"cb14436dd2958bb6d9c1942103cfb8f80ffffd4d",class:{"has-defaults":!!this.workspaceDefault||!!this.localDefault||!!this.customDefault},"filter-type":"custom",placeholder:this.i18n("selectZone"),value:this.value,hasError:this.hasError,disabled:this.disabled},i("gux-listbox",{key:"c3d35afbd7043cd196ea1f11915e4f9510db2148","aria-label":this.i18n("timeZones")},this.renderDefaultsList(),this.renderAllTimeZoneOptionsList()))}get root(){return s(this)}};d.style="gux-dropdown .zone-header{padding-block:8px 4px;padding-inline:12px;color:#6b7585;text-transform:uppercase}gux-dropdown gux-option{padding:var(--gse-ui-menu-option-padding)}gux-dropdown gux-option.gux-has-defaults{block-size:auto}gux-dropdown gux-option .gux-option-wrapper{display:flex;flex-direction:column}gux-dropdown gux-option .gux-default-zone{color:#626e84}";export{d as gux_time_zone_picker_beta}

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 COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.126.0-558/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.127.0-561/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'app.mypurecloud.com';
 // List of Genesys UI domains

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.126.0-558/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.127.0-561/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

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

package/dist/genesys-webcomponents/p-57e7045f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,g as r}from"./p-c2a62a18.js";import{t as s}from"./p-db1febc7.js";const t=class{constructor(a){e(this,a)}componentWillLoad(){s(this.root)}render(){return a("div",{key:"86093875510f4dee1ca80bd77c7a99a50a6d832b",class:"gux-selector-cards"},a("slot",{key:"fcdc912cf978e16e1aa13b366aa6d11771674eed"}))}get root(){return r(this)}};t.style=".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";export{t as gux_selector_cards_beta}

package/dist/genesys-webcomponents/p-63008baa.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,g as s}from"./p-c2a62a18.js";import{t}from"./p-db1febc7.js";const a=class{constructor(r){e(this,r),this.screenreaderText=void 0}componentWillLoad(){t(this.root)}render(){return r("gux-radial-loading",{key:"3490cd0fe2f819fecf307115038b4bada10b6d4c",class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return s(this)}};a.style=":host{display:flex}.gux-spinner{margin:auto}";export{a as gux_page_loading_spinner}

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

@@ -1 +0,0 @@
-import{r as e,h as o,f as i,g as r}from"./p-c2a62a18.js";import{b as t}from"./p-16feb2a1.js";import{O as l}from"./p-9df4dd07.js";import{h as a}from"./p-6d8b4027.js";import{t as s}from"./p-db1febc7.js";import{G as n,a as d}from"./p-546eb56a.js";import{G as f,a as p}from"./p-a99c18b5.js";import{g as u,v as g}from"./p-4aaf349e.js";import{p as h}from"./p-a11d5d42.js";import{a as c,o as x,b}from"./p-6b12dd16.js";import{s as m}from"./p-2c25e2f2.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const v={uploadFile:"Upload file",uploadFiles:"Upload files",changeFile:"Change file",changeFiles:"Change files",clickToUpload:"Click to upload",dragAndDropFileInstructions:"Drag and drop a file here or",dragAndDropFilesInstructions:"Drag and drop files here or"};const y=class{constructor(o){e(this,o),this.indicatorMark="required",this.dragAndDrop=!1,this.disabled=!1,this.hasError=!1,this.hasHelp=!1,this.required=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var o,i;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}onGuxRemoveFile(e){this.removeFile(e.detail)}async componentWillLoad(){this.getI18nValue=await t(this.root,v),this.setInput(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),s(this.root)}disconnectedCallback(){var e,o,i;null===(e=this.disabledObserver)||void 0===e||e.disconnect(),null===(o=this.requiredObserver)||void 0===o||o.disconnect(),null===(i=this.multipleObserver)||void 0===i||i.disconnect()}render(){return o(p,{key:"bec805f439d8baaffb1bdf26fde903890df6a701",labelPosition:"above"},o(f,{key:"7116bf118efd75d586218435c99e915c1ec2d0d2",position:"above",required:this.required},o("slot",{key:"98292ca6442192f8c6fb28c3794b971fca5f3f0f",name:"label"}),o("gux-form-field-label-indicator",{key:"e0e7e7131ea944df30766c1620448de57c11d841",variant:this.indicatorMark,required:this.required}),o("slot",{key:"5c29c04ea353aec4e516015c6198af258e2fe460",name:"label-info"})),o("div",{key:"08af8bc7b068858fa0097a91fb31c89c8f2b5cc0",class:"gux-input-and-error-container"},o(n,{key:"2700e339143a6cf407f823af17cc88c1d0d9b546",show:this.hasHelp},o("slot",{key:"ef389e8c2cbf9f9a65a67dba05030df4abed3f21",name:"help"})),this.renderInputSlot(),this.renderFileList(),o(d,{key:"832b2a2992d9e568e41e73b262bee1141265f332",show:this.hasError},o("slot",{key:"0b8990ee0296aad54ad91dde9aba28ddabed759f",name:"error"}))))}setInput(){this.input=u(this.root,'input[type="file"][slot="input"]'),this.input.addEventListener("input",(()=>{i(this.root)})),h(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=c(this.input,(e=>{this.disabled=e})),this.requiredObserver=x(this.input,(e=>{this.required=e})),this.multipleObserver=b(this.input,(()=>{i(this.root)})),g(this.root,this.input)}getDropZoneText(){return this.getI18nValue(this.input.multiple?"dragAndDropFilesInstructions":"dragAndDropFileInstructions")}getProxyButtonText(){return this.getI18nValue(this.dragAndDrop?"clickToUpload":this.input.multiple?this.input.files.length>0?"changeFiles":"uploadFiles":this.input.files.length>0?"changeFile":"uploadFile")}removeFile(e){const o=this.input.files,i=new DataTransfer;for(let r=0;r<o.length;r++)e!==r&&i.items.add(o[r]);this.modifyInputFiles(i.files)}modifyInputFiles(e){this.input.files=e,m(this.root,"input"),m(this.root,"change"),i(this.root)}onProxyFileButtonClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.input.focus(),this.input.click()}onDrop(e){if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.input.files,i=e.dataTransfer.items,r=new DataTransfer;for(let e=0;e<o.length;e++)r.items.add(o[e]);for(let e=0;e<i.length;e++){const o=i[e];"file"===o.kind&&o.webkitGetAsEntry().isFile&&r.items.add(o.getAsFile())}this.dropContainer.classList.remove("gux-drag-over"),this.modifyInputFiles(r.files)}onDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||this.dropContainer.classList.add("gux-drag-over")}onDragLeave(e){e.preventDefault(),e.stopPropagation(),this.dropContainer.classList.remove("gux-drag-over")}renderFileList(){const e=Array.from(this.input.files||(new DataTransfer).files);return 0===e.length?null:o("div",{class:"gux-file-list"},e.map(((e,i)=>o("slot",{name:`file-${i}`},o("gux-file-list-item",{name:e.name,index:i,disabled:this.disabled})))))}renderInputSlot(){return o("div",{ref:e=>this.dropContainer=e,class:{"gux-drop-container":!0,"gux-drop-zone":this.dragAndDrop,"gux-disabled":this.disabled},onDrop:e=>this.onDrop(e),onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragOver(e),onDragLeave:e=>this.onDragLeave(e)},this.dragAndDrop&&o("div",{class:"gux-drag-and-drop-text"},this.getDropZoneText()),o("div",{class:"gux-proxy-button"},o("gux-button-slot",{accent:"tertiary"},o("button",{tabIndex:-1,type:"button",disabled:this.disabled,onClick:e=>this.onProxyFileButtonClick(e)},o("div",null,this.getProxyButtonText()))),o("div",{class:"gux-offscreen"},o("slot",{name:"input",onSlotchange:()=>this.setInput()}))))}get root(){return r(this)}};(function(e,o,i,r){var t,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,i,r);else for(var s=e.length-1;s>=0;s--)(t=e[s])&&(a=(l<3?t(a):l>3?t(o,i,a):t(o,i))||a);l>3&&a&&Object.defineProperty(o,i,a)})([l({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.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)}.gux-input-and-error-container{flex-grow:1}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-block:var(--gse-ui-fileUpload-mainContainer-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";export{y as gux_form_field_file_beta}

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

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