genesys-spark-components 4.111.6 → 4.113.0

package/dist/genesys-webcomponents/{p-57418df7.entry.js → p-40241601.entry.js}

@@ -1 +1 @@
-import{r as t,f as e,d as i,h as a,H as o,g as n}from"./p-78cb19b9.js";import{O as s}from"./p-0706aebd.js";import{O as r}from"./p-f4a8d565.js";import{t as l}from"./p-3e4699bc.js";import{g as c}from"./p-1ccc4961.js";import{a as d}from"./p-cf0e7d3b.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!=t&&!(null==t?void 0:t.hasAttribute("icon-only")))).forEach((e=>e.iconOnly=t))}var b=function(t,e,i,a){var o,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const p=class{constructor(e){t(this,e),this.minimumSizes={full:0,iconOnly:0,condensed:0},this.displayedLayout="full",this.hasContextDivider=!1}onMutation(){this.hasContextDivider=this.needsContextDivider(),e(this.root)}recordLayoutMinSize(){i((()=>{var t,e,i;const a=0|(null===(t=this.searchAndFilterContainer)||void 0===t?void 0:t.clientWidth),o=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth),n=0|(null===(i=this.minControlSize)||void 0===i?void 0:i.clientWidth);this.minimumSizes[this.displayedLayout]=a+o+n}))}get minControlSize(){return this.root.shadowRoot.querySelector(".section-spacing")}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get searchAndFilterContainer(){return this.root.shadowRoot.querySelector(".search-filter-container")}get filterSlot(){return c(this.root,"search-and-filter")}get menuActionSlot(){return c(this.root,"menu-actions")}get permanentSlot(){return c(this.root,"permanent-actions")}get contextualSlot(){return c(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,e;return(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.permanentSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get menuActionsItems(){var t,e;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.menuActionSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,e;return(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.contextualSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get filterActions(){var t,e;return(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.filterSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleUp(){var t,e;this.displayedLayout="iconOnly",u(this.permanentActions,"secondary"),u(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.root)||void 0===e||e.appendChild(this.primaryAction))}renderCondensedLayout(){var t,e;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.menuActionSlot)||void 0===e||e.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),u(this.menuActionsItems,"ghost")}componentWillRender(){l(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){d((()=>{this.recordLayoutMinSize(),this.checkResponsiveLayout()})),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{const t=this.root.clientWidth;t<=this.minimumSizes.iconOnly?"iconOnly"==this.displayedLayout&&this.renderCondensedLayout():t<=this.minimumSizes.full?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown():"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return a(o,{key:"e3204084c089c85be7dae8367a2953d8fa0892fb",role:"toolbar","aria-orientation":"horizontal","gs-layout":this.displayedLayout},a("div",{key:"bb1b491aa570dfe57f0486e24339388f0045032f",class:"search-filter-container"},a("slot",{key:"9d29eea1316911ff658f905071768a56cc145f32",name:"search-and-filter"})),a("div",{key:"3dbd7a3914b6bb08bbd43604fab33ee88132d56b",class:"section-spacing"}),a("div",{key:"85733eccab5da92d7fe587905c9416f74d5795ef",class:"gux-contextual-permanent-primary"},a("div",{key:"ef40b6e22c38ad123e114d271901263d471ba03a",class:{"gux-contextual-wrapper":this.hasContextDivider}},a("slot",{key:"3acf9a699533cab39276f3a405ce0d2d6a460ad9",name:"contextual-actions"})),a("div",{key:"631a4c30e1b0582428e8d3a0b1365708cec7c047",class:"gux-permanent-menu-primary-wrapper"},a("slot",{key:"8c5dd8cc54be8b1340440a64c3c6dd8408877c5d",name:"permanent-actions"}),a("gux-table-toolbar-menu-button",{key:"ffeb60934b07d5de63440466f51a566ea2eb6b61","show-menu":this.renderMenu()},a("slot",{key:"3b6d8c09f48cb548954418cd7b85d2ee574b74c3",name:"menu-actions"})),a("slot",{key:"fb8181ceeea5045d15719111f34d73da7ab9ed0d",name:"primary-action"}))))}get root(){return n(this)}};b([r({childList:!0,subtree:!0})],p.prototype,"onMutation",null),b([s()],p.prototype,"checkResponsiveLayout",null),p.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;inline-size:100%;max-block-size:var(--gse-ui-dataTableItems-tableToolbar-height);visibility:hidden;transition:visibility 0s 0.5s;}@keyframes show-toolbar{to{visibility:visible}}:host .search-filter-container{min-inline-size:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-inline-size:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap);border-inline-end:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{p as gux_table_toolbar}
+import{r as t,f as e,d as a,h as i,H as o,g as n}from"./p-78cb19b9.js";import{O as s}from"./p-0706aebd.js";import{O as r}from"./p-f4a8d565.js";import{t as l}from"./p-7c26f60c.js";import{g as c}from"./p-1ccc4961.js";import{a as d}from"./p-cf0e7d3b.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!=t&&!(null==t?void 0:t.hasAttribute("icon-only")))).forEach((e=>e.iconOnly=t))}var b=function(t,e,a,i){var o,n=arguments.length,s=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,a,i);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n<3?o(s):n>3?o(e,a,s):o(e,a))||s);return n>3&&s&&Object.defineProperty(e,a,s),s};const p=class{constructor(e){t(this,e),this.minimumSizes={full:0,iconOnly:0,condensed:0},this.displayedLayout="full",this.hasContextDivider=!1}onMutation(){this.hasContextDivider=this.needsContextDivider(),e(this.root)}recordLayoutMinSize(){a((()=>{var t,e,a;const i=0|(null===(t=this.searchAndFilterContainer)||void 0===t?void 0:t.clientWidth),o=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth),n=0|(null===(a=this.minControlSize)||void 0===a?void 0:a.clientWidth);this.minimumSizes[this.displayedLayout]=i+o+n}))}get minControlSize(){return this.root.shadowRoot.querySelector(".section-spacing")}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get searchAndFilterContainer(){return this.root.shadowRoot.querySelector(".search-filter-container")}get filterSlot(){return c(this.root,"search-and-filter")}get menuActionSlot(){return c(this.root,"menu-actions")}get permanentSlot(){return c(this.root,"permanent-actions")}get contextualSlot(){return c(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,e;return(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.permanentSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get menuActionsItems(){var t,e;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.menuActionSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,e;return(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.contextualSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get filterActions(){var t,e;return(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.filterSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleUp(){var t,e;this.displayedLayout="iconOnly",u(this.permanentActions,"secondary"),u(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.root)||void 0===e||e.appendChild(this.primaryAction))}renderCondensedLayout(){var t,e;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.menuActionSlot)||void 0===e||e.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),u(this.menuActionsItems,"ghost")}componentWillRender(){l(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){d((()=>{this.recordLayoutMinSize(),this.checkResponsiveLayout()})),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){a((()=>{const t=this.root.clientWidth;t<=this.minimumSizes.iconOnly?"iconOnly"==this.displayedLayout&&this.renderCondensedLayout():t<=this.minimumSizes.full?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown():"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return i(o,{key:"ea0bc4fe81cb4a6ed0f56fc546a3b7656dd2457e",role:"toolbar","aria-orientation":"horizontal","gs-layout":this.displayedLayout},i("div",{key:"bbda9f79ec745ea78b438923f8a801c66c3daaaf",class:"search-filter-container"},i("slot",{key:"2df104d5dedd04d619aa766af814855d171f7676",name:"search-and-filter"})),i("div",{key:"9b4c04e2630c4600322f6f86828baff9847576fd",class:"section-spacing"}),i("div",{key:"95127306fb6aef84bf09486e8d580d1342f53ee5",class:"gux-contextual-permanent-primary"},i("div",{key:"a8c3a02d65a765e24eaf63c845201a73d76acc6d",class:{"gux-contextual-wrapper":this.hasContextDivider}},i("slot",{key:"2e47f912db83986c6a975fee3d0ab47610aa83a3",name:"contextual-actions"})),i("div",{key:"f15a0507775411f5f77b6a0c9063f627389c7ca6",class:"gux-permanent-menu-primary-wrapper"},i("slot",{key:"c463a5230c5da5837b4f9459dc3d1a566a03c771",name:"permanent-actions"}),i("gux-table-toolbar-menu-button",{key:"b5063d27528c0b219877532fed76bc43b707bbb9","show-menu":this.renderMenu()},i("slot",{key:"927edef146aeae131e387a82428e7fd14dd11efc",name:"menu-actions"})),i("slot",{key:"03b673f9fabf53b638ea3ba4078809a57da1b379",name:"primary-action"}))))}get root(){return n(this)}};b([r({childList:!0,subtree:!0})],p.prototype,"onMutation",null),b([s()],p.prototype,"checkResponsiveLayout",null),p.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;inline-size:100%;max-block-size:var(--gse-ui-dataTableItems-tableToolbar-height);visibility:hidden;transition:visibility 0s 0.5s;}@keyframes show-toolbar{to{visibility:visible}}:host .search-filter-container{min-inline-size:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-inline-size:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap);border-inline-end:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{p as gux_table_toolbar}

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

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as a}from"./p-78cb19b9.js";import{O as s}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-3e4699bc.js";import{b as c}from"./p-4b423804.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(){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:"88ce9d80a1419711e5ce9275eae436d667dd3da9",class:"gux-action-button-container"},i("gux-popup",{key:"ee7c3d53d74929be37d6d46f1d7dd646201c6e21",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"b316451cf695d9df6b7b0f22e33a7d42a5b815ab",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"2cf4ab77e5b6ebc1d6a1497c93cf4d3f37a905a5",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"4aaa914bcad1a69311cc9fffbfc6223271d952cb",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"215abbf9563ed38b34865286d9da3a25a6fb25b9",name:"title"}))),i("gux-button-slot",{key:"9af9d7f65973b3f22c35fd39c0ce048b859890ea",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"ac90a2a82484c33185beba650dee2359086801f2",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:"8f1e58ab99fb43087dbe7607bba021daa6b4cf6f",decorative:!0,"icon-name":"custom/chevron-down-small-regular",size:"small"})))),i("div",{key:"a7559a6fe83382e19b0abc833921e78c2bc8c7f3",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"a7f46daf8b8cb67d43110631832a4c33e00ded16",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"b84cfe2bfb437694aa37a36d79c7353e4e37bd64"})))))}static get delegatesFocus(){return!0}get root(){return a(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,a){var s,o=arguments.length,n=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(s=t[r])&&(n=(o<3?s(n):o>3?s(e,i,n):s(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([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-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}