genesys-spark-components 4.138.0 → 4.138.2

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as s}from"./p-cf74fd3d.js";import{O as a}from"./p-f3d844c7.js";import{w as n}from"./p-e97879b4.js";import{a as o}from"./p-cf0e7d3b.js";import{t as c}from"./p-2ed2ac49.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const d={moreOptions:"More options"},u=["primary","secondary","tertiary","danger"];function b(t){return u.find((e=>e===t))?t:"secondary"}const l=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.listElement.blur(),this.close.emit())}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){o((()=>{var t;null===(t=this.listElement)||void 0===t||t.focus()}))}focusFirstItemInPopupList(){o((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){c(this.root,{variant:this.type}),this.i18n=await r(this.root,d)}render(){return i("div",{key:"50cf831534e858389d9e3b774ad16c0ab4b4c571",class:"gux-action-button-container"},i("gux-popup",{key:"40a6bb65b7a1235379860a046d400059e3241d28",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"b270539feaad9724c945581a385f07ba68adea9d",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"3d9a30bc5309fb2284afb852a38f7ad11d1a6f57",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"dcdcdd9709f8d7002591f30960547ad0807a6034",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"5597dcb9272f9eab43c2eec65dbbb9a142004c4f",name:"title"}))),i("gux-button-slot",{key:"9247c184a6abfe6189760af1d2c8d8e4b81cc1c7",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"3ab5c881fd17e7d169dfb19c0c1bea47eb59fd20",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:"f1ff1d4ef13116ff9c44c02429c7269a9dc2a560",decorative:!0,"icon-name":"custom/chevron-down-small-regular",size:"small"})))),i("div",{key:"00202d10162366d36ab62094e23004d92932dff6",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"d00fc9301c4873bd0beeb82e801353e41f7f1f4d",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"fc5d22640bdb59504637f352f73c353184e4b508"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,s){var a,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(o=(n<3?a(o):n>3?a(e,i,o):a(e,i))||o);n>3&&o&&Object.defineProperty(e,i,o)})([a({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-inline-size:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{inline-size:calc(100% - 33px);margin-inline-end:1px}.gux-action-button-container .gux-action-button button{inline-size:100%;max-inline-size:none;text-align:center;border-start-end-radius:0;border-end-end-radius:0}.gux-action-button-container .gux-dropdown-button button{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-button-iconOnly-width);padding:0;border-start-start-radius:0;border-end-start-radius:0}.gux-action-button-container .gux-list-container{max-inline-size:220px;max-block-size: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)}";export{l as gux_action_button}