genesys-spark-components 4.112.0 → 4.113.0

package/dist/genesys-webcomponents/{p-e9c4e3df.entry.js → p-414eab3f.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as s}from"./p-78cb19b9.js";import{O as o}from"./p-045d724a.js";import{w as a}from"./p-e97879b4.js";import{a as n}from"./p-cf0e7d3b.js";import{t as c}from"./p-b173ec5d.js";import{b as r}from"./p-4b423804.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.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(){n((()=>{var t;null===(t=this.listElement)||void 0===t||t.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(){c(this.root,{variant:this.type}),this.i18n=await r(this.root,u)}render(){return i("div",{key:"304ef7cb3905d106193454161bc4568d0c079706",class:"gux-action-button-container"},i("gux-popup",{key:"54a8bd4bf4f44f18dae4cc89425e09021594ab02",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"93c061b171d3755fdaf9a53bac6a52906c9043ca",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"58732872a47c5f6ec5226b256d8be87980ad2d44",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"9733371c281016c1cb463391fee289531144502a",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"e66ee67b66212d42375a2c0b9b9e5c4a7f9123bc",name:"title"}))),i("gux-button-slot",{key:"c106f468df10e3be8bbf1a974d981bc954629ea4",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"7ebf3768773c2e2a614092dd33a047cce5f48d53",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:"eef18f5cbcfa388cc54434ac627203c98db7301c",decorative:!0,"icon-name":"custom/chevron-down-small-regular",size:"small"})))),i("div",{key:"09e248bb5ad499f19a518b0232415d8f37623786",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"0f28558d620c129c34a50a1773c82d56e6a78649",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"ef54d3771ed9287c2fdb71965c38cfdf8577d48f"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,s){var o,a=arguments.length,n=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(n=(a<3?o(n):a>3?o(e,i,n):o(e,i))||n);a>3&&n&&Object.defineProperty(e,i,n)})([o({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-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}
+import{r as t,c as e,h as i,g as s}from"./p-78cb19b9.js";import{O as a}from"./p-045d724a.js";import{w as o}from"./p-e97879b4.js";import{a as n}from"./p-cf0e7d3b.js";import{t as r}from"./p-7c26f60c.js";import{b as c}from"./p-4b423804.js";import"./p-4202e9f2.js";const d={moreOptions:"More options"},u=["primary","secondary","tertiary","danger"];function l(t){return u.find((e=>e===t))?t:"secondary"}const b=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(){n((()=>{var t;null===(t=this.listElement)||void 0===t||t.focus()}))}focusFirstItemInPopupList(){n((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){o("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,d)}render(){return i("div",{key:"01844aea07004b55a12d1e722300049f8108d6d9",class:"gux-action-button-container"},i("gux-popup",{key:"339ec282d5b932c9086d90592a401f9dceaed8d4",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"d2b8baa66af0545779ca753efdf99aef16dfaa0a",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"3949872f533e25ddd64347d6f2ce8cfff34c66c7",class:"gux-action-button",accent:l(this.accent)},i("button",{key:"44a9f5d9a758c42d383a475d950624c13476b292",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"dca6257158a8a6c57284839e0294c6fd4065667d",name:"title"}))),i("gux-button-slot",{key:"93e5b097582eeeed9cd5389e38abd4a45803fd37",class:"gux-dropdown-button",accent:l(this.accent)},i("button",{key:"56227811b8f541048d8510ae6862887aa18c92a2",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:"127864b062cbcb777a85dfb15bea33c94ad33779",decorative:!0,"icon-name":"custom/chevron-down-small-regular",size:"small"})))),i("div",{key:"e07f57ddf92bb76ecd88eab8306000817b5d88d6",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"567cef20863d6fd4a6d56a01419609bacb68e877",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"9faf3538d626d574e5090251afd6883e2e880428"})))))}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,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([a({triggerEvents:"click"})],b.prototype,"onClickOutside",null),b.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-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{b as gux_action_button}