genesys-spark-components 4.0.0-beta.50 → 4.0.0-beta.51

package/dist/genesys-webcomponents/{p-fa5b550e.entry.js → p-3320e1c4.entry.js}

@@ -1 +1 @@
-import{r as o,h as r,g as e}from"./p-deca7631.js";import{c as t,o as i}from"./p-16f3da0d.js";import{O as n}from"./p-d6edbaeb.js";import{o as l}from"./p-37bfd195.js";import{p as a}from"./p-28f55159.js";import{h as s}from"./p-324b23f3.js";import{G as u,a as f,v as g,b as p}from"./p-e5766b80.js";import{G as d,a as h}from"./p-2b468e4b.js";import{t as c}from"./p-c23acf83.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const m=class{constructor(r){o(this,r),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return r(h,{labelPosition:this.computedLabelPosition},r(d,{position:this.computedLabelPosition,required:this.required},r("slot",{name:"label",onSlotchange:()=>this.setLabel()})),r("div",{class:"gux-input-and-error-container"},r("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},r("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},r("slot",{name:"input"}),r("gux-icon",{"icon-name":"chevron-small-down",decorative:!0}))),r(u,{show:this.hasError},r("slot",{name:"error"})),r(f,{show:!this.hasError&&this.hasHelp},r("slot",{name:"help"}))))}get variant(){const o=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${o}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=p(this.label,this.labelPosition)}get root(){return e(this)}};(function(o,r,e,t){var i,n=arguments.length,l=n<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,r,e,t);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(l=(n<3?i(l):n>3?i(r,e,l):i(r,e))||l);n>3&&l&&Object.defineProperty(r,e,l)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.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;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;margin-left:var(--gse-ui-formControl-input-gap);color:var(--gse-ui-formControl-input-populatedColor);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}::slotted(select)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);margin-right:var(--gse-ui-formControl-input-gap);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{m as gux_form_field_select}
+import{r as o,h as r,g as e}from"./p-deca7631.js";import{c as t,o as i}from"./p-16f3da0d.js";import{O as n}from"./p-d6edbaeb.js";import{o as l}from"./p-37bfd195.js";import{p as a}from"./p-28f55159.js";import{h as s}from"./p-324b23f3.js";import{G as u,a as g,v as p,b as f}from"./p-e5766b80.js";import{G as d,a as h}from"./p-2b468e4b.js";import{t as c}from"./p-d6cd7546.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const m=class{constructor(r){o(this,r),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return r(h,{labelPosition:this.computedLabelPosition},r(d,{position:this.computedLabelPosition,required:this.required},r("slot",{name:"label",onSlotchange:()=>this.setLabel()})),r("div",{class:"gux-input-and-error-container"},r("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},r("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},r("slot",{name:"input"}),r("gux-icon",{"icon-name":"chevron-small-down",decorative:!0}))),r(u,{show:this.hasError},r("slot",{name:"error"})),r(g,{show:!this.hasError&&this.hasHelp},r("slot",{name:"help"}))))}get variant(){const o=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${o}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}get root(){return e(this)}};(function(o,r,e,t){var i,n=arguments.length,l=n<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,r,e,t);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(l=(n<3?i(l):n>3?i(r,e,l):i(r,e))||l);n>3&&l&&Object.defineProperty(r,e,l)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.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;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;margin-left:var(--gse-ui-formControl-input-gap);color:var(--gse-ui-formControl-input-populatedColor);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}::slotted(select)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);margin-right:var(--gse-ui-formControl-input-gap);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{m as gux_form_field_select}

package/dist/genesys-webcomponents/{p-5def3a96.entry.js → p-37c0d203.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as i,g as o}from"./p-deca7631.js";import{t as r}from"./p-c23acf83.js";import{D as a,g as e}from"./p-f9c65a99.js";import{g as h}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const m=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){r(this.root),this.formatter=new a(h(this.root))}render(){return s(i,null,this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:e(this.timeZone)}))}get root(){return o(this)}};export{m as gux_date_time_beta}
+import{r as t,h as s,H as i,g as o}from"./p-deca7631.js";import{t as r}from"./p-d6cd7546.js";import{D as a,g as e}from"./p-f9c65a99.js";import{g as h}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const m=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){r(this.root),this.formatter=new a(h(this.root))}render(){return s(i,null,this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:e(this.timeZone)}))}get root(){return o(this)}};export{m as gux_date_time_beta}

