genesys-spark-components 3.8.1 → 3.8.4

package/dist/genesys-webcomponents/{p-9f81f359.entry.js → p-f5f71d02.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e,g as o}from"./p-e571f861.js";import{r as s}from"./p-cbcbd1bb.js";import{t as r}from"./p-c4dce34e.js";import{c as n}from"./p-4c66f794.js";import{l as h}from"./p-3184268e.js";import{O as l}from"./p-35578249.js";const a=class{constructor(i){t(this,i),this.mouseenterHandler=()=>this.show(),this.mouseleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=s("gux-tooltip"),this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}show(){this.popperInstance.forceUpdate(),this.delayTimeout=setTimeout((()=>{this.isShown=!0}),750)}hide(){clearTimeout(this.delayTimeout),this.isShown=!1}getForElement(){this.forElement=this.for?document.getElementById(this.for):this.root.parentElement}logForAttributeError(){console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.popperInstance=n(this.forElement,this.root,{modifiers:[{name:"offset",options:{offset:[0,16]}}],placement:this.placement,strategy:"fixed"}),this.forElement.addEventListener("mouseenter",this.mouseenterHandler),this.forElement.addEventListener("mouseleave",this.mouseleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){r(this.root)}disconnectedCallback(){this.forElement.removeAttribute("aria-describedby"),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.forElement.removeEventListener("mouseenter",this.mouseenterHandler),this.forElement.removeEventListener("mouseleave",this.mouseleaveHandler),this.forElement.removeEventListener("focusin",this.focusinHandler),this.forElement.removeEventListener("focusout",this.focusoutHandler)}render(){return i(e,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("slot",null))}get root(){return o(this)}};a.style=":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0;transition:opacity 0.25s ease-in-out}:host(.gux-show){visibility:visible !important;opacity:1}";const c=class{constructor(i){t(this,i),this.hasTooltip=!1,this.showTooltip=!1,this.iconOnly=!1,this.titleName=""}onmouseenter(t){t.buttons||(this.showTooltip=!0)}onmouseleave(){this.showTooltip=!1}onmousedown(){this.showTooltip=!1}async setShowTooltip(){this.tooltipElement&&(this.showTooltip=!0,await this.tooltipElement.showTooltip())}async setHideTooltip(){this.tooltipElement&&(this.showTooltip=!1,await this.tooltipElement.hideTooltip())}onMutation(){this.titleName=this.setTooltipTitleText(),this.checkForTooltipHideOrShow()}componentWillLoad(){this.titleName=this.setTooltipTitleText()}componentDidLoad(){this.logErrorNoIconSrText()}logErrorNoIconSrText(){this.iconOnly&&!this.titleName&&h("gux-tooltip-title","No screenreader-text provided. Provide a localized screenreader-text property for the gux-icon. The screenreader-text property is used for the icon screenreader text and the tooltip.")}addIconDecorative(){this.root.classList.add("gux-tooltip-icon-decorative")}getTitleElements(){var t;const i=this.root.querySelector("slot"),e=null===(t=this.root.querySelector(".gux-title-container span"))||void 0===t?void 0:t.children;return i?i.assignedElements():e?Array.from(e):[]}getTitleTextContent(){return this.root.querySelector("slot")?this.root.querySelector("slot").assignedNodes().map((t=>t.textContent)).join("").trim():this.root.querySelector(".gux-title-container")?this.root.querySelector(".gux-title-container").textContent.trim():""}setTooltipTitleText(){let t=this.getTitleTextContent();return this.getTitleElements().forEach((i=>{"GUX-ICON"!==i.tagName||this.getTitleTextContent()?"GUX-ICON"===i.tagName&&this.getTitleTextContent()&&this.addIconDecorative():(this.iconOnly=!0,t=i.getAttribute("screenreader-text"))})),t}checkForTooltipHideOrShow(){const t=this.root.querySelector(".gux-title-container");this.root.classList.remove("gux-overflow-hidden"),this.iconOnly&&this.titleName?this.hasTooltip=!0:(null==t?void 0:t.scrollWidth)>(null==t?void 0:t.offsetWidth)?(this.root.classList.add("gux-overflow-hidden"),this.hasTooltip=!0):this.hasTooltip=!1}render(){return[i("span",{class:"gux-title-container"},i("slot",null)),this.renderTooltip()]}renderTooltip(){if(this.hasTooltip)return i("gux-tooltip",{"aria-hidden":"true",ref:t=>this.tooltipElement=t,hidden:!this.showTooltip},this.titleName)}get root(){return o(this)}};(function(t,i,e,o){var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([l({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style="gux-tooltip-title{overflow:hidden;cursor:default}gux-tooltip{font-weight:normal;line-height:normal;text-align:left;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-left:calc(1rem + 4px)}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;left:calc(-1rem - 4px);flex-shrink:0}";export{a as gux_tooltip,c as gux_tooltip_title}
+import{r as t,h as i,H as e,g as o}from"./p-e571f861.js";import{r as s}from"./p-cbcbd1bb.js";import{t as r}from"./p-9f256566.js";import{c as n}from"./p-4c66f794.js";import{l as h}from"./p-3184268e.js";import{O as l}from"./p-35578249.js";const a=class{constructor(i){t(this,i),this.mouseenterHandler=()=>this.show(),this.mouseleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=s("gux-tooltip"),this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}show(){this.popperInstance.forceUpdate(),this.delayTimeout=setTimeout((()=>{this.isShown=!0}),750)}hide(){clearTimeout(this.delayTimeout),this.isShown=!1}getForElement(){this.forElement=this.for?document.getElementById(this.for):this.root.parentElement}logForAttributeError(){console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.popperInstance=n(this.forElement,this.root,{modifiers:[{name:"offset",options:{offset:[0,16]}}],placement:this.placement,strategy:"fixed"}),this.forElement.addEventListener("mouseenter",this.mouseenterHandler),this.forElement.addEventListener("mouseleave",this.mouseleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){r(this.root)}disconnectedCallback(){this.forElement.removeAttribute("aria-describedby"),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.forElement.removeEventListener("mouseenter",this.mouseenterHandler),this.forElement.removeEventListener("mouseleave",this.mouseleaveHandler),this.forElement.removeEventListener("focusin",this.focusinHandler),this.forElement.removeEventListener("focusout",this.focusoutHandler)}render(){return i(e,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("slot",null))}get root(){return o(this)}};a.style=":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0;transition:opacity 0.25s ease-in-out}:host(.gux-show){visibility:visible !important;opacity:1}";const c=class{constructor(i){t(this,i),this.hasTooltip=!1,this.showTooltip=!1,this.iconOnly=!1,this.titleName=""}onmouseenter(t){t.buttons||(this.showTooltip=!0)}onmouseleave(){this.showTooltip=!1}onmousedown(){this.showTooltip=!1}async setShowTooltip(){this.tooltipElement&&(this.showTooltip=!0,await this.tooltipElement.showTooltip())}async setHideTooltip(){this.tooltipElement&&(this.showTooltip=!1,await this.tooltipElement.hideTooltip())}onMutation(){this.titleName=this.setTooltipTitleText(),this.checkForTooltipHideOrShow()}componentWillLoad(){this.titleName=this.setTooltipTitleText()}componentDidLoad(){this.logErrorNoIconSrText()}logErrorNoIconSrText(){this.iconOnly&&!this.titleName&&h("gux-tooltip-title","No screenreader-text provided. Provide a localized screenreader-text property for the gux-icon. The screenreader-text property is used for the icon screenreader text and the tooltip.")}addIconDecorative(){this.root.classList.add("gux-tooltip-icon-decorative")}getTitleElements(){var t;const i=this.root.querySelector("slot"),e=null===(t=this.root.querySelector(".gux-title-container span"))||void 0===t?void 0:t.children;return i?i.assignedElements():e?Array.from(e):[]}getTitleTextContent(){return this.root.querySelector("slot")?this.root.querySelector("slot").assignedNodes().map((t=>t.textContent)).join("").trim():this.root.querySelector(".gux-title-container")?this.root.querySelector(".gux-title-container").textContent.trim():""}setTooltipTitleText(){let t=this.getTitleTextContent();return this.getTitleElements().forEach((i=>{"GUX-ICON"!==i.tagName||this.getTitleTextContent()?"GUX-ICON"===i.tagName&&this.getTitleTextContent()&&this.addIconDecorative():(this.iconOnly=!0,t=i.getAttribute("screenreader-text"))})),t}checkForTooltipHideOrShow(){const t=this.root.querySelector(".gux-title-container");this.root.classList.remove("gux-overflow-hidden"),this.iconOnly&&this.titleName?this.hasTooltip=!0:(null==t?void 0:t.scrollWidth)>(null==t?void 0:t.offsetWidth)?(this.root.classList.add("gux-overflow-hidden"),this.hasTooltip=!0):this.hasTooltip=!1}render(){return[i("span",{class:"gux-title-container"},i("slot",null)),this.renderTooltip()]}renderTooltip(){if(this.hasTooltip)return i("gux-tooltip",{"aria-hidden":"true",ref:t=>this.tooltipElement=t,hidden:!this.showTooltip},this.titleName)}get root(){return o(this)}};(function(t,i,e,o){var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([l({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style="gux-tooltip-title{overflow:hidden;cursor:default}gux-tooltip{font-weight:normal;line-height:normal;text-align:left;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-left:calc(1rem + 4px)}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;left:calc(-1rem - 4px);flex-shrink:0}";export{a as gux_tooltip,c as gux_tooltip_title}

package/dist/genesys-webcomponents/{p-58bda5cc.entry.js → p-fabe9d9d.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,g as e}from"./p-e571f861.js";import{t as s}from"./p-c4dce34e.js";import{V as a}from"./p-5cacdfc9.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",params:[{name:"onHover",select:{type:"point",on:"mouseover"}}],config:{axis:{ticks:!1,titlePadding:8,gridColor:"#F6F7F9"},axisX:{labelAngle:0,grid:!0},legend:{symbolType:"circle"}},width:{step:40},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:"category",type:"nominal",scale:{range:a},legend:null},size:{condition:[{param:"onHover",empty:!1,value:100}],value:40}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||o("gux-chart-scatter-plot","[gux-chart-scatter-plot] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=-45),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,e=this.xAxisTitle,s=this.yFieldName,a=this.yAxisTitle,h=this.legendTitle,r=this.useShape||"circle",l=this.colorFieldName||"category";this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),i&&(this.baseChartSpec.encoding.x.field=i),e&&(this.baseChartSpec.encoding.x.title=e),s&&(this.baseChartSpec.encoding.y.field=s),a&&(this.baseChartSpec.encoding.y.title=a),l&&(this.baseChartSpec.encoding.color.field=l),h&&(this.baseChartSpec.encoding.color.title=h),this.baseChartSpec.mark={type:r,filled:!0},this.baseChartSpec.config.legend.symbolType=r,this.baseChartSpec.encoding.shape={field:l,type:"nominal"},this.baseChartSpec.encoding.tooltip=[{field:i,type:"nominal",title:e},{field:s,type:"quantitative",title:a},{field:l,type:"nominal",title:h}];const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};h.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{h as gux_chart_scatter_plot_beta}
+import{r as t,h as i,g as e}from"./p-e571f861.js";import{t as s}from"./p-9f256566.js";import{V as a}from"./p-5cacdfc9.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",params:[{name:"onHover",select:{type:"point",on:"mouseover"}}],config:{axis:{ticks:!1,titlePadding:8,gridColor:"#F6F7F9"},axisX:{labelAngle:0,grid:!0},legend:{symbolType:"circle"}},width:{step:40},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:"category",type:"nominal",scale:{range:a},legend:null},size:{condition:[{param:"onHover",empty:!1,value:100}],value:40}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||o("gux-chart-scatter-plot","[gux-chart-scatter-plot] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=-45),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,e=this.xAxisTitle,s=this.yFieldName,a=this.yAxisTitle,h=this.legendTitle,r=this.useShape||"circle",l=this.colorFieldName||"category";this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),i&&(this.baseChartSpec.encoding.x.field=i),e&&(this.baseChartSpec.encoding.x.title=e),s&&(this.baseChartSpec.encoding.y.field=s),a&&(this.baseChartSpec.encoding.y.title=a),l&&(this.baseChartSpec.encoding.color.field=l),h&&(this.baseChartSpec.encoding.color.title=h),this.baseChartSpec.mark={type:r,filled:!0},this.baseChartSpec.config.legend.symbolType=r,this.baseChartSpec.encoding.shape={field:l,type:"nominal"},this.baseChartSpec.encoding.tooltip=[{field:i,type:"nominal",title:e},{field:s,type:"quantitative",title:a},{field:l,type:"nominal",title:h}];const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};h.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{h as gux_chart_scatter_plot_beta}

package/dist/genesys-webcomponents/{p-8b235c66.entry.js → p-fc1f0f90.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as a,H as i,g as h}from"./p-e571f861.js";import{t as c}from"./p-c4dce34e.js";const e=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){c(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};e.style="gux-tabs-advanced{-custom-noop:noop}";export{e as gux_tabs_advanced}
+import{r as t,c as s,h as a,H as i,g as h}from"./p-e571f861.js";import{t as c}from"./p-9f256566.js";const e=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){c(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};e.style="gux-tabs-advanced{-custom-noop:noop}";export{e as gux_tabs_advanced}

package/dist/genesys-webcomponents/{p-08916658.entry.js → p-fe10fb24.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-c4dce34e.js";import{G as l,a as p}from"./p-cdf5cb56.js";import{h as u,G as f,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(f,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin: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:11px;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;width:16px;height:16px;margin:0 4px;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}: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(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px;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;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_color}
+import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-9f256566.js";import{G as l,a as p}from"./p-cdf5cb56.js";import{h as u,G as f,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(f,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin: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:11px;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;width:16px;height:16px;margin:0 4px;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}: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(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px;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;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_color}

package/dist/stencil-wrapper.js

@@ -6,7 +6,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.8.0-57/genesys-webcomponents/';
+const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.8.3-63/genesys-webcomponents/';
 export function registerElements() {
     if (CDN_URL) {
         defineCustomElements(window, { resourcesUrl: CDN_URL });

package/dist/types/components/beta/gux-chart-donut/gux-chart-donut.d.ts

@@ -21,6 +21,7 @@ export declare class GuxDonutChart {
   gauge: boolean;
   centerText: string;
   centerSubText: string;
+  showTooltip: boolean;
   tooltipOptions: EmbedOptions;
   legendX: number;
   legendY: number;

package/dist/types/components.d.ts

@@ -351,6 +351,7 @@ export namespace Components {
         "legendX": number;
         "legendY": number;
         "outerRadius": number;
+        "showTooltip": boolean;
         "tooltipOptions": EmbedOptions;
     }
     interface GuxChartLineBeta {
@@ -2663,6 +2664,7 @@ declare namespace LocalJSX {
         "legendX"?: number;
         "legendY"?: number;
         "outerRadius"?: number;
+        "showTooltip"?: boolean;
         "tooltipOptions"?: EmbedOptions;
     }
     interface GuxChartLineBeta {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "3.8.1",
+  "version": "3.8.4",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -64,15 +64,15 @@
     "sortablejs": "^1.15.0",
     "stencil-click-outside": "^1.8.0",
     "vega": "^5.22.1",
-    "vega-embed": "^6.20.8",
-    "vega-lite": "^5.2.0"
+    "vega-embed": "^6.21.0",
+    "vega-lite": "^5.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.2",
-    "@babel/preset-env": "^7.18.2",
-    "@commitlint/cli": "^17.0.2",
-    "@commitlint/config-conventional": "^17.0.2",
-    "@stencil/core": "^2.16.1",
+    "@babel/core": "^7.18.6",
+    "@babel/preset-env": "^7.18.6",
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.0.3",
+    "@stencil/core": "^2.17.0",
     "@stencil/less": "^1.0.0",
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/utils": "0.0.5",
@@ -81,20 +81,20 @@
     "@types/puppeteer": "^5.4.6",
     "@types/resize-observer-browser": "^0.1.7",
     "@types/sortablejs": "^1.13.0",
-    "@typescript-eslint/eslint-plugin": "^5.27.1",
-    "@typescript-eslint/parser": "^5.27.1",
+    "@typescript-eslint/eslint-plugin": "^5.30.5",
+    "@typescript-eslint/parser": "^5.30.5",
     "axe-live": "^1.0.1",
     "babel-loader": "^8.2.5",
     "commitizen": "^4.2.4",
-    "concurrently": "^7.2.1",
+    "concurrently": "^7.2.2",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.17.0",
+    "eslint": "^8.19.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jest": "^26.5.3",
-    "eslint-plugin-jsdoc": "^39.3.2",
+    "eslint-plugin-jsdoc": "^39.3.3",
     "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.30.1",
     "file-loader": "^6.2.0",
     "glob": "^8.0.3",
     "handlebars": "^4.7.7",
@@ -107,26 +107,26 @@
     "jest-junit": "^13.2.0",
     "jsdom": "^19.0.0",
     "lint-staged": "^12.5.0",
-    "marked": "^4.0.16",
+    "marked": "^4.0.17",
     "mutation-observer": "^1.0.3",
-    "node-fetch": "^3.2.5",
-    "postcss-html": "^1.4.1",
+    "node-fetch": "^3.2.6",
+    "postcss-html": "^1.5.0",
     "postcss-less": "^6.0.0",
-    "prettier": "^2.6.2",
-    "puppeteer": "^14.2.1",
-    "rollup": "^2.75.5",
+    "prettier": "^2.7.1",
+    "puppeteer": "^14.4.1",
+    "rollup": "^2.76.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-less": "^1.1.3",
     "semver-sort": "^1.0.0",
     "standard-version": "^9.5.0",
-    "stylelint": "^14.8.5",
-    "stylelint-config-html": "^1.0.0",
+    "stylelint": "^14.9.1",
+    "stylelint-config-html": "^1.1.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recess-order": "^3.0.0",
     "stylelint-config-standard": "^25.0.0",
     "svgo": "^2.8.0",
-    "ts-loader": "^9.3.0",
-    "typescript": "^4.7.3",
+    "ts-loader": "^9.3.1",
+    "typescript": "^4.7.4",
     "weekstart": "^1.1.0",
     "xmldom": "^0.6.0"
   },

package/dist/genesys-webcomponents/p-1c516c64.entry.js

@@ -1 +0,0 @@
-import{r as o,c as t,h as a,g}from"./p-e571f861.js";import{b as e}from"./p-4154675a.js";import{t as r}from"./p-c4dce34e.js";import"./p-8a133b9b.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},l=class{constructor(a){o(this,a),this.guxdelete=t(this,"guxdelete",7),this.color="default",this.disabled=!1,this.removable=!1}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(o){const t=o.composedPath()[0].assignedNodes();this.label=t.map((o=>o.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await e(this.root,u)}render(){return a("div",{class:{"gux-tag":!0,[`gux-${this.color}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return g(this)}};l.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .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-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuscha{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuscha.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}";export{l as gux_tag_beta}