genesys-spark-components 3.89.0 → 3.89.2

package/dist/genesys-webcomponents/{p-6c6ac8a5.entry.js → p-61392af1.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-9031eb6a.js";import{S as i}from"./p-1486d7ea.js";import{t as n}from"./p-10a4eba4.js";import{b as l}from"./p-54ad2682.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
+import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-9031eb6a.js";import{S as i}from"./p-1486d7ea.js";import{t as n}from"./p-c72a4079.js";import{b as l}from"./p-54ad2682.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}

package/dist/genesys-webcomponents/{p-86ceb070.entry.js → p-618eecd3.entry.js}

@@ -1 +1 @@
-import{r as t,d as i,h as e,H as n,g as o}from"./p-9031eb6a.js";import{O as s}from"./p-c3f208cd.js";import{O as r}from"./p-f222d4b1.js";import{t as a}from"./p-10a4eba4.js";import{g as l}from"./p-3e6097e5.js";function c(t,i){[].concat(t).forEach((t=>{null!=t&&(t.accent=i)}))}function h(t,...i){i.flat().filter((t=>null!==t&&!t.hasAttribute("icon-only"))).forEach((i=>i.iconOnly=t))}var u=function(t,i,e,n){var o,s=arguments.length,r=s<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(s<3?o(r):s>3?o(i,e,r):o(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const d=class{constructor(i){t(this,i),this.minimumSizes={full:0,iconOnly:0,condensed:0},this.displayedLayout="full",this.hasContextDivider=!1}onMutation(){this.hasContextDivider=this.needsContextDivider()}recordLayoutMinSize(){i((()=>{var t,i;const e=0|(null===(t=this.filterSlot)||void 0===t?void 0:t.clientWidth),n=0|(null===(i=this.actionsContainer)||void 0===i?void 0:i.clientWidth);this.minimumSizes[this.displayedLayout]=e+n+72}))}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get filterSlot(){return l(this.root,"search-and-filter")}get menuActionSlot(){return l(this.root,"menu-actions")}get permanentSlot(){return l(this.root,"permanent-actions")}get contextualSlot(){return l(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,i;if(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.permanentSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get menuActionsItems(){var t,i;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.menuActionSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,i;if(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.contextualSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get filterActions(){var t,i;if(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.filterSlot)||void 0===i?void 0:i.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(t){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.iconOnlySectionWidth=t}renderIconOnlyLayoutScaleUp(){var t,i;this.displayedLayout="iconOnly",c(this.permanentActions,"secondary"),c(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===(i=this.root)||void 0===i||i.appendChild(this.primaryAction))}renderCondensedLayout(){var t,i;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(i=this.menuActionSlot)||void 0===i||i.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),c(this.menuActionsItems,"ghost")}componentWillLoad(){a(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){this.recordLayoutMinSize(),this.checkResponsiveLayout(),c(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{var t;const i=0|(null===(t=this.actionsContainer)||void 0===t?void 0:t.clientWidth),e=this.root.clientWidth;e<=this.minimumSizes.full&&e>=this.minimumSizes.iconOnly?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown(i):"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():e<=this.minimumSizes.iconOnly?this.renderCondensedLayout():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return e(n,{role:"toolbar","aria-orientation":"horizontal"},e("div",{class:"search-filter-container"},e("slot",{name:"search-and-filter"})),e("div",{class:"section-spacing"}),e("div",{class:"gux-contextual-permanent-primary"},e("div",{class:{"gux-contextual-wrapper":this.hasContextDivider}},e("slot",{name:"contextual-actions"})),e("div",{class:"gux-permanent-menu-primary-wrapper"},e("slot",{name:"permanent-actions"}),e("gux-table-toolbar-menu-button",{"show-menu":this.renderMenu()},e("slot",{name:"menu-actions"})),e("slot",{name:"primary-action"}))))}get root(){return o(this)}};u([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),u([s()],d.prototype,"checkResponsiveLayout",null),d.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:48px;padding:0 8px 16px 8px;background-color:#fdfdfd;border-radius:4px}:host .search-filter-container{width:260px;min-width:260px}:host slot[name='search-and-filter']::slotted(*){display:flex;flex-direction:row;gap:4px;align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between}: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:4px;align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:8px;border-right:1px solid #d7dce5}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;margin-left:8px}";export{d as gux_table_toolbar_beta}
+import{r as t,d as i,h as e,H as n,g as o}from"./p-9031eb6a.js";import{O as s}from"./p-c3f208cd.js";import{O as r}from"./p-f222d4b1.js";import{t as a}from"./p-c72a4079.js";import{g as l}from"./p-3e6097e5.js";function c(t,i){[].concat(t).forEach((t=>{null!=t&&(t.accent=i)}))}function h(t,...i){i.flat().filter((t=>null!==t&&!t.hasAttribute("icon-only"))).forEach((i=>i.iconOnly=t))}var u=function(t,i,e,n){var o,s=arguments.length,r=s<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(s<3?o(r):s>3?o(i,e,r):o(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const d=class{constructor(i){t(this,i),this.minimumSizes={full:0,iconOnly:0,condensed:0},this.displayedLayout="full",this.hasContextDivider=!1}onMutation(){this.hasContextDivider=this.needsContextDivider()}recordLayoutMinSize(){i((()=>{var t,i;const e=0|(null===(t=this.filterSlot)||void 0===t?void 0:t.clientWidth),n=0|(null===(i=this.actionsContainer)||void 0===i?void 0:i.clientWidth);this.minimumSizes[this.displayedLayout]=e+n+72}))}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get filterSlot(){return l(this.root,"search-and-filter")}get menuActionSlot(){return l(this.root,"menu-actions")}get permanentSlot(){return l(this.root,"permanent-actions")}get contextualSlot(){return l(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,i;if(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.permanentSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get menuActionsItems(){var t,i;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.menuActionSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,i;if(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.contextualSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get filterActions(){var t,i;if(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.filterSlot)||void 0===i?void 0:i.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(t){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.iconOnlySectionWidth=t}renderIconOnlyLayoutScaleUp(){var t,i;this.displayedLayout="iconOnly",c(this.permanentActions,"secondary"),c(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===(i=this.root)||void 0===i||i.appendChild(this.primaryAction))}renderCondensedLayout(){var t,i;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(i=this.menuActionSlot)||void 0===i||i.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),c(this.menuActionsItems,"ghost")}componentWillLoad(){a(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){this.recordLayoutMinSize(),this.checkResponsiveLayout(),c(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{var t;const i=0|(null===(t=this.actionsContainer)||void 0===t?void 0:t.clientWidth),e=this.root.clientWidth;e<=this.minimumSizes.full&&e>=this.minimumSizes.iconOnly?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown(i):"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():e<=this.minimumSizes.iconOnly?this.renderCondensedLayout():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return e(n,{role:"toolbar","aria-orientation":"horizontal"},e("div",{class:"search-filter-container"},e("slot",{name:"search-and-filter"})),e("div",{class:"section-spacing"}),e("div",{class:"gux-contextual-permanent-primary"},e("div",{class:{"gux-contextual-wrapper":this.hasContextDivider}},e("slot",{name:"contextual-actions"})),e("div",{class:"gux-permanent-menu-primary-wrapper"},e("slot",{name:"permanent-actions"}),e("gux-table-toolbar-menu-button",{"show-menu":this.renderMenu()},e("slot",{name:"menu-actions"})),e("slot",{name:"primary-action"}))))}get root(){return o(this)}};u([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),u([s()],d.prototype,"checkResponsiveLayout",null),d.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:48px;padding:0 8px 16px 8px;background-color:#fdfdfd;border-radius:4px}:host .search-filter-container{width:260px;min-width:260px}:host slot[name='search-and-filter']::slotted(*){display:flex;flex-direction:row;gap:4px;align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between}: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:4px;align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:8px;border-right:1px solid #d7dce5}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;margin-left:8px}";export{d as gux_table_toolbar_beta}