genesys-spark-components 4.187.1 → 4.188.0

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

@@ -1 +0,0 @@
-import{r as e,h as o,f as i,a as r}from"./p-mm833MRp.js";import{b as t}from"./p-D_8CR3cJ.js";import{O as l}from"./p-1mmdDpx8.js";import{h as a}from"./p-qzV3vtOw.js";import{t as s}from"./p-Bk9hX_6O.js";import{a as n,G as d}from"./p-BkM3RdTO.js";import{G as f,a as p}from"./p-Bxg2lxW0.js";import{g as u,v as g}from"./p-DHLxhscH.js";import{p as h}from"./p-PYfNAK8p.js";import{a as c,o as x,b as m}from"./p-De1NnCmO.js";import{s as b}from"./p-BMRf5pjV.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var 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,this.multiple=!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;switch(e.key){case"Tab":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));break;case"Shift":break;default: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:"08375562c5f4fccba27ae887e75286a0c8316209",labelPosition:"above"},o(f,{key:"2da1a8ccfb6fb0ffad13d6b7e17eb8c006ec3fec",position:"above",required:this.required},o("slot",{key:"86c7bf4b43eac86d082075326f247da876690128",name:"label"}),o("gux-form-field-label-indicator",{key:"13ff56e6483c61e4f698c69a51adb0e8d37b4929",variant:this.indicatorMark,required:this.required}),o("slot",{key:"a23675a2164c4080677980f3d6aa55ea1b05c163",name:"label-info"})),o("div",{key:"269ea5528a86db45b366c8f6f0528aeeb6636ba0",class:"gux-input-and-error-container"},o(n,{key:"e1afa7df59e08f6820097d88fbe542e7ddbfcb09",show:this.hasHelp},o("slot",{key:"176674d3b557f621f8c28d67fc7d8843be91623c",name:"help"})),this.renderInputSlot(),o(d,{key:"4dd69a7d5c0c9dbfe3129c24773d6efdc082d35b",show:this.hasError},o("slot",{key:"4ac9a75500eb2fde0de2809718dd02f16c2eaf3f",name:"error"})),this.renderFileList()))}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.multiple=this.input.multiple,this.disabledObserver=c(this.input,(e=>{this.disabled=e})),this.requiredObserver=x(this.input,(e=>{this.required=e})),this.multipleObserver=m(this.input,(e=>{this.multiple=e})),g(this.root,this.input)}getDropZoneText(){return this.getI18nValue(this.multiple?"dragAndDropFilesInstructions":"dragAndDropFileInstructions")}getProxyButtonText(){var e,o,i,r;return this.dragAndDrop?this.getI18nValue("clickToUpload"):this.multiple?(null===(o=null===(e=this.input)||void 0===e?void 0:e.files)||void 0===o?void 0:o.length)>0?this.getI18nValue("changeFiles"):this.getI18nValue("uploadFiles"):(null===(r=null===(i=this.input)||void 0===i?void 0:i.files)||void 0===r?void 0:r.length)>0?this.getI18nValue("changeFile"):this.getI18nValue("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,b(this.root,"input"),b(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;if(this.multiple)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];if("file"===o.kind&&o.webkitGetAsEntry().isFile&&(r.items.add(o.getAsFile()),!this.multiple))break}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},"aria-disabled":this.disabled?"true":"false",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{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)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-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-f9f5f4b9.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as o,a as s}from"./p-mm833MRp.js";import{t as a}from"./p-Bk9hX_6O.js";import{b as i}from"./p-Bg4q97BS.js";const c=class{constructor(e){t(this,e),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",i((()=>{this.containerElement.innerText=t}))}componentWillLoad(){a(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 s(this)}};c.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{c as gux_announce_beta}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,a as i}from"./p-mm833MRp.js";import{a as s,c as r,o as a,f as p,s as h,h as n,b as d}from"./p-C8aV-TzO.js";import{O as c}from"./p-CuMZPTZF.js";import{t as l}from"./p-Bk9hX_6O.js";import{g as u}from"./p-BBpQG81s.js";import{f}from"./p-Cr5bTKWF.js";const g=class{constructor(o){t(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1,this.disconnect=void 0}updateForElement(){this.forElement=this.getForElement(),this.forElement.setAttribute("aria-haspopup","true")}onKeyDown(t){"Escape"===t.key&&this.forElement.focus()}onFocusout(t){!this.closeOnClickOutside&&this.displayDismissButton||t.relatedTarget&&!this.root.contains(t.relatedTarget)&&this.dismiss()}checkForClickOutside(t){const e=t.composedPath(),o=f(this.root,this.for),i=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}async guxDismissPopover(){this.dismiss()}async guxFocusPopover(){this.focusPopup()}get titleSlot(){return u(this.root,"title")}get footerSlot(){return u(this.root,"footer")}getForElement(){if(this.for){const t=f(this.root,this.for);return t||this.logForAttributeError(),t}this.logForAttributeError()}focusPopup(){const t=this.root.querySelector("[autoFocus]");t?null==t||t.focus():this.popupElement.focus()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(f(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=f(this.root,this.for);this.popupElement&&t&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),h(),n(),d({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const s=i.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[s],a={top:0,right:90,bottom:180,left:-90}[s],p="left"===s||"right"===s?15:13;if(o.arrow){let t=o.arrow.x;const e=o.arrow.y;"left"!==s&&"right"!==s||(t+=4),this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:-p+"px",transform:`rotate(${a}deg)`})}o.hide&&Object.assign(this.popupElement.style,{visibility:o.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.hidePopover())}logForAttributeError(){this.root.isConnected&&console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`)}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusPopup()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){this.updateForElement(),l(this.root,{variant:this.position});const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const e=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",e),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",e)}}componentDidLoad(){this.forElement&&(this.forElement.popoverTargetElement=this.popupElement,this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition()))}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return o("div",{key:"e939bd9d5563dfd5e723a069f302534d38f47195",ref:t=>this.popupElement=t,class:{"gux-popover-wrapper":!0,"gux-hidden":!this.isOpen},"data-placement":!0,popover:"manual",tabindex:"-1"},o("div",{key:"029e38e983de2018f5608ecd0bd8e5db570b772f",ref:t=>this.arrowElement=t,class:"gux-arrow"},o("div",{key:"b57de8a196ff01783fd186976f2f4d790a28574a",class:"gux-arrow-caret"})),this.displayDismissButton&&o("gux-dismiss-button",{key:"e45d1a5f6b0edb63e9f72c8ed1cdfeaff6bd6a5b",onClick:this.dismiss.bind(this)}),o("div",{key:"af594623ae072b7f1b0f914b43997d29a3635388",class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{key:"f635a2aa77c0b0e9f5bac6a36012274e7e41b421",name:"title"})),o("div",{key:"7675b0d3cb852611d77b7bd51ad1793fbcb8bda3",class:"gux-popover-content"},o("slot",{key:"c6784ac9766578bab9a4f430849d2ea162db127b"})),o("div",{key:"fa798d5965d74240817f612f6208a13b96e0e940",class:{"gux-popover-footer":Boolean(this.footerSlot)}},o("slot",{key:"3e21fca852329eaf7182a237bb47a604ca398550",name:"footer"})))}get root(){return i(this)}static get watchers(){return{for:["updateForElement"]}}};(function(t,e,o,i){var s,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var p=t.length-1;p>=0;p--)(s=t[p])&&(a=(r<3?s(a):r>3?s(e,o,a):s(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([c({triggerEvents:"mousedown"})],g.prototype,"checkForClickOutside",null),g.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper{}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";export{g as gux_popover_beta}