genesys-spark-components 4.180.1 → 4.181.0

package/dist/genesys-webcomponents/{p-84f095dc.entry.js → p-16c37838.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,a as n}from"./p-CHMfSKey.js";import{t as i}from"./p-Ck5oZyc_.js";import{b as r}from"./p-DxPKQ1vd.js";import{a}from"./p-De1NnCmO.js";import{f as s}from"./p-JHLuJ8Pb.js";import"./p-Cd4R0amv.js";var u={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"};const c=class{constructor(o){t(this,o),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,u),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o("div",{key:"b1095eb5f404dd6ff9d82641117564e65c2a8881",class:{"gux-content-search":!0,"gux-disabled":this.disabled},onClick:()=>s(this.inputSlottedElement)},o("div",{key:"1c68f401ee69616bae41abb219f3faa4693145ed",class:"gux-search-icon"},o("gux-icon",{key:"0bf0e24bdf1c199ea29df18d606f2ec6f59eba0f",size:"small",decorative:!0,"icon-name":"fa/magnifying-glass-regular"})),o("slot",{key:"cf5612881f120a6cbac32eb011c17477395736f3"}),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return o("div",{class:"gux-content-control-panel"},o("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},"aria-disabled":t.toString()},o("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),o("div",{class:"gux-navigation-buttons"},o("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-up-solid",size:"small"})),o("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-down-solid",size:"small"}))),o("div",{class:"gux-navigation-divider"})),o("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()},disabled:t},o("gux-icon",{"icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return n(this)}};c.style=":host{display:inline-block;inline-size:var(--gse-ui-search-width);min-inline-size:var(--gse-ui-search-width)}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-shrink:1;flex-basis:100%;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:0;border-radius:0}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{outline:none;border:0;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-content-search:not(:disabled):not(.gux-disabled):hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);place-content:center flex-end;align-items:center;padding:0}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;block-size:var(--gse-ui-search-counter-icon-height);padding:0;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;outline:none;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius)}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap);align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{box-sizing:border-box;align-self:center;block-size:var(--gse-ui-search-counter-divider-height);color:var(--gse-ui-search-counter-default-foregroundColor);border:var(--gse-ui-search-counter-divider-border-width) var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center}";export{c as gux_content_search}
+import{r as t,c as e,h as o,a as n}from"./p-COgvjwDR.js";import{t as i}from"./p-BEMpuBA2.js";import{b as r}from"./p-D2nzPgXC.js";import{a}from"./p-De1NnCmO.js";import{f as s}from"./p-JHLuJ8Pb.js";import"./p-Cd4R0amv.js";var u={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"};const c=class{constructor(o){t(this,o),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,u),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o("div",{key:"b1095eb5f404dd6ff9d82641117564e65c2a8881",class:{"gux-content-search":!0,"gux-disabled":this.disabled},onClick:()=>s(this.inputSlottedElement)},o("div",{key:"1c68f401ee69616bae41abb219f3faa4693145ed",class:"gux-search-icon"},o("gux-icon",{key:"0bf0e24bdf1c199ea29df18d606f2ec6f59eba0f",size:"small",decorative:!0,"icon-name":"fa/magnifying-glass-regular"})),o("slot",{key:"cf5612881f120a6cbac32eb011c17477395736f3"}),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return o("div",{class:"gux-content-control-panel"},o("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},"aria-disabled":t.toString()},o("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),o("div",{class:"gux-navigation-buttons"},o("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-up-solid",size:"small"})),o("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"fa/caret-down-solid",size:"small"}))),o("div",{class:"gux-navigation-divider"})),o("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()},disabled:t},o("gux-icon",{"icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return n(this)}};c.style=":host{display:inline-block;inline-size:var(--gse-ui-search-width);min-inline-size:var(--gse-ui-search-width)}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-shrink:1;flex-basis:100%;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:0;border-radius:0}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{outline:none;border:0;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-content-search:not(:disabled):not(.gux-disabled):hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);place-content:center flex-end;align-items:center;padding:0}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;block-size:var(--gse-ui-search-counter-icon-height);padding:0;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;outline:none;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius)}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap);align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{box-sizing:border-box;align-self:center;block-size:var(--gse-ui-search-counter-divider-height);color:var(--gse-ui-search-counter-default-foregroundColor);border:var(--gse-ui-search-counter-divider-border-width) var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center}";export{c as gux_content_search}

package/dist/genesys-webcomponents/{p-9a2f5355.entry.js → p-17711fa1.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as a,a as e}from"./p-CHMfSKey.js";import{t as h}from"./p-Ck5oZyc_.js";const c=class{constructor(s){t(this,s),this.guxactivetabchange=i(this,"guxactivetabchange",7),this.orientation="horizontal",this.alignment="left",this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}watchOrientation(t){this.setOrientation(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,i]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=i.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels),this.setOrientation(this.orientation)}setOrientation(t){this.addOrientationToClassList(this.tabList,t),this.root.querySelectorAll("gux-tab").forEach((i=>{this.addOrientationToClassList(i,t)}))}addOrientationToClassList(t,i){"vertical"===i?(t.classList.add("gux-vertical"),t.classList.remove("gux-horizontal")):(t.classList.add("gux-horizontal"),t.classList.remove("gux-vertical"))}activateTab(t,i,s){this.activeTab=t||s[0].tabId,null==i||i.guxSetActive(this.activeTab),null==s||s.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return s(a,{key:"c1147c6c1e63cd651bc604ed7188ff547d307b05",class:`gux-tabs-${this.orientation}`},s("div",{key:"042bb3f29bfc78bda7b6430cbdfdf7240857f654",class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},s("slot",{key:"4b69de129bf5b3404fad2f2bd2c99c80111a1509",name:"tab-list"}),s("div",{key:"e26e3521566ad29deeddabce5c77e6375167e932",class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},s("slot",{key:"05eb75bc0583bd796825dbd45364d577018a6edd",onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"],orientation:["watchOrientation"]}}};c.style=":host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";export{c as gux_tabs}
+import{r as t,c as i,h as s,H as a,a as e}from"./p-COgvjwDR.js";import{t as h}from"./p-BEMpuBA2.js";const c=class{constructor(s){t(this,s),this.guxactivetabchange=i(this,"guxactivetabchange",7),this.orientation="horizontal",this.alignment="left",this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}watchOrientation(t){this.setOrientation(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,i]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=i.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels),this.setOrientation(this.orientation)}setOrientation(t){this.addOrientationToClassList(this.tabList,t),this.root.querySelectorAll("gux-tab").forEach((i=>{this.addOrientationToClassList(i,t)}))}addOrientationToClassList(t,i){"vertical"===i?(t.classList.add("gux-vertical"),t.classList.remove("gux-horizontal")):(t.classList.add("gux-horizontal"),t.classList.remove("gux-vertical"))}activateTab(t,i,s){this.activeTab=t||s[0].tabId,null==i||i.guxSetActive(this.activeTab),null==s||s.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return s(a,{key:"c1147c6c1e63cd651bc604ed7188ff547d307b05",class:`gux-tabs-${this.orientation}`},s("div",{key:"042bb3f29bfc78bda7b6430cbdfdf7240857f654",class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},s("slot",{key:"4b69de129bf5b3404fad2f2bd2c99c80111a1509",name:"tab-list"}),s("div",{key:"e26e3521566ad29deeddabce5c77e6375167e932",class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},s("slot",{key:"05eb75bc0583bd796825dbd45364d577018a6edd",onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"],orientation:["watchOrientation"]}}};c.style=":host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";export{c as gux_tabs}