genesys-spark-components 3.3.1 → 3.4.1

package/dist/genesys-webcomponents/{p-215a00f5.entry.js → p-eea66598.entry.js}

@@ -1 +1 @@
-import{r as o,c as i,h as t,H as s,g as e}from"./p-a085b143.js";import{t as r}from"./p-c0fe1fe7.js";const a=class{constructor(t){o(this,t),this.guxdismiss=i(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return t(s,null,t("div",{class:`gux-icon gux-${this.accent}`},t("slot",{name:"icon"})),t("div",{class:"gux-message"},t("slot",{name:"message"})),t("gux-dismiss-button",{onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(o){o.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return e(this)}};a.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";export{a as gux_simple_toast}
+import{r as o,c as i,h as t,H as s,g as e}from"./p-a085b143.js";import{t as r}from"./p-c84c0715.js";const a=class{constructor(t){o(this,t),this.guxdismiss=i(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return t(s,null,t("div",{class:`gux-icon gux-${this.accent}`},t("slot",{name:"icon"})),t("div",{class:"gux-message"},t("slot",{name:"message"})),t("gux-dismiss-button",{onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(o){o.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return e(this)}};a.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";export{a as gux_simple_toast}

package/dist/genesys-webcomponents/{p-5ab45300.entry.js → p-f216d68d.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as i}from"./p-a085b143.js";import{b as o}from"./p-2548bdad.js";import{O as n}from"./p-4b7056b2.js";import{o as r,a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-c0fe1fe7.js";import{s as u}from"./p-8fe7daff.js";import{s as p}from"./p-d176c2ae.js";import{G as c,a as x}from"./p-afb54d23.js";import{h as d,c as g,G as h,a as f,v as b,g as m}from"./p-08b07a2b.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";const w={increment:"Increment",decrement:"Decrement"};const v=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=d(this.root)}async componentWillLoad(){this.getI18nValue=await o(this.root,w),this.setInput(),this.setLabel(),this.hasError=d(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(x,{labelPosition:this.computedLabelPosition},e(c,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),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,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>g(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(h,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="number"][slot="input"]'),this.hasContent=f(this.input),a(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,i,o){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("increment"),disabled:o,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("decrement"),disabled:o,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?u(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?u(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){p(t,"input"),p(t,"change")}get root(){return i(this)}};(function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)})([n({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.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 12px;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.gux-clear{padding-right:0}.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}.gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}";export{v as gux_form_field_number}
+import{r as t,h as e,g as i}from"./p-a085b143.js";import{b as o}from"./p-2548bdad.js";import{O as n}from"./p-4b7056b2.js";import{o as r,a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-c84c0715.js";import{s as u}from"./p-8fe7daff.js";import{s as p}from"./p-d176c2ae.js";import{G as c,a as x}from"./p-afb54d23.js";import{h as d,c as g,G as h,a as f,v as b,g as m}from"./p-08b07a2b.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";const w={increment:"Increment",decrement:"Decrement"};const v=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=d(this.root)}async componentWillLoad(){this.getI18nValue=await o(this.root,w),this.setInput(),this.setLabel(),this.hasError=d(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(x,{labelPosition:this.computedLabelPosition},e(c,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),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,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>g(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(h,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="number"][slot="input"]'),this.hasContent=f(this.input),a(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,i,o){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("increment"),disabled:o,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("decrement"),disabled:o,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?u(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?u(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){p(t,"input"),p(t,"change")}get root(){return i(this)}};(function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)})([n({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.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 12px;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.gux-clear{padding-right:0}.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}.gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}";export{v as gux_form_field_number}

package/dist/genesys-webcomponents/{p-4469ab71.entry.js → p-f3f89d6c.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,g as i}from"./p-a085b143.js";import{m as r,g as n}from"./p-5ac4e2cf.js";import{t as h}from"./p-c0fe1fe7.js";const e=class{constructor(s){t(this,s),this.strategy="start"}componentWillLoad(){h(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",null,this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",null,s("mark",null,t),i)}return s("span",null,this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(r(this.highlight,this.text)){const t=n(this.highlight).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),h=n.substring(0,r);return{highlighted:`${t.highlighted+h}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{innerHTML:t.highlighted+t.remaining})}return s("span",null,this.text)}get root(){return i(this)}};export{e as gux_text_highlight}
+import{r as t,h as s,g as i}from"./p-a085b143.js";import{m as r,g as n}from"./p-5ac4e2cf.js";import{t as h}from"./p-c84c0715.js";const e=class{constructor(s){t(this,s),this.strategy="start"}componentWillLoad(){h(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",null,this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",null,s("mark",null,t),i)}return s("span",null,this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(r(this.highlight,this.text)){const t=n(this.highlight).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),h=n.substring(0,r);return{highlighted:`${t.highlighted+h}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{innerHTML:t.highlighted+t.remaining})}return s("span",null,this.text)}get root(){return i(this)}};export{e as gux_text_highlight}

package/dist/genesys-webcomponents/{p-00061ef5.entry.js → p-f5a4ad18.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as i}from"./p-a085b143.js";import{t as a}from"./p-c0fe1fe7.js";import{l as s}from"./p-3184268e.js";import{V as r}from"./p-5cacdfc9.js";const o=class{constructor(e){t(this,e),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:"category",type:"nominal",scale:{range:r},legend:null},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:"value",type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right"}parseData(){this.outerRadius||this.innerRadius||s("gux-chart-donut","[gux-chart-donut] requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const e=this.colorFieldName||"category";e&&(this.baseChartSpec.encoding.color.field=e);const i=this.legendTitle;i&&(this.baseChartSpec.encoding.color.title=i);let a=this.outerRadius,r=this.innerRadius;a||(a=r+32),r||(r=a-32),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:a,innerRadius:r}},{mark:{type:"arc",innerRadius:r,stroke:"#fff"}}];const o=this.labelRadius,n=this.labelField||"value";o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},encoding:{text:{field:n,type:"quantitative"}}}),this.baseChartSpec.encoding.tooltip.field=n;const h=Object.assign(this.baseChartSpec,t);this.visualizationSpec=h}componentWillLoad(){a(this.root),this.parseData()}render(){return e("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{o as gux_chart_donut_beta}
+import{r as t,h as e,g as i}from"./p-a085b143.js";import{t as a}from"./p-c84c0715.js";import{l as s}from"./p-3184268e.js";import{V as r}from"./p-5cacdfc9.js";const o=class{constructor(e){t(this,e),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:"category",type:"nominal",scale:{range:r},legend:null},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:"value",type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right"}parseData(){this.outerRadius||this.innerRadius||s("gux-chart-donut","[gux-chart-donut] requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const e=this.colorFieldName||"category";e&&(this.baseChartSpec.encoding.color.field=e);const i=this.legendTitle;i&&(this.baseChartSpec.encoding.color.title=i);let a=this.outerRadius,r=this.innerRadius;a||(a=r+32),r||(r=a-32),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:a,innerRadius:r}},{mark:{type:"arc",innerRadius:r,stroke:"#fff"}}];const o=this.labelRadius,n=this.labelField||"value";o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},encoding:{text:{field:n,type:"quantitative"}}}),this.baseChartSpec.encoding.tooltip.field=n;const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){a(this.root),this.parseData()}render(){return e("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{o as gux_chart_donut_beta}

package/dist/genesys-webcomponents/{p-2ded0069.entry.js → p-fafae79b.entry.js}

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

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 = '/spark-components/build-assets/3.3.0-34/';
+const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.4.0-40/genesys-webcomponents/';
 export function registerElements() {
     if (CDN_URL) {
         defineCustomElements(window, { resourcesUrl: CDN_URL });

package/dist/types/components/beta/gux-copy-to-clipboard/gux-copy-to-clipboard.d.ts

@@ -0,0 +1,13 @@
+import { JSX } from '../../../stencil-public-runtime';
+export declare class GuxCopyToClipboard {
+  private i18n;
+  private root;
+  tooltipContent: string;
+  onMouseleave(): void;
+  onFocusout(): void;
+  onFocus(): void;
+  private resetTooltip;
+  private onCopyToClipboard;
+  componentWillLoad(): Promise<void>;
+  render(): JSX.Element;
+}

package/dist/types/components/stable/gux-tooltip/gux-tooltip.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from '../../../stencil-public-runtime';
+import { GuxTooltipPlacements } from './gux-tooltip.types';
 /**
  * @slot - Content of the tooltip
  */
@@ -16,6 +17,10 @@ export declare class GuxTooltip {
    * Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)
    */
   for: string;
+  /**
+   * Placement of the tooltip. Default is bottom-start
+   */
+  placement: GuxTooltipPlacements;
   /**
    * If tooltip is shown or not
    */

package/dist/types/components/stable/gux-tooltip/gux-tooltip.types.d.ts

@@ -0,0 +1 @@
+export declare type GuxTooltipPlacements = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end' | 'auto' | 'auto-start' | 'auto-end';

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { GuxTableSelectedState, GuxTableSortState } from "./components/beta/gux-
 import { GuxTabsAlignment, GuxTabsOrientation } from "./components/stable/gux-tabs/gux-tabs-types";
 import { GuxTagColor } from "./components/beta/gux-tag/gux-tag.types";
 import { GuxToggleLabelPosition } from "./components/stable/gux-toggle/gux-toggle.types";
+import { GuxTooltipPlacements } from "./components/stable/gux-tooltip/gux-tooltip.types";
 export namespace Components {
     interface GuxAccordion {
         "singleOpenSection": boolean;
@@ -509,6 +510,8 @@ export namespace Components {
          */
         "matchCount": number;
     }
+    interface GuxCopyToClipboardBeta {
+    }
     interface GuxDatepicker {
         /**
           * Disable the input and prevent interactions.
@@ -1213,6 +1216,10 @@ export namespace Components {
          */
         "for": string;
         "hideTooltip": () => Promise<void>;
+        /**
+          * Placement of the tooltip. Default is bottom-start
+         */
+        "placement": GuxTooltipPlacements;
         "showTooltip": () => Promise<void>;
     }
     interface GuxTooltipTitle {
@@ -1583,6 +1590,12 @@ declare global {
         prototype: HTMLGuxContentSearchElement;
         new (): HTMLGuxContentSearchElement;
     };
+    interface HTMLGuxCopyToClipboardBetaElement extends Components.GuxCopyToClipboardBeta, HTMLStencilElement {
+    }
+    var HTMLGuxCopyToClipboardBetaElement: {
+        prototype: HTMLGuxCopyToClipboardBetaElement;
+        new (): HTMLGuxCopyToClipboardBetaElement;
+    };
     interface HTMLGuxDatepickerElement extends Components.GuxDatepicker, HTMLStencilElement {
     }
     var HTMLGuxDatepickerElement: {
@@ -2141,6 +2154,7 @@ declare global {
         "gux-command-action": HTMLGuxCommandActionElement;
         "gux-command-palette-legacy": HTMLGuxCommandPaletteLegacyElement;
         "gux-content-search": HTMLGuxContentSearchElement;
+        "gux-copy-to-clipboard-beta": HTMLGuxCopyToClipboardBetaElement;
         "gux-datepicker": HTMLGuxDatepickerElement;
         "gux-disclosure-button": HTMLGuxDisclosureButtonElement;
         "gux-dismiss-button": HTMLGuxDismissButtonElement;
@@ -2712,6 +2726,8 @@ declare namespace LocalJSX {
          */
         "onGuxcurrentmatchchanged"?: (event: GuxContentSearchCustomEvent<number>) => void;
     }
+    interface GuxCopyToClipboardBeta {
+    }
     interface GuxDatepicker {
         /**
           * Disable the input and prevent interactions.
@@ -3465,6 +3481,10 @@ declare namespace LocalJSX {
           * Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)
          */
         "for"?: string;
+        /**
+          * Placement of the tooltip. Default is bottom-start
+         */
+        "placement"?: GuxTooltipPlacements;
     }
     interface GuxTooltipTitle {
     }
@@ -3504,6 +3524,7 @@ declare namespace LocalJSX {
         "gux-command-action": GuxCommandAction;
         "gux-command-palette-legacy": GuxCommandPaletteLegacy;
         "gux-content-search": GuxContentSearch;
+        "gux-copy-to-clipboard-beta": GuxCopyToClipboardBeta;
         "gux-datepicker": GuxDatepicker;
         "gux-disclosure-button": GuxDisclosureButton;
         "gux-dismiss-button": GuxDismissButton;
@@ -3627,6 +3648,7 @@ declare module "@stencil/core" {
             "gux-command-action": LocalJSX.GuxCommandAction & JSXBase.HTMLAttributes<HTMLGuxCommandActionElement>;
             "gux-command-palette-legacy": LocalJSX.GuxCommandPaletteLegacy & JSXBase.HTMLAttributes<HTMLGuxCommandPaletteLegacyElement>;
             "gux-content-search": LocalJSX.GuxContentSearch & JSXBase.HTMLAttributes<HTMLGuxContentSearchElement>;
+            "gux-copy-to-clipboard-beta": LocalJSX.GuxCopyToClipboardBeta & JSXBase.HTMLAttributes<HTMLGuxCopyToClipboardBetaElement>;
             "gux-datepicker": LocalJSX.GuxDatepicker & JSXBase.HTMLAttributes<HTMLGuxDatepickerElement>;
             "gux-disclosure-button": LocalJSX.GuxDisclosureButton & JSXBase.HTMLAttributes<HTMLGuxDisclosureButtonElement>;
             "gux-dismiss-button": LocalJSX.GuxDismissButton & JSXBase.HTMLAttributes<HTMLGuxDismissButtonElement>;

package/package.json

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

package/dist/genesys-webcomponents/p-820ebbc3.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as e,g as o}from"./p-a085b143.js";import{r as s}from"./p-cbcbd1bb.js";import{t as r}from"./p-c0fe1fe7.js";import{c as n}from"./p-4c66f794.js";import{l as h}from"./p-3184268e.js";import{O as l}from"./p-4b7056b2.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.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:"bottom-start",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-8bcf179a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,d as a,w as o,h as s,g as n}from"./p-a085b143.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-4b7056b2.js";import{b as r}from"./p-2548bdad.js";import{e as l}from"./p-29e8b184.js";import{t as d}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const b=class{constructor(a){t(this,a),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&l(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),a=Array.prototype.indexOf.call(i,this.sortTarget);let o;o=a===i.length-1?i[0]:i[a+2],t.insertBefore(this.sortTarget,o),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),a=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[a-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,a)=>{const o=i.tabId===t;i.guxSetActive(o),o&&(this.focused=a)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const a=await t.guxGetActive();this.focused===i||a||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),a=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasScrollbar&&i.scrollBy(a.clientWidth,0)})),this.focusTab(this.focused+1)):(o((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasScrollbar&&i.scrollBy(-a.clientWidth,0)})),this.focusTab(this.focused-1)):(o((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,d,"gux-tabs-advanced")}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}render(){const t=t=>s("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("gux-icon",{"icon-name":"add",decorative:!0}));return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"new-tab"},this.showNewTabButton&&!this.hasScrollbar?s(t,{onClick:()=>this.newTab.emit()}):null),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton&&this.hasScrollbar?s(t,{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,a,o){var s,n=arguments.length,e=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,a,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,a,e):s(i,a))||e);n>3&&e&&Object.defineProperty(i,a,e)})([c({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:35px;height:50px;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab{display:flex;align-items:center;justify-content:center;width:35px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{b as gux_tab_advanced_list}

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

@@ -1 +0,0 @@
-import{r as t,h as i,g as e}from"./p-a085b143.js";import{O as o}from"./p-4b7056b2.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-c0fe1fe7.js";import{G as l,a as u}from"./p-afb54d23.js";import{h as p,c as x,G as c,a as f,v as h,g as d}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.clearable=!0,this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=p(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(u,{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("gux-icon",{"icon-name":"search",decorative:!0}),i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>x(this.input)}))),i(c,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${t}`}setInput(){this.input=this.root.querySelector('input[type="search"][slot="input"]'),this.hasContent=f(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(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})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(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})],g.prototype,"onMutation",null),g.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-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 8px;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 gux-icon[icon-name='search']{flex:0 0 auto;align-self:auto;order:0;width:20px;height:20px;margin-right:4px;color:#596373}.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-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_search}