genesys-spark-components 4.64.0 → 4.64.2

package/dist/genesys-webcomponents/{p-0d34745c.entry.js → p-8a835b6c.entry.js}

@@ -1 +1 @@
-import{r as e,f as t,h as i,H as r,g as o}from"./p-2e827df1.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{G as h,a as d}from"./p-265b0b57.js";import{a as f,G as p}from"./p-9773c4fe.js";import{g as c,v as x,a as m}from"./p-2c02d54d.js";import{t as b}from"./p-bb6779d8.js";import{O as v}from"./p-ab6cf9b9.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,t,i,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(t,i,s):o(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const w=class{constructor(t){e(this,t),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),b(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&t(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return i(r,{key:"555a470f41986a6ab8731c8803b240b30cd4d65e",class:{"gux-active":this.active}},i(f,{key:"39f20232cd05020500ab0a9aa9be1fdaf1291619",labelPosition:this.computedLabelPosition},i(p,{key:"1bbfe067086bc8c7d7673b5cdc9c789052b08a86",position:this.computedLabelPosition,required:this.required},i("slot",{key:"eaca0784721a3cd922dc07a5cd769fe18601aabd",name:"label",onSlotchange:()=>this.setLabel()})),i("div",{key:"23fc47b9206f15812a47dcef4f28825021619426",class:"gux-input-and-error-container"},this.renderRangeInput(),i(h,{key:"123775129952675ae780f24308deee4151d1c102",show:this.hasError},i("slot",{key:"98bc664e228397f35fe3c9459d61543d33de50bc",name:"error"})),i(d,{key:"58bd604286dc20f3228eebe9796a92f1dae762d0",show:!this.hasError&&this.hasHelp},i("slot",{key:"6570f867aa63fa8ef6d679b419419376565e4d78",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderRangeInput(){return i("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},i("div",{class:"gux-range"},i("div",{class:"gux-track"},i("div",{class:"gux-progress",ref:e=>this.progressElement=e})),i("slot",{name:"input"}),this.valueInTooltip&&i("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:-10,placement:"top"},i("span",{slot:"content"},this.getDisplayValue()))),i("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){const e=Number(this.input.value||0),t=Number(this.input.min||0),i=(e-t)/(Number(this.input.max||100)-t)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(i/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement.style.width=`${i}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([n({childList:!0,subtree:!0})],w.prototype,"onMutation",null),y([v()],w.prototype,"updatePosition",null),w.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;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:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);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(input[type=range]){position:absolute;width:100%;width:100%;height:var(--gse-ui-slider-bar-height);margin:calc(var(--gse-ui-slider-handle-width) / 2) 0;margin-top:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-slider-gap);place-content:stretch flex-start;align-items:center;height:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:var(--gse-ui-slider-bar-height);margin:6px 0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin:0 0 0 var(--gux-spacing-medium);font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}';export{w as gux_form_field_range}
+import{r as e,f as t,h as i,H as r,g as o}from"./p-2e827df1.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{G as h,a as d}from"./p-265b0b57.js";import{a as f,G as p}from"./p-9773c4fe.js";import{g as c,v as x,a as m}from"./p-2c02d54d.js";import{t as b}from"./p-7230e605.js";import{O as v}from"./p-ab6cf9b9.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,t,i,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(t,i,s):o(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const w=class{constructor(t){e(this,t),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),b(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&t(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return i(r,{key:"555a470f41986a6ab8731c8803b240b30cd4d65e",class:{"gux-active":this.active}},i(f,{key:"39f20232cd05020500ab0a9aa9be1fdaf1291619",labelPosition:this.computedLabelPosition},i(p,{key:"1bbfe067086bc8c7d7673b5cdc9c789052b08a86",position:this.computedLabelPosition,required:this.required},i("slot",{key:"eaca0784721a3cd922dc07a5cd769fe18601aabd",name:"label",onSlotchange:()=>this.setLabel()})),i("div",{key:"23fc47b9206f15812a47dcef4f28825021619426",class:"gux-input-and-error-container"},this.renderRangeInput(),i(h,{key:"123775129952675ae780f24308deee4151d1c102",show:this.hasError},i("slot",{key:"98bc664e228397f35fe3c9459d61543d33de50bc",name:"error"})),i(d,{key:"58bd604286dc20f3228eebe9796a92f1dae762d0",show:!this.hasError&&this.hasHelp},i("slot",{key:"6570f867aa63fa8ef6d679b419419376565e4d78",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderRangeInput(){return i("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},i("div",{class:"gux-range"},i("div",{class:"gux-track"},i("div",{class:"gux-progress",ref:e=>this.progressElement=e})),i("slot",{name:"input"}),this.valueInTooltip&&i("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:-10,placement:"top"},i("span",{slot:"content"},this.getDisplayValue()))),i("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){const e=Number(this.input.value||0),t=Number(this.input.min||0),i=(e-t)/(Number(this.input.max||100)-t)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(i/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement.style.width=`${i}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([n({childList:!0,subtree:!0})],w.prototype,"onMutation",null),y([v()],w.prototype,"updatePosition",null),w.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;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:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);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(input[type=range]){position:absolute;width:100%;width:100%;height:var(--gse-ui-slider-bar-height);margin:calc(var(--gse-ui-slider-handle-width) / 2) 0;margin-top:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-slider-gap);place-content:stretch flex-start;align-items:center;height:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:var(--gse-ui-slider-bar-height);margin:6px 0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin:0 0 0 var(--gux-spacing-medium);font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}';export{w as gux_form_field_range}

package/dist/genesys-webcomponents/{p-02995116.entry.js → p-8aa8ef77.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as o}from"./p-2e827df1.js";import{O as s}from"./p-e080422d.js";import{w as a}from"./p-e97879b4.js";import{a as n}from"./p-cf0e7d3b.js";import{t as r}from"./p-bb6779d8.js";import{b as c}from"./p-0367930a.js";import"./p-4202e9f2.js";const u={moreOptions:"More options"},d=["primary","secondary","tertiary","danger"];function b(t){return d.find((e=>e===t))?t:"secondary"}const h=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.actionClick=e(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,e.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":e.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(){n((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){n((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){a("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 i("div",{key:"0cd7beefebe16c498525f8e4e3480c50e3e49c9f",class:"gux-action-button-container"},i("gux-popup",{key:"0d4397ff6e5f654f7ed28f6035ff674f4d635dcc",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"fd4494b21cd332ecb2a86b821540dae6edb82c22",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"bc8c314442ea33ee3ac247bfe4fa56a7bab22501",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"13f21d5e008d1006c9c5fac49ea7901c0d6428e4",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"8adb116e8c7a97f87453e45f4f39fbe52427563b",name:"title"}))),i("gux-button-slot",{key:"32d826f3a791589cba410b4c6d58e8e4defbb585",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"00b77b9065ca6bc5280aa3cb16ea4f617e161e9d",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")},i("gux-icon",{key:"c2d3e68f420809e861827e936668e46cb18e9e43",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),i("div",{key:"2a1b5272b5ab3c2129df81d71cde1fbd8d919f74",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"f89b27e882bbc4afe23b1e0d02041a51f785f280",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"0e3d86f2f9e45f898cd7f8bbf30bc7e16875d0ed"})))))}get root(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,o){var s,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(s=t[r])&&(n=(a<3?s(n):a>3?s(e,i,n):s(e,i))||n);a>3&&n&&Object.defineProperty(e,i,n)})([s({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.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{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-button-iconOnly-width);padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}.gux-action-button-container .gux-list-container{max-width:220px;max-height:var(--gse-ui-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{h as gux_action_button}
+import{r as t,c as e,h as i,g as o}from"./p-2e827df1.js";import{O as s}from"./p-e080422d.js";import{w as a}from"./p-e97879b4.js";import{a as n}from"./p-cf0e7d3b.js";import{t as r}from"./p-7230e605.js";import{b as c}from"./p-0367930a.js";import"./p-4202e9f2.js";const u={moreOptions:"More options"},d=["primary","secondary","tertiary","danger"];function b(t){return d.find((e=>e===t))?t:"secondary"}const h=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.actionClick=e(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,e.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":e.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(){n((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){n((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){a("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 i("div",{key:"0cd7beefebe16c498525f8e4e3480c50e3e49c9f",class:"gux-action-button-container"},i("gux-popup",{key:"0d4397ff6e5f654f7ed28f6035ff674f4d635dcc",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"fd4494b21cd332ecb2a86b821540dae6edb82c22",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"bc8c314442ea33ee3ac247bfe4fa56a7bab22501",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"13f21d5e008d1006c9c5fac49ea7901c0d6428e4",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"8adb116e8c7a97f87453e45f4f39fbe52427563b",name:"title"}))),i("gux-button-slot",{key:"32d826f3a791589cba410b4c6d58e8e4defbb585",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"00b77b9065ca6bc5280aa3cb16ea4f617e161e9d",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")},i("gux-icon",{key:"c2d3e68f420809e861827e936668e46cb18e9e43",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),i("div",{key:"2a1b5272b5ab3c2129df81d71cde1fbd8d919f74",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"f89b27e882bbc4afe23b1e0d02041a51f785f280",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"0e3d86f2f9e45f898cd7f8bbf30bc7e16875d0ed"})))))}get root(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,o){var s,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(s=t[r])&&(n=(a<3?s(n):a>3?s(e,i,n):s(e,i))||n);a>3&&n&&Object.defineProperty(e,i,n)})([s({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.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{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-button-iconOnly-width);padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}.gux-action-button-container .gux-list-container{max-width:220px;max-height:var(--gse-ui-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{h as gux_action_button}