genesys-spark-components 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/genesys-webcomponents/{p-cafd31cb.entry.js → p-f0d98b64.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as s}from"./p-deee079e.js";import{O as r}from"./p-f34ce7dc.js";import{a as o,o as n}from"./p-3701eff0.js";import{t as a}from"./p-ce212187.js";import{G as l,g as h,a as f}from"./p-17385760.js";import{G as p,a as d,v as u,b as g}from"./p-b3c9fd06.js";import{h as x}from"./p-08bc2e6b.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const c={required:"Required"};const m=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-phone-input-beta");e&&(e.hasError=t)}onMutation(){this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}async componentWillLoad(){this.getI18nValue=await s(this.root,c),this.setInput(),this.setLabel(),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(f,{labelPosition:this.computedLabelPosition},e(l,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(h(this.root,"error"),this.hasError)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(p,{show:this.hasError},e("slot",{name:"error"})),e(d,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}renderScreenReaderText(t,i=!0){if(i)return e("gux-screen-reader-beta",null,t)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=o(this.phoneInputElement,(t=>{this.disabled=t})),this.requiredObserver=n(this.phoneInputElement,(t=>{this.required=t})),u(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,e,i,s){var r,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,i,n):r(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([r({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";export{m as gux_form_field_phone}
+import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as s}from"./p-deee079e.js";import{O as r}from"./p-f34ce7dc.js";import{a as o,o as n}from"./p-3701eff0.js";import{t as a}from"./p-0db3479d.js";import{G as l,g as h,a as f}from"./p-17385760.js";import{G as p,a as d,v as u,b as g}from"./p-b3c9fd06.js";import{h as x}from"./p-08bc2e6b.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const c={required:"Required"};const m=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-phone-input-beta");e&&(e.hasError=t)}onMutation(){this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}async componentWillLoad(){this.getI18nValue=await s(this.root,c),this.setInput(),this.setLabel(),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(f,{labelPosition:this.computedLabelPosition},e(l,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(h(this.root,"error"),this.hasError)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(p,{show:this.hasError},e("slot",{name:"error"})),e(d,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}renderScreenReaderText(t,i=!0){if(i)return e("gux-screen-reader-beta",null,t)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=o(this.phoneInputElement,(t=>{this.disabled=t})),this.requiredObserver=n(this.phoneInputElement,(t=>{this.required=t})),u(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,e,i,s){var r,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,i,n):r(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([r({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";export{m as gux_form_field_phone}

package/dist/genesys-webcomponents/{p-b0c7829b.entry.js → p-f45cc72b.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as o}from"./p-7d26b2e1.js";import{c as i}from"./p-251befef.js";import{t as s}from"./p-ce212187.js";import{b as r}from"./p-deee079e.js";import"./p-8a133b9b.js";const n={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},a=class{constructor(e){t(this,e),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}returnActionLocale(t){return this.i18n(`action${i(t)}`)}returnActionTypeIcon(t){return"revert"==t?"reset":t}async componentWillLoad(){s(this.root,{variant:this.action}),this.i18n=await r(this.root,n)}render(){return e("gux-table-toolbar-custom-action",{"icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},e("span",{slot:"text"},this.returnActionLocale(this.action)),e("gux-icon",{slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return o(this)}};a.style=":host([disabled]){pointer-events:none}";export{a as gux_table_toolbar_action}
+import{r as t,h as o,g as e}from"./p-7d26b2e1.js";import{c as i}from"./p-251befef.js";import{t as s}from"./p-0db3479d.js";import{b as r}from"./p-deee079e.js";import"./p-8a133b9b.js";const n={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},a=class{constructor(o){t(this,o),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}returnActionLocale(t){return this.i18n(`action${i(t)}`)}returnActionTypeIcon(t){return"revert"==t?"reset":t}async componentWillLoad(){s(this.root,{variant:this.action}),this.i18n=await r(this.root,n)}render(){return o("gux-table-toolbar-custom-action",{"icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},o("span",{slot:"text"},this.returnActionLocale(this.action)),o("gux-icon",{slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return e(this)}};a.style=":host([disabled]){pointer-events:none}";export{a as gux_table_toolbar_action}

package/dist/genesys-webcomponents/{p-4520026a.entry.js → p-f8394b8b.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,g as s}from"./p-7d26b2e1.js";import{t as r}from"./p-ce212187.js";const n=class{constructor(o){t(this,o),this.singleOpenSection=!1}handleInternalsectionopened(t){t.stopImmediatePropagation(),this.singleOpenSection&&this.getAccordionSections().forEach((o=>{o!==t.target&&this.closeSection(o)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((t,o)=>(t&&this.closeSection(o),t||o.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(t){t.disabled||(t.open=!1)}render(){return o("slot",null)}get root(){return s(this)}};n.style="gux-accordion{-custom-noop:noop}";export{n as gux_accordion}
+import{r as t,h as o,g as s}from"./p-7d26b2e1.js";import{t as r}from"./p-0db3479d.js";const n=class{constructor(o){t(this,o),this.singleOpenSection=!1}handleInternalsectionopened(t){t.stopImmediatePropagation(),this.singleOpenSection&&this.getAccordionSections().forEach((o=>{o!==t.target&&this.closeSection(o)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((t,o)=>(t&&this.closeSection(o),t||o.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(t){t.disabled||(t.open=!1)}render(){return o("slot",null)}get root(){return s(this)}};n.style="gux-accordion{-custom-noop:noop}";export{n as gux_accordion}

package/dist/genesys-webcomponents/{p-fe47fd88.entry.js → p-fa04b5af.entry.js}

@@ -1 +1 @@
-import{r as t,f as r,h as s,g as e}from"./p-7d26b2e1.js";import{b as a}from"./p-deee079e.js";import{t as i}from"./p-ce212187.js";import"./p-8a133b9b.js";const n={breadcrumbs:"Breadcrumbs"},o=class{constructor(r){t(this,r),this.accent="primary"}componentWillLoad(){i(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await a(this.root,n)}onSlotChange(){Array.from(this.root.children).forEach((t=>r(t)))}render(){return s("nav",{"aria-label":this.i18n("breadcrumbs")},s("ol",null,s("slot",{onSlotchange:this.onSlotChange.bind(this)})))}get root(){return e(this)}};o.style="ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{o as gux_breadcrumbs}
+import{r as t,f as r,h as s,g as a}from"./p-7d26b2e1.js";import{b as e}from"./p-deee079e.js";import{t as i}from"./p-0db3479d.js";import"./p-8a133b9b.js";const n={breadcrumbs:"Breadcrumbs"},o=class{constructor(r){t(this,r),this.accent="primary"}componentWillLoad(){i(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await e(this.root,n)}onSlotChange(){Array.from(this.root.children).forEach((t=>r(t)))}render(){return s("nav",{"aria-label":this.i18n("breadcrumbs")},s("ol",null,s("slot",{onSlotchange:this.onSlotChange.bind(this)})))}get root(){return a(this)}};o.style="ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{o as gux_breadcrumbs}

package/dist/genesys-webcomponents/{p-d9c72a0f.entry.js → p-fc5ef376.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as r,g as o}from"./p-7d26b2e1.js";import{O as p}from"./p-9d18d475.js";import{b as i}from"./p-3701eff0.js";import{t as a}from"./p-ce212187.js";import{g as s}from"./p-3e6097e5.js";import{f as n}from"./p-7d614de7.js";import{c as d}from"./p-e459974a.js";const h=class{constructor(r){t(this,r),this.guxdismiss=e(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(t){t||this.popperInstance?!t&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(t){const e=t.composedPath(),r=n(this.root,this.for),o=e.includes(r);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}get titleSlot(){return s(this.root,"title")}runPopper(){const t=n(this.root,this.for);t?this.popupElement&&(this.popperInstance=d(t,this.popupElement,{modifiers:[{name:"computeStyles",options:{gpuAcceleration:!1}},{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){a(this.root,{variant:this.position}),this.hiddenObserver=i(this.root,(t=>{this.hidden=t})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver&&this.hiddenObserver.disconnect()}renderDismissButton(){if(this.displayDismissButton)return r("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return r("div",{ref:t=>this.popupElement=t,class:"gux-popover-wrapper"},r("div",{class:"gux-arrow","data-popper-arrow":!0}),r("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},r("slot",{name:"title"}),this.renderDismissButton()),r("div",{class:"gux-popover-content"},r("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(t,e,r,o){var p,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(p=t[s])&&(a=(i<3?p(a):i>3?p(e,r,a):p(e,r))||a);i>3&&a&&Object.defineProperty(e,r,a)})([p({triggerEvents:"mousedown"})],h.prototype,"checkForClickOutside",null),h.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:16px;background-color:#fdfdfd;border-radius:4px;box-shadow:0 3px 14px rgba(46, 57, 76, 0.22)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper .gux-popover-header{font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:16px}.gux-popover-wrapper gux-dismiss-button{float:right}";export{h as gux_popover}
+import{r as t,c as e,h as r,g as o}from"./p-7d26b2e1.js";import{O as p}from"./p-9d18d475.js";import{b as i}from"./p-3701eff0.js";import{t as a}from"./p-0db3479d.js";import{g as s}from"./p-3e6097e5.js";import{f as n}from"./p-7d614de7.js";import{c as d}from"./p-e459974a.js";const h=class{constructor(r){t(this,r),this.guxdismiss=e(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(t){t||this.popperInstance?!t&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(t){const e=t.composedPath(),r=n(this.root,this.for),o=e.includes(r);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}get titleSlot(){return s(this.root,"title")}runPopper(){const t=n(this.root,this.for);t?this.popupElement&&(this.popperInstance=d(t,this.popupElement,{modifiers:[{name:"computeStyles",options:{gpuAcceleration:!1}},{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){a(this.root,{variant:this.position}),this.hiddenObserver=i(this.root,(t=>{this.hidden=t})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver&&this.hiddenObserver.disconnect()}renderDismissButton(){if(this.displayDismissButton)return r("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return r("div",{ref:t=>this.popupElement=t,class:"gux-popover-wrapper"},r("div",{class:"gux-arrow","data-popper-arrow":!0}),r("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},r("slot",{name:"title"}),this.renderDismissButton()),r("div",{class:"gux-popover-content"},r("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(t,e,r,o){var p,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,r,o);else for(var s=t.length-1;s>=0;s--)(p=t[s])&&(a=(i<3?p(a):i>3?p(e,r,a):p(e,r))||a);i>3&&a&&Object.defineProperty(e,r,a)})([p({triggerEvents:"mousedown"})],h.prototype,"checkForClickOutside",null),h.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:16px;background-color:#fdfdfd;border-radius:4px;box-shadow:0 3px 14px rgba(46, 57, 76, 0.22)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper .gux-popover-header{font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:16px}.gux-popover-wrapper gux-dismiss-button{float:right}";export{h as gux_popover}

package/dist/genesys-webcomponents/{p-2d16ba6d.entry.js → p-fc64f71e.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as o}from"./p-7d26b2e1.js";import{c as i,o as n}from"./p-3f5341ea.js";import{O as r}from"./p-f34ce7dc.js";import{o as a}from"./p-3701eff0.js";import{p as s}from"./p-c10e41a9.js";import{h as l}from"./p-08bc2e6b.js";import{G as p,a as u,v as x,b as c}from"./p-b3c9fd06.js";import{G as f,a as h}from"./p-a733f4ca.js";import{t as g}from"./p-ce212187.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const d=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return t(h,{labelPosition:this.computedLabelPosition},t(f,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"chevron-small-down",decorative:!0}))),t(p,{show:this.hasError},t("slot",{name:"error"})),t(u,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),s(this.input),this.disabled=i(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var n,r=arguments.length,a=r<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 s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,o,a):n(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.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;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;height:30px;padding:0 32px 0 12px;margin:0;color:#2e394c;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_select}
+import{r as e,h as t,g as o}from"./p-7d26b2e1.js";import{c as i,o as n}from"./p-3f5341ea.js";import{O as r}from"./p-f34ce7dc.js";import{o as a}from"./p-3701eff0.js";import{p as s}from"./p-c10e41a9.js";import{h as l}from"./p-08bc2e6b.js";import{G as p,a as u,v as x,b as c}from"./p-b3c9fd06.js";import{G as f,a as d}from"./p-a733f4ca.js";import{t as h}from"./p-0db3479d.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const g=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help"),h(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return t(d,{labelPosition:this.computedLabelPosition},t(f,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"chevron-small-down",decorative:!0}))),t(p,{show:this.hasError},t("slot",{name:"error"})),t(u,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),s(this.input),this.disabled=i(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var n,r=arguments.length,a=r<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 s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,o,a):n(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([r({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.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;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;height:30px;padding:0 32px 0 12px;margin:0;color:#2e394c;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_select}

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 CDN_URL = '/spark-components/build-assets/4.0.0-beta.1-47/genesys-webcomponents/';
+export const CDN_URL = '/spark-components/build-assets/4.0.0-beta.3-51/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/components/beta/gux-calendar-beta/components/single/gux-calendar.d.ts

@@ -0,0 +1,28 @@
+import { JSX } from '../../../../../stencil-public-runtime';
+export declare class GuxCalendar {
+  root: HTMLElement;
+  private focusedValue;
+  private minValue;
+  private maxValue;
+  private locale;
+  private i18n;
+  private MONTH_DATE_COUNT;
+  private startDayOfWeek;
+  private get slottedInput();
+  componentWillLoad(): Promise<void>;
+  private onDateClick;
+  private setDateAfterArrowKeyPress;
+  /**
+   * Focus the focused date
+   */
+  private focusDate;
+  private onKeyDown;
+  private getMonthDays;
+  private getFocusedValue;
+  private changeMonth;
+  private setNewFocusedMonth;
+  private getSelectedValue;
+  private renderHeader;
+  private renderContent;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-calendar-beta/gux-calendar.types.d.ts

@@ -0,0 +1,13 @@
+export interface IWeekElement {
+  dates: IDateElement[];
+}
+export interface IDateElement {
+  date: Date;
+  disabled: boolean;
+  selected: boolean;
+  inCurrentMonth: boolean;
+  tabIndex: string;
+  isCurrentDate: boolean;
+  focused: boolean;
+}
+export type GuxCalendarDayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;

package/dist/types/components/beta/gux-calendar-beta/services/calendar.service.d.ts

@@ -0,0 +1,4 @@
+export declare function getFirstOfMonth(date: Date): Date;
+export declare function getWeekdays(locale: Intl.LocalesArgument, startDayOfWeek: number): string[];
+export declare function getDateAsMonthYear(date: Date, locale: string): string;
+export declare function firstDateInMonth(month: number, year: number, startDayOfWeek: number): Date;

package/dist/types/components/beta/gux-calendar-beta/services/tests.service.d.ts

@@ -0,0 +1,6 @@
+import { E2EElement, E2EPage } from '@stencil/core/testing';
+export declare function validateSelectedDate(element: E2EElement, expectedMonthAndYear: string, expectedDay: string): Promise<void>;
+export declare function validateHeaderMonth(element: E2EElement, expectedMonthAndYear: string): Promise<void>;
+export declare function getContentDateElement(element: E2EElement, dateAsMonthDayYear: string): Promise<E2EElement>;
+export declare function goToPreviousMonth(element: E2EElement, page: E2EPage): Promise<void>;
+export declare function goToNextMonth(element: E2EElement, page: E2EPage): Promise<void>;

package/dist/types/components.d.ts

@@ -247,6 +247,8 @@ export namespace Components {
          */
         "value": string;
     }
+    interface GuxCalendarBeta {
+    }
     interface GuxCard {
         /**
           * Card Accent.
@@ -1394,6 +1396,12 @@ declare global {
         prototype: HTMLGuxCalendarElement;
         new (): HTMLGuxCalendarElement;
     };
+    interface HTMLGuxCalendarBetaElement extends Components.GuxCalendarBeta, HTMLStencilElement {
+    }
+    var HTMLGuxCalendarBetaElement: {
+        prototype: HTMLGuxCalendarBetaElement;
+        new (): HTMLGuxCalendarBetaElement;
+    };
     interface HTMLGuxCardElement extends Components.GuxCard, HTMLStencilElement {
     }
     var HTMLGuxCardElement: {
@@ -2056,6 +2064,7 @@ declare global {
         "gux-button-multi": HTMLGuxButtonMultiElement;
         "gux-button-slot-beta": HTMLGuxButtonSlotBetaElement;
         "gux-calendar": HTMLGuxCalendarElement;
+        "gux-calendar-beta": HTMLGuxCalendarBetaElement;
         "gux-card": HTMLGuxCardElement;
         "gux-column-manager-beta": HTMLGuxColumnManagerBetaElement;
         "gux-column-manager-item": HTMLGuxColumnManagerItemElement;
@@ -2336,6 +2345,8 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface GuxCalendarBeta {
+    }
     interface GuxCard {
         /**
           * Card Accent.
@@ -3275,6 +3286,7 @@ declare namespace LocalJSX {
         "gux-button-multi": GuxButtonMulti;
         "gux-button-slot-beta": GuxButtonSlotBeta;
         "gux-calendar": GuxCalendar;
+        "gux-calendar-beta": GuxCalendarBeta;
         "gux-card": GuxCard;
         "gux-column-manager-beta": GuxColumnManagerBeta;
         "gux-column-manager-item": GuxColumnManagerItem;
@@ -3402,6 +3414,7 @@ declare module "@stencil/core" {
             "gux-button-multi": LocalJSX.GuxButtonMulti & JSXBase.HTMLAttributes<HTMLGuxButtonMultiElement>;
             "gux-button-slot-beta": LocalJSX.GuxButtonSlotBeta & JSXBase.HTMLAttributes<HTMLGuxButtonSlotBetaElement>;
             "gux-calendar": LocalJSX.GuxCalendar & JSXBase.HTMLAttributes<HTMLGuxCalendarElement>;
+            "gux-calendar-beta": LocalJSX.GuxCalendarBeta & JSXBase.HTMLAttributes<HTMLGuxCalendarBetaElement>;
             "gux-card": LocalJSX.GuxCard & JSXBase.HTMLAttributes<HTMLGuxCardElement>;
             "gux-column-manager-beta": LocalJSX.GuxColumnManagerBeta & JSXBase.HTMLAttributes<HTMLGuxColumnManagerBetaElement>;
             "gux-column-manager-item": LocalJSX.GuxColumnManagerItem & JSXBase.HTMLAttributes<HTMLGuxColumnManagerItemElement>;

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

@@ -1,2 +1,2 @@
-export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.1-47/genesys-webcomponents/";
+export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.3-51/genesys-webcomponents/";
 export declare function registerElements(): Promise<void>;

package/package.json

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

package/dist/genesys-webcomponents/p-6822da0c.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as o}from"./p-7d26b2e1.js";import{t as s}from"./p-ce212187.js";const i=class{constructor(e){t(this,e),this.iconOnly=!1,this.accent="secondary",this.disabled=!1}componentWillLoad(){s(this.root)}render(){return e("gux-button-slot-beta",{accent:this.accent},e("button",{disabled:this.disabled,type:"button",class:"gux-action-title"},e("slot",{name:"icon"}),e("span",{class:{"gux-sr-only":this.iconOnly}},e("slot",{name:"text"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};i.style=":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:8px;align-items:center}.gux-action-title slot[name='icon']::slotted(gux-icon){width:16px;height:16px}";export{i as gux_table_toolbar_custom_action}

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

@@ -1 +0,0 @@
-import{r as t,h as o,g as s}from"./p-7d26b2e1.js";import{t as e}from"./p-ce212187.js";const r=class{constructor(o){t(this,o)}componentWillLoad(){e(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};r.style=".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{r as gux_screen_reader_beta}