package/dist/genesys-webcomponents/p-4046cff8.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as o,g as e}from"./p-deca7631.js";import{b as r}from"./p-2ba7be7a.js";import{t as g}from"./p-d6cd7546.js";import"./p-0962dd7a.js";const i={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},n=class{constructor(o){t(this,o),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.label=void 0}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(t){const a=t.composedPath()[0].assignedNodes();this.label=a.map((t=>t.textContent)).join("")}renderTagTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){g(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await r(this.root,i)}render(){return o("div",{class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};n.style=':host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);align-content:stretch;align-items:center;justify-content:flex-start;height:var(--gse-ui-tag-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-text-fontFamily);font-size:var(--gse-ui-tag-text-fontSize);font-weight:var(--gse-ui-tag-text-fontWeight, 600);line-height:var(--gse-ui-tag-text-lineHeight);color:var(--gse-ui-tag-default-foregroundColor);background-color:var(--gse-ui-tag-default-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-disabled{position:relative}.gux-tag.gux-disabled::before{position:absolute;inset:0;content:"";background-color:#fff;border-radius:var(--gse-ui-tag-borderRadius);opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.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}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:var(--gse-ui-tag-button-size);height:var(--gse-ui-tag-button-size);margin-right:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-semantic-focusRing-small-border-width) solid var(--gse-semantic-color-focus)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-foregroundColor);background-color:var(--gse-ui-tag-default-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-foregroundColor);background-color:var(--gse-ui-tag-accent1-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-foregroundColor);background-color:var(--gse-ui-tag-accent2-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-foregroundColor);background-color:var(--gse-ui-tag-accent3-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-foregroundColor);background-color:var(--gse-ui-tag-accent4-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-foregroundColor);background-color:var(--gse-ui-tag-accent5-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-foregroundColor);background-color:var(--gse-ui-tag-accent6-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-foregroundColor);background-color:var(--gse-ui-tag-accent7-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-foregroundColor);background-color:var(--gse-ui-tag-accent8-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-foregroundColor);background-color:var(--gse-ui-tag-accent9-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-foregroundColor);background-color:var(--gse-ui-tag-accent10-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}';export{n as gux_tag}

package/dist/genesys-webcomponents/{p-23f0bd2f.entry.js → p-49edea32.entry.js}

@@ -1 +1 @@
-import{r as o,h as r,g as t}from"./p-deca7631.js";import{t as e}from"./p-c23acf83.js";import{b as i}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const n={clear:"Clear"},s=class{constructor(r){o(this,r)}async componentWillLoad(){e(this.root),this.i18n=await i(this.root,n)}render(){return r("button",{tabIndex:-1,type:"button",title:this.i18n("clear")},r("gux-icon",{"icon-name":"close",decorative:!0}))}static get delegatesFocus(){return!0}get root(){return t(this)}};s.style="button{padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius)}button:not(:disabled):focus-visible,button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);border-radius:var(--gse-ui-formControl-input-borderRadius)}button:focus{outline:none}button:focus-visible:enabled gux-icon{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}";export{s as gux_form_field_input_clear_button}
+import{r as o,h as r,g as t}from"./p-deca7631.js";import{t as e}from"./p-d6cd7546.js";import{b as i}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const n={clear:"Clear"},s=class{constructor(r){o(this,r)}async componentWillLoad(){e(this.root),this.i18n=await i(this.root,n)}render(){return r("button",{tabIndex:-1,type:"button",title:this.i18n("clear")},r("gux-icon",{"icon-name":"close",decorative:!0}))}static get delegatesFocus(){return!0}get root(){return t(this)}};s.style="button{padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius)}button:not(:disabled):focus-visible,button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);border-radius:var(--gse-ui-formControl-input-borderRadius)}button:focus{outline:none}button:focus-visible:enabled gux-icon{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}";export{s as gux_form_field_input_clear_button}

package/dist/genesys-webcomponents/{p-cf985a58.entry.js → p-4ff7126a.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as o,g as s}from"./p-deca7631.js";import{a as r,c as i,o as n,f as a,s as u,b as h}from"./p-f3521f3e.js";import{a as d}from"./p-ffaadf62.js";import{t as c}from"./p-c23acf83.js";import{h as l}from"./p-705311af.js";const m=class{constructor(e){t(this,e),this.isShown=!1}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=d((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.root===t.target?this.focusOnMenu():this.hideDelayTimeout=d((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=r(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&i(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[n(16),a(),u(),h({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:s})=>{var r;Object.assign(this.menuContentElement.style,{left:`${t}px`,top:`${e}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(o.arrow){const{x:t,y:e}=o.arrow;Object.assign(null===(r=this.arrowElement)||void 0===r?void 0:r.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){c(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e(o,{tabIndex:0,"aria-haspopup":"true"},e("span",{ref:t=>this.targetElement=t},e("slot",{name:"target"})),e("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),e("slot",{name:"menu"})))}get root(){return s(this)}};m.style=":host{z-index:var(--gux-zindex-popover, 2);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border-top:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-right:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color)}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}";export{m as gux_flyout_menu}
+import{r as t,h as e,H as o,g as s}from"./p-deca7631.js";import{a as r,c as i,o as n,f as a,s as u,b as h}from"./p-f3521f3e.js";import{a as d}from"./p-ffaadf62.js";import{t as c}from"./p-d6cd7546.js";import{h as l}from"./p-705311af.js";const m=class{constructor(e){t(this,e),this.isShown=!1}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=d((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.root===t.target?this.focusOnMenu():this.hideDelayTimeout=d((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=r(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&i(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[n(16),a(),u(),h({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:s})=>{var r;Object.assign(this.menuContentElement.style,{left:`${t}px`,top:`${e}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(o.arrow){const{x:t,y:e}=o.arrow;Object.assign(null===(r=this.arrowElement)||void 0===r?void 0:r.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){c(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e(o,{tabIndex:0,"aria-haspopup":"true"},e("span",{ref:t=>this.targetElement=t},e("slot",{name:"target"})),e("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),e("slot",{name:"menu"})))}get root(){return s(this)}};m.style=":host{z-index:var(--gux-zindex-popover, 2);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border-top:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-right:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color)}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}";export{m as gux_flyout_menu}

package/dist/genesys-webcomponents/{p-92e348a2.entry.js → p-54a93970.entry.js}

@@ -1 +1 @@
-import{r,h as e,g as i}from"./p-deca7631.js";import{b as o}from"./p-2ba7be7a.js";import{t as a}from"./p-c23acf83.js";import"./p-0962dd7a.js";const t={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},s=class{constructor(e){r(this,e),this.accent="info"}getIcon(r){switch(r){case"info":default:return"fa/circle-info-solid";case"success":return"fa/circle-check-solid";case"warning":return"fa/triangle-exclamation-solid";case"error":return"fa/hexagon-exclamation-solid"}}async componentWillLoad(){a(this.root,{variant:this.accent}),this.i18n=await o(this.root,t)}render(){return e("div",{class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},e("gux-icon",{"icon-name":this.getIcon(this.accent),decorative:!0}),e("div",{class:"gux-message-wrapper"},e("div",{class:"gux-sr-only"},this.i18n(this.accent)),e("slot",null)))}get root(){return i(this)}};s.style=":host{display:block}.gux-inline-alert{display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;padding:var(--gse-ui-alert-padding);border:1px solid;border-radius:var(--gse-ui-alert-borderRadius)}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-top:1px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-inline-alert .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-inline-alert.gux-info{color:var(--gse-ui-alert-info-foregroundColor);background-color:var(--gse-ui-alert-info-backgroundColor);border:var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color)}.gux-inline-alert.gux-info gux-icon{color:var(--gse-ui-alert-info-iconColor)}.gux-inline-alert.gux-error{color:var(--gse-ui-alert-error-foregroundColor);background-color:var(--gse-ui-alert-error-backgroundColor);border:var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color)}.gux-inline-alert.gux-error gux-icon{color:var(--gse-ui-alert-error-iconColor)}.gux-inline-alert.gux-warning{color:var(--gse-ui-alert-warning-foregroundColor);background-color:var(--gse-ui-alert-warning-backgroundColor);border:var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color)}.gux-inline-alert.gux-warning gux-icon{color:var(--gse-ui-alert-warning-iconColor)}.gux-inline-alert.gux-success{color:var(--gse-ui-alert-success-foregroundColor);background-color:var(--gse-ui-alert-success-backgroundColor);border:var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color)}.gux-inline-alert.gux-success gux-icon{color:var(--gse-ui-alert-success-iconColor)}";export{s as gux_inline_alert}
+import{r,h as e,g as i}from"./p-deca7631.js";import{b as o}from"./p-2ba7be7a.js";import{t as a}from"./p-d6cd7546.js";import"./p-0962dd7a.js";const t={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},s=class{constructor(e){r(this,e),this.accent="info"}getIcon(r){switch(r){case"info":default:return"fa/circle-info-solid";case"success":return"fa/circle-check-solid";case"warning":return"fa/triangle-exclamation-solid";case"error":return"fa/hexagon-exclamation-solid"}}async componentWillLoad(){a(this.root,{variant:this.accent}),this.i18n=await o(this.root,t)}render(){return e("div",{class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},e("gux-icon",{"icon-name":this.getIcon(this.accent),decorative:!0}),e("div",{class:"gux-message-wrapper"},e("div",{class:"gux-sr-only"},this.i18n(this.accent)),e("slot",null)))}get root(){return i(this)}};s.style=":host{display:block}.gux-inline-alert{display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;padding:var(--gse-ui-alert-padding);border:1px solid;border-radius:var(--gse-ui-alert-borderRadius)}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-top:1px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-inline-alert .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-inline-alert.gux-info{color:var(--gse-ui-alert-info-foregroundColor);background-color:var(--gse-ui-alert-info-backgroundColor);border:var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color)}.gux-inline-alert.gux-info gux-icon{color:var(--gse-ui-alert-info-iconColor)}.gux-inline-alert.gux-error{color:var(--gse-ui-alert-error-foregroundColor);background-color:var(--gse-ui-alert-error-backgroundColor);border:var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color)}.gux-inline-alert.gux-error gux-icon{color:var(--gse-ui-alert-error-iconColor)}.gux-inline-alert.gux-warning{color:var(--gse-ui-alert-warning-foregroundColor);background-color:var(--gse-ui-alert-warning-backgroundColor);border:var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color)}.gux-inline-alert.gux-warning gux-icon{color:var(--gse-ui-alert-warning-iconColor)}.gux-inline-alert.gux-success{color:var(--gse-ui-alert-success-foregroundColor);background-color:var(--gse-ui-alert-success-backgroundColor);border:var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color)}.gux-inline-alert.gux-success gux-icon{color:var(--gse-ui-alert-success-iconColor)}";export{s as gux_inline_alert}

package/dist/genesys-webcomponents/{p-6f63a621.entry.js → p-561fefe4.entry.js}

@@ -1 +1 @@
-import{r as e,h as n,g as a}from"./p-deca7631.js";import{t as g}from"./p-c23acf83.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){g(this.root)}render(){return n("div",{class:"gux-container",role:"alert","aria-live":"assertive"},n("div",{class:"gux-progress"},n("slot",{name:"progress"})),n("div",{class:"gux-primary-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-additional-guidance"},n("slot",{name:"additional-guidance"})))}get root(){return a(this)}};i.style="/**\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-large-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-large-width : TODO https://inindca.atlassian.net/browse/COMUI-2264\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-medium-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-medium-width\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-small-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-small-width\n  * @prop --gse-progressAndLoading-large-gap\n  * @prop --gse-progressAndLoading-large-gapText\n  * @prop --gse-progressAndLoading-pageLoading-gap\n  * @prop --gse-progressAndLoading-medium-gap\n  * @prop --gse-progressAndLoading-medium-gapText\n  * @prop --gse-progressAndLoading-small-gap\n  * @prop --gse-progressAndLoading-small-gapText\n  * @prop --gse-ui-progressAndLoading-textColor\n  */\n:host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";export{i as gux_loading_message}
+import{r as e,h as n,g as a}from"./p-deca7631.js";import{t as g}from"./p-d6cd7546.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){g(this.root)}render(){return n("div",{class:"gux-container",role:"alert","aria-live":"assertive"},n("div",{class:"gux-progress"},n("slot",{name:"progress"})),n("div",{class:"gux-primary-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-additional-guidance"},n("slot",{name:"additional-guidance"})))}get root(){return a(this)}};i.style="/**\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-large-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-large-width : TODO https://inindca.atlassian.net/browse/COMUI-2264\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-medium-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-medium-width\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-small-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-small-width\n  * @prop --gse-progressAndLoading-large-gap\n  * @prop --gse-progressAndLoading-large-gapText\n  * @prop --gse-progressAndLoading-pageLoading-gap\n  * @prop --gse-progressAndLoading-medium-gap\n  * @prop --gse-progressAndLoading-medium-gapText\n  * @prop --gse-progressAndLoading-small-gap\n  * @prop --gse-progressAndLoading-small-gapText\n  * @prop --gse-ui-progressAndLoading-textColor\n  */\n:host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";export{i as gux_loading_message}

package/dist/genesys-webcomponents/{p-6c877a0b.entry.js → p-57f1d9ac.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a,g as s}from"./p-deca7631.js";import{s as r}from"./p-373c5d93.js";import{c as e}from"./p-7b08c759.js";import{t as o}from"./p-c23acf83.js";import{a as n}from"./p-9d734bbd.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){o(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||n(this.root,"`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host(:host:focus-visible){outline:var(--gse-ui-focus-width) var(--gse-ui-focus-style) var(--gse-ui-focus-color);outline-offset:1px;box-shadow:0 0 0 1px var(--gse-ui-focus-style)}.gux-rating-star-container{color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";export{h as gux_rating}
+import{r as t,h as i,H as a,g as s}from"./p-deca7631.js";import{s as r}from"./p-373c5d93.js";import{c as e}from"./p-7b08c759.js";import{t as o}from"./p-d6cd7546.js";import{a as n}from"./p-9d734bbd.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){o(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||n(this.root,"`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host(:host:focus-visible){outline:var(--gse-ui-focus-width) var(--gse-ui-focus-style) var(--gse-ui-focus-color);outline-offset:1px;box-shadow:0 0 0 1px var(--gse-ui-focus-style)}.gux-rating-star-container{color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";export{h as gux_rating}

package/dist/genesys-webcomponents/{p-8f505502.entry.js → p-581f1e09.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as s,g as i}from"./p-deca7631.js";import{b as a}from"./p-2ba7be7a.js";import{t as r}from"./p-c23acf83.js";import{g as o}from"./p-0962dd7a.js";import{o as n}from"./p-31cd1b9a.js";import{t as c}from"./p-408d5857.js";const h=class{constructor(s){t(this,s),this.guxsortchanged=e(this,"guxsortchanged",7),this.includeUnsorted=!1,this.headerContent=void 0,this.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){r(this.root),this.i18n=await a(this.root,c,"gux-table"),this.tableHeader=o("th",this.root),this.thObserver=n(this.tableHeader,(()=>{this.setState()}),{attributes:!0,childList:!1,subtree:!1}),this.setState()}disconnectedCallback(){this.thObserver&&this.thObserver.disconnect()}onClick(){this.guxsortchanged.emit({columnName:this.tableHeader.dataset.columnName,sortDirection:this.getNextSort(this.sort)})}setState(){this.headerContent=this.tableHeader.textContent,this.isLeftAlignIcon=this.tableHeader.hasAttribute("data-cell-numeric")||this.tableHeader.hasAttribute("data-cell-action");const t=this.tableHeader.getAttribute("aria-sort");switch(t){case"ascending":case"descending":this.active=!0,this.sort=t;break;default:this.active=!1,this.sort="none"}}getIconName(t){return"descending"===t?"arrow-solid-down":"arrow-solid-up"}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";default:return this.includeUnsorted?"none":"ascending"}}getSRText(t){switch(t){case"ascending":return this.i18n("ascendingColumnSort",{headerContent:this.headerContent});case"descending":return this.i18n(this.includeUnsorted?"descendingColumnSortIncludeUnsorted":"descendingColumnSort",{headerContent:this.headerContent});default:return this.i18n("noColumnSort",{headerContent:this.headerContent})}}render(){return s("div",{class:"gux-container"},s("button",{class:{"gux-sort-button":!0,"gux-active":this.active},type:"button",onClick:()=>this.onClick(),"aria-label":this.getSRText(this.sort)},s("gux-icon",{class:{"gux-sort-icon":!0,"gux-left":this.isLeftAlignIcon},"icon-name":this.getIconName(this.sort),decorative:!0})),s("div",{class:"gux-resize-spacer"}))}static get delegatesFocus(){return!0}get root(){return i(this)}};h.style=".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-bottom:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-bottom-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin:0 var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left;margin-left:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}";export{h as gux_sort_control}
+import{r as t,c as e,h as s,g as i}from"./p-deca7631.js";import{b as r}from"./p-2ba7be7a.js";import{t as a}from"./p-d6cd7546.js";import{g as o}from"./p-0962dd7a.js";import{o as n}from"./p-31cd1b9a.js";import{t as c}from"./p-408d5857.js";const d=class{constructor(s){t(this,s),this.guxsortchanged=e(this,"guxsortchanged",7),this.includeUnsorted=!1,this.headerContent=void 0,this.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,c,"gux-table"),this.tableHeader=o("th",this.root),this.thObserver=n(this.tableHeader,(()=>{this.setState()}),{attributes:!0,childList:!1,subtree:!1}),this.setState()}disconnectedCallback(){this.thObserver&&this.thObserver.disconnect()}onClick(){this.guxsortchanged.emit({columnName:this.tableHeader.dataset.columnName,sortDirection:this.getNextSort(this.sort)})}setState(){this.headerContent=this.tableHeader.textContent,this.isLeftAlignIcon=this.tableHeader.hasAttribute("data-cell-numeric")||this.tableHeader.hasAttribute("data-cell-action");const t=this.tableHeader.getAttribute("aria-sort");switch(t){case"ascending":case"descending":this.active=!0,this.sort=t;break;default:this.active=!1,this.sort="none"}}getIconName(t){return"descending"===t?"arrow-solid-down":"arrow-solid-up"}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";default:return this.includeUnsorted?"none":"ascending"}}getSRText(t){switch(t){case"ascending":return this.i18n("ascendingColumnSort",{headerContent:this.headerContent});case"descending":return this.i18n(this.includeUnsorted?"descendingColumnSortIncludeUnsorted":"descendingColumnSort",{headerContent:this.headerContent});default:return this.i18n("noColumnSort",{headerContent:this.headerContent})}}render(){return s("div",{class:"gux-container"},s("button",{class:{"gux-sort-button":!0,"gux-active":this.active},type:"button",onClick:()=>this.onClick(),"aria-label":this.getSRText(this.sort)},s("gux-icon",{class:{"gux-sort-icon":!0,"gux-left":this.isLeftAlignIcon},"icon-name":this.getIconName(this.sort),decorative:!0})),s("div",{class:"gux-resize-spacer"}))}static get delegatesFocus(){return!0}get root(){return i(this)}};d.style=".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-bottom:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-bottom-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin:0 var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left;margin-left:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}";export{d as gux_sort_control}

package/dist/genesys-webcomponents/{p-4e3f6d9c.entry.js → p-59fe04b5.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as o,g as s}from"./p-deca7631.js";import{O as n}from"./p-c49670a7.js";import{w as e}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-c23acf83.js";import{b as c}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const u={moreOptions:"More options"},h=["primary","secondary","tertiary","danger"];function d(t){return h.find((i=>i===t))?t:"secondary"}const l=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,u)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled,"exceed-target-width":!0},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot",{class:"gux-action-button",accent:d(this.accent)},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},o("slot",{name:"title"}))),o("gux-button-slot",{class:"gux-dropdown-button",accent:d(this.accent)},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("moreOptions")},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{l as gux_action_button}
+import{r as t,c as i,h as o,g as s}from"./p-deca7631.js";import{O as n}from"./p-c49670a7.js";import{w as e}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-d6cd7546.js";import{b as c}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const u={moreOptions:"More options"},h=["primary","secondary","tertiary","danger"];function d(t){return h.find((i=>i===t))?t:"secondary"}const l=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,u)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled,"exceed-target-width":!0},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot",{class:"gux-action-button",accent:d(this.accent)},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},o("slot",{name:"title"}))),o("gux-button-slot",{class:"gux-dropdown-button",accent:d(this.accent)},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("moreOptions")},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{l as gux_action_button}