genesys-spark-components 4.98.1 → 4.99.0

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

@@ -1 +0,0 @@
-import{r as e,h as t,g as o}from"./p-6e010355.js";import{t as s}from"./p-f1ba0a18.js";const r=class{constructor(t){e(this,t)}componentWillLoad(){s(this.root)}render(){return t("span",{key:"8fb432d7388caa1a6cd218f8912e0ebf2a5740a2",class:"gux-sr-only"},t("slot",{key:"e45f4cbc43482f66d29d413625e2c85e64d34240"}))}get root(){return o(this)}};r.style=".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}";export{r as gux_screen_reader_beta}

package/dist/genesys-webcomponents/p-e1ab3693.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 a}from"./p-b0758688.js";import{w as s}from"./p-e97879b4.js";import{a as n}from"./p-cf0e7d3b.js";import{t as r}from"./p-f1ba0a18.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(){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){s("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:"d9060faa5bd3fe1e0e8afca0ab801758028669d3",class:"gux-action-button-container"},i("gux-popup",{key:"115bcfde626ba30fb63ee623ca5a685e9397d629",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"83035160e0216c92e92f1db257bda013447304ab",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"99e10dc66c62aff894c81d4179b5bab464adba50",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"8415344a4e9cf48e49ab36c3ecf85a96907fb4b9",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"5369ae7eb85f4598afaabb7002f82e8b0e4434fe",name:"title"}))),i("gux-button-slot",{key:"1ad1e508ebe6503aaf090c1f4208de0b8a5a683d",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"26c91a4f060c6b64bd9183daf7f775c45238e766",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:"e752f4953745a9b76d506bc284d48127c0672bd5",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),i("div",{key:"8627c9d41cfe82390206ae32777d727a96de69fc",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"debd47bef276a4227a1392ed4fa94b405be1f4cb",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"4e7c9bfadd10b43d732e92c1695d2c7337531100"})))))}get root(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,o){var a,s=arguments.length,n=s<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--)(a=t[r])&&(n=(s<3?a(n):s>3?a(e,i,n):a(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([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-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}