genesys-spark-components 4.0.0-beta.48 → 4.0.0-beta.49

package/dist/genesys-webcomponents/{p-9749f58f.entry.js → p-ceb629c2.entry.js}

@@ -1 +1 @@
-import{r as e,h as n,g as a}from"./p-deca7631.js";import{t}from"./p-16b7148a.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){t(this.root)}render(){return n("div",{class:"gux-container"},n("div",{class:"gux-image"},n("slot",{name:"image"})),n("div",{class:"gux-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"})),n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return a(this)}};i.style="/**\n  * @prop --gse-ui-badge-height\n  * @prop --gse-ui-badge-height\n  * @prop --gse-ui-blankState-backgroundColor\n  * @prop --gse-ui-blankState-borderRadius\n  * @prop --gse-ui-blankState-gapContent\n  * @prop --gse-ui-blankState-gapMain\n  * @prop --gse-ui-blankState-gapMessage\n  * @prop --gse-ui-blankState-icon-size-lg\n  * @prop --gse-ui-blankState-icon-size-sm\n  * @prop --gse-ui-blankState-iconColor\n  * @prop --gse-ui-blankState-large-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n  * @prop --gse-ui-blankState-padding\n  * @prop --gse-ui-blankState-small-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight\n  */\n:host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width <= 250px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";export{i as gux_blank_state}
+import{r as e,h as n,g as a}from"./p-deca7631.js";import{t}from"./p-28275c57.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){t(this.root)}render(){return n("div",{class:"gux-container"},n("div",{class:"gux-image"},n("slot",{name:"image"})),n("div",{class:"gux-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"})),n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return a(this)}};i.style="/**\n  * @prop --gse-ui-badge-height\n  * @prop --gse-ui-badge-height\n  * @prop --gse-ui-blankState-backgroundColor\n  * @prop --gse-ui-blankState-borderRadius\n  * @prop --gse-ui-blankState-gapContent\n  * @prop --gse-ui-blankState-gapMain\n  * @prop --gse-ui-blankState-gapMessage\n  * @prop --gse-ui-blankState-icon-size-lg\n  * @prop --gse-ui-blankState-icon-size-sm\n  * @prop --gse-ui-blankState-iconColor\n  * @prop --gse-ui-blankState-large-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n  * @prop --gse-ui-blankState-padding\n  * @prop --gse-ui-blankState-small-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-header-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-header-lineHeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontSize\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight\n  * @prop --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight\n  */\n:host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width <= 250px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";export{i as gux_blank_state}

package/dist/genesys-webcomponents/{p-b3971bc8.entry.js → p-d163cc68.entry.js}

@@ -1 +1 @@
-import{r as t,d as e,h as i,H as a,g as o}from"./p-deca7631.js";import{O as n}from"./p-a69a9910.js";import{O as r}from"./p-d6edbaeb.js";import{t as s}from"./p-16b7148a.js";import{g as l}from"./p-693c1709.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!==t&&!t.hasAttribute("icon-only"))).forEach((e=>e.iconOnly=t))}var c=function(t,e,i,a){var o,n=arguments.length,r=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,a);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const d=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()}recordLayoutMinSize(){e((()=>{var t,e;const i=0|(null===(t=this.filterSlot)||void 0===t?void 0:t.clientWidth),a=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth);this.minimumSizes[this.displayedLayout]=i+a+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,e;if(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)return 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;if(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)return 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;if(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)return 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(t){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.iconOnlySectionWidth=t}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")}componentWillLoad(){s(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){this.recordLayoutMinSize(),this.checkResponsiveLayout(),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){e((()=>{var t;const e=0|(null===(t=this.actionsContainer)||void 0===t?void 0:t.clientWidth),i=this.root.clientWidth;i<=this.minimumSizes.full&&i>=this.minimumSizes.iconOnly?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown(e):"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():i<=this.minimumSizes.iconOnly?this.renderCondensedLayout():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return i(a,{role:"toolbar","aria-orientation":"horizontal"},i("div",{class:"search-filter-container"},i("slot",{name:"search-and-filter"})),i("div",{class:"section-spacing"}),i("div",{class:"gux-contextual-permanent-primary"},i("div",{class:{"gux-contextual-wrapper":this.hasContextDivider}},i("slot",{name:"contextual-actions"})),i("div",{class:"gux-permanent-menu-primary-wrapper"},i("slot",{name:"permanent-actions"}),i("gux-table-toolbar-menu-button",{"show-menu":this.renderMenu()},i("slot",{name:"menu-actions"})),i("slot",{name:"primary-action"}))))}get root(){return o(this)}};c([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),c([n()],d.prototype,"checkResponsiveLayout",null),d.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:var(--gse-ui-dataTableItems-tableToolbar-height)}:host .search-filter-container{width:260px;min-width:260px;padding-right: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-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-left: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-right:var(--gse-ui-dataTableItems-tableToolbar-gap);border-right: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-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{d as gux_table_toolbar}
+import{r as t,d as e,h as i,H as a,g as o}from"./p-deca7631.js";import{O as n}from"./p-a69a9910.js";import{O as r}from"./p-d6edbaeb.js";import{t as s}from"./p-28275c57.js";import{g as l}from"./p-693c1709.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!==t&&!t.hasAttribute("icon-only"))).forEach((e=>e.iconOnly=t))}var c=function(t,e,i,a){var o,n=arguments.length,r=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,a);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const d=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()}recordLayoutMinSize(){e((()=>{var t,e;const i=0|(null===(t=this.filterSlot)||void 0===t?void 0:t.clientWidth),a=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth);this.minimumSizes[this.displayedLayout]=i+a+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,e;if(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)return 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;if(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)return 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;if(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)return 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(t){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.iconOnlySectionWidth=t}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")}componentWillLoad(){s(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){this.recordLayoutMinSize(),this.checkResponsiveLayout(),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){e((()=>{var t;const e=0|(null===(t=this.actionsContainer)||void 0===t?void 0:t.clientWidth),i=this.root.clientWidth;i<=this.minimumSizes.full&&i>=this.minimumSizes.iconOnly?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown(e):"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():i<=this.minimumSizes.iconOnly?this.renderCondensedLayout():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return i(a,{role:"toolbar","aria-orientation":"horizontal"},i("div",{class:"search-filter-container"},i("slot",{name:"search-and-filter"})),i("div",{class:"section-spacing"}),i("div",{class:"gux-contextual-permanent-primary"},i("div",{class:{"gux-contextual-wrapper":this.hasContextDivider}},i("slot",{name:"contextual-actions"})),i("div",{class:"gux-permanent-menu-primary-wrapper"},i("slot",{name:"permanent-actions"}),i("gux-table-toolbar-menu-button",{"show-menu":this.renderMenu()},i("slot",{name:"menu-actions"})),i("slot",{name:"primary-action"}))))}get root(){return o(this)}};c([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),c([n()],d.prototype,"checkResponsiveLayout",null),d.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:var(--gse-ui-dataTableItems-tableToolbar-height)}:host .search-filter-container{width:260px;min-width:260px;padding-right: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-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-left: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-right:var(--gse-ui-dataTableItems-tableToolbar-gap);border-right: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-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{d as gux_table_toolbar}