genesys-spark-components 4.104.0 → 4.104.1

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as o}from"./p-6e010355.js";import{O as s}from"./p-b0758688.js";import{w as n}from"./p-e97879b4.js";import{a}from"./p-cf0e7d3b.js";import{t as r}from"./p-0e0c2be4.js";import{b as c}from"./p-a82e4a04.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 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.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{var t;null===(t=this.listElement)||void 0===t||t.focus()}))}focusFirstItemInPopupList(){a((()=>{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(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,u)}render(){return i("div",{key:"77025759333a7cef0c3d5bd5d2fe2b8ac73439a4",class:"gux-action-button-container"},i("gux-popup",{key:"617e3ec060410649d10d627c96eb552782285eca",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"45401bc142ffc0efe94fdbcae4fe5d69e123a94e",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"5d12900de81f31a6e135b95a2ca40b6ef8edebe1",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"799c79d1bd0a9433382c67343ad47388924af706",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"9554d16784687fd1f02e73e4327c7e27c766073e",name:"title"}))),i("gux-button-slot",{key:"50b94069c88ee0e0cbf143d82c31441469785f3e",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"da346cd031aaefcdea6667ed5f0424178b91d644",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:"326f91058aab97a8f89a942ae4b5c916e3c5089d",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),i("div",{key:"8a51e8b04cdc41ee4527dda9e8587f083a3b4d6e",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"1cd2be52d715bf1ce5fd06d42c94e1b48bcda034",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"760d2875fdf79a9df01fc86f110c29dda56ea42a"})))))}get root(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,o){var s,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var r=t.length-1;r>=0;r--)(s=t[r])&&(a=(n<3?s(a):n>3?s(e,i,a):s(e,i))||a);n>3&&a&&Object.defineProperty(e,i,a)})([s({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-dropdown-button button gux-icon{inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}.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-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{l as gux_action_button}