https://www.kudoboard.com/build/assets/index-B-Y_DZzJ.js

1import{E as Se}from"./emitter-BHV1M1pA.js";import{_ as X}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{c as E,o as p,h as G,e as M,n as N,f as m,r as B,a as H,w as P,T as be,b as ve,J as ie,v as we,F as j,j as me,d as O,i as De,t as ae}from"./runtime-dom.esm-bundler-B8eLWgJQ.js";import{I as ft}from"./icon-CW-mCdtU.js";import{I as pt}from"./icon-colored-CFzRiEzH.js";import{M as bt,D as vt}from"./menu-items-CeWXSlFI.js";import{M as wt}from"./menu-button-CKntrIQI.js";import{O as mt}from"./option-menu-item-DI70eDbK.js";const St={props:{active:{type:Boolean,default:!1},available:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},title:{type:String,required:!0},id:{type:String,required:!0},removeWhenHidden:{type:Boolean,default:!1},order:{type:Number,required:!0},icon:{type:String,default:null},iconClass:{type:String,default:null},iconColored:{type:String,default:null},isDropdown:{type:Boolean,default:!1},dropdownSection:{type:String,default:null}},emits:["shown","hidden"],data(){return{isActive:!1}},watch:{disabled(){this.isActive&&this.disabled&&Se.emitter.emit("active-tab-disabled",this)},isActive(){this.isActive?this.$emit("shown"):this.$emit("hidden")}},created(){this.$parent.registerTab(this),this.isActive=this.active},beforeUnmount(){this.$parent.removeTab(this)}};function Tt(r,o,c,v,d,a){return p(),E("div",{class:N(["tab-pane",{active:d.isActive}])},[d.isActive||!c.removeWhenHidden?G(r.$slots,"default",{key:0}):M("",!0)],2)}const Jt=X(St,[["render",Tt]]),_t={},yt={class:"menu-title"},gt={class:"menu-title__text"};function It(r,o){return p(),E("div",yt,[m("span",gt,[G(r.$slots,"default",{},void 0,!0)])])}const Ct=X(_t,[["render",It],["__scopeId","data-v-e1de27dc"]]),Et={},Lt={class:"option-menu-header"};function Rt(r,o){return p(),E("div",Lt,[G(r.$slots,"default")])}const Ot=X(Et,[["render",Rt],["__scopeId","data-v-c14b0f31"]]),Mt={},At={class:"menu-separator","aria-hidden":"true"};function Bt(r,o){return p(),E("div",At)}const Ht=X(Mt,[["render",Bt],["__scopeId","data-v-949f7903"]]);(function(){var r=typeof window>"u",o=r?!1:"scrollBehavior"in document.documentElement.style;/*! *****************************************************************************
2    Copyright (c) Microsoft Corporation. All rights reserved.
3    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
4    this file except in compliance with the License. You may obtain a copy of the
5    License at http://www.apache.org/licenses/LICENSE-2.0
6
7    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
8    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
9    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
10    MERCHANTABLITY OR NON-INFRINGEMENT.
11
12    See the Apache Version 2.0 License for specific language governing permissions
13    and limitations under the License.
14    ***************************************************************************** */var c=function(){return c=Object.assign||function(t){for(var i,l=1,n=arguments.length;l<n;l++){i=arguments[l];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s])}return t},c.apply(this,arguments)};function v(e,t){var i=typeof Symbol=="function"&&e[Symbol.iterator];if(!i)return e;var l=i.call(e),n,s=[],h;try{for(;(t===void 0||t-- >0)&&!(n=l.next()).done;)s.push(n.value)}catch(u){h={error:u}}finally{try{n&&!n.done&&(i=l.return)&&i.call(l)}finally{if(h)throw h.error}}return s}function d(){return document.scrollingElement!=null?document.scrollingElement:document.documentElement}var a="scroll-behavior",R=new RegExp(a+":\\s*([^;]*)");function T(e,t){var i=a+":"+t,l=e.getAttribute("style");if(l==null||l===""){e.setAttribute("style",i);return}var n=W(e);if(n!=null){var s=a+":"+n;l=l.replace(s+";",""),l=l.replace(s,"")}e.setAttribute("style",l.endsWith(";")?""+l+i:";"+l+i)}function W(e){var t=e.getAttribute("style");if(t!=null&&t.includes(a)){var i=t.match(R);if(i!=null){var l=v(i,2),n=l[1];if(n!=null&&n!=="")return n}}}var se="scrollBehavior";function q(e,t){if(t!=null&&t.behavior==="smooth")return"smooth";var i="style"in e?e:d(),l;if("style"in i){var n=i.style[se];n!=null&&n!==""&&(l=n)}if(l==null){var s=i.getAttribute("scroll-behavior");s!=null&&s!==""&&(l=s)}if(l==null&&(l=W(i)),l==null){var h=getComputedStyle(i),u=h.getPropertyValue("scrollBehavior");u!=null&&u!==""&&(l=u)}return l}var ce=.5;function U(e){return ce*(1-Math.cos(Math.PI*e))}var z={reset:function(){}},D=typeof WeakMap>"u"?void 0:new WeakMap;function f(e){if(o||D==null)return z;var t=d(),i,l,n,s,h,u=D.get(e);if(u!=null)i=u.cachedScrollSnapValue,l=u.cachedScrollBehaviorStyleAttributeValue,n=u.secondaryScroller,s=u.secondaryScrollerCachedScrollSnapValue,h=u.secondaryScrollerCachedScrollBehaviorStyleAttributeValue,u.release();else{i=e.style.scrollSnapType===""?null:e.style.scrollSnapType,l=W(e),n=e===t&&t!==document.body?document.body:void 0,s=n==null?void 0:n.style.scrollSnapType===""?null:n.style.scrollSnapType,h=n==null?void 0:W(n);var S=getComputedStyle(e).getPropertyValue("scroll-snap-type"),b=n==null?void 0:getComputedStyle(n).getPropertyValue("scroll-snap-type");if(S==="none"&&b==="none")return z}e.style.scrollSnapType="none",n!==void 0&&(n.style.scrollSnapType="none"),l!==void 0&&T(e,l),n!==void 0&&h!==void 0&&T(n,h);var w=!1,y=e===t?window:e;function _(){y.removeEventListener("scroll",k),D!=null&&D.delete(e),w=!0}

14function k(){e.style.scrollSnapType=i,n!=null&&s!==void 0&&(n.style.scrollSnapType=s),l!==void 0&&T(e,l),n!==void 0&&h!==void 0&&T(n,h),_()}function Y(){setTimeout(function(){w||y.addEventListener("scroll",k)})}return D.set(e,{release:_,cachedScrollSnapValue:i,cachedScrollBehaviorStyleAttributeValue:l,secondaryScroller:n,secondaryScrollerCachedScrollSnapValue:s,secondaryScrollerCachedScrollBehaviorStyleAttributeValue:h}),{reset:Y}}var F=15e3;function L(e){var t=e.startTime,i=e.startX,l=e.startY,n=e.endX,s=e.endY,h=e.method,u=e.scroller,S=0,b=n-i,w=s-l,y=Math.max(Math.abs(b/1e3*F),Math.abs(w/1e3*F)),_=f(u);requestAnimationFrame(function k(Y){S+=Y-t;var J=Math.max(0,Math.min(1,y===0?0:S/y)),$=Math.floor(i+b*U(J)),g=Math.floor(l+w*U(J));h($,g),$!==n||g!==s?requestAnimationFrame(k):_!=null&&(_.reset(),_=void 0)})}function Te(){return"performance"in window?performance.now():Date.now()}var _e=r?void 0:Element.prototype.scroll,Fe=r?void 0:window.scroll,ye=r?void 0:Element.prototype.scrollBy,Ye=r?void 0:window.scrollBy,ge=r?void 0:Element.prototype.scrollTo,$e=r?void 0:window.scrollTo;function Ie(e,t){this.__adjustingScrollPosition=!0,this.scrollLeft=e,this.scrollTop=t,delete this.__adjustingScrollPosition}function je(e,t){return Ie.call(this,e,t)}function Ge(e,t){this.__adjustingScrollPosition=!0,this.scrollLeft+=e,this.scrollTop+=t,delete this.__adjustingScrollPosition}function K(e,t){switch(e){case"scroll":return t instanceof Element?_e??Ie:Fe;case"scrollBy":return t instanceof Element?ye??Ge:Ye;case"scrollTo":return t instanceof Element?ge??je:$e}}function Xe(e,t,i,l){var n=Te();if(e instanceof Element){var y=e.scrollLeft,_=e.scrollTop,b=y,w=_;return{startTime:n,startX:b,startY:w,endX:Math.floor(l==="scrollBy"?b+t:t),endY:Math.floor(l==="scrollBy"?w+i:i),method:K("scrollTo",e).bind(e),scroller:e}}else{var s=window.scrollX,h=window.pageXOffset,u=window.scrollY,S=window.pageYOffset,b=s==null||s===0?h:s,w=u==null||u===0?S:u;return{startTime:n,startX:b,startY:w,endX:Math.floor(l==="scrollBy"?b+t:t),endY:Math.floor(l==="scrollBy"?w+i:i),method:K("scrollTo",window).bind(window),scroller:d()}}}function Ce(e){return e==null?0:typeof e=="number"?e:typeof e=="string"?parseFloat(e):0}function Ee(e){return e!=null&&typeof e=="object"}function V(e,t,i,l){qe(Ue(i,l),e,t)}function qe(e,t,i){var l=q(t,e);l==null||l==="auto"?K(i,t).call(t,e.left,e.top):L(Xe(t,e.left,e.top,i))}function Le(e,t){return{left:Ce(e),top:Ce(t)}}function Ue(e,t){if(t===void 0&&!Ee(e))throw new TypeError("Failed to execute 'scroll' on 'Element': parameter 1 ('options') is not an object.");return Ee(e)?c(c({},Le(e.left,e.top)),{behavior:e.behavior==null?"auto":e.behavior}):c(c({},Le(e,t)),{behavior:"auto"})}function ze(){Element.prototype.scroll=function(e,t){V(this,"scroll",e,t)}}function Ke(){Element.prototype.scrollBy=function(e,t){V(this,"scrollBy",e,t)}}function Ze(){Element.prototype.scrollTo=function(e,t){V(this,"scrollTo",e,t)}}function Je(){window.scroll=function(e,t){V(this,"scroll",e,t)}}function Qe(){window.scrollBy=function(e,t){V(this,"scrollBy",e,t)}}function et(){window.scrollTo=function(e,t){V(this,"scrollTo",e,t)}}function de(e){return"nodeType"in e&&e.nodeType===1?e.parentNode:"ShadowRoot"in window&&e instanceof window.ShadowRoot?e.host:e===document?window:e instanceof Node?e.parentNode:null}function Re(e){return e!=="visible"&&e!=="clip"}function Oe(e){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var t=getComputedStyle(e,null);return Re(t.overflowY)||Re(t.overflowX)}return!1}function Me(e){for(var t=e,i=d();t!=null;){var l=q(t);if(l!=null&&(t===i||Oe(t)))return[t,l];var n=de(t);t=n}for(t=e;t!=null;){if(t===i||Oe(t))return[t,"auto"];var s=de(t);t=s}return[i,"auto"]}function tt(e){for(var t=e;t!=null;){if("ShadowRoot"in window&&t instanceof window.ShadowRoot)return t;var i=de(t);if(i===t)return document;t=i}return document}function Ae(e){if(e===void 0&&(e=location),"origin"in e&&e.origin!=null)return e.origin;var t=e.port!=null&&e.port.length>0?":"+e.port:"";return(e.protocol==="http:"&&t===":80"||e.protocol==="https:"&&t===":443")&&(t=""),e.protocol+"//"+e.hostname+t}var rt=/^#\d/;function lt(){window.addEventListener("click",function(e){if(!(!e.isTrusted||!(e.target instanceof HTMLAnchorElement))){var t=e.target,i=t.pathname,l=t.search,n=t.hash,s=Ae(e.target)===Ae(location)&&i===location.pathname&&l===location.search;if(!(!s||n==null||n.length<1)){var h=tt(e.target),u=n.match(rt)!=null?h.getElementById(n.slice(1)):h.querySelector(n);if(u!=null){var S=v(Me(u),2),b=S[1];b==="smooth"&&(e.preventDefault(),u.scrollIntoView({behavior:b}))}}}})}var Be=r?void 0:Element.prototype.scrollIntoView;function Z(e,t,i,l,n,s,h,u){return s<e&&h>t||s>e&&h<t?0:s<=e&&u<=i||h>=t&&u>=i?s-e-l:h>t&&u<i||s<e&&u>i?h-t+n:0}function He(e,t,i){var l=i.block,n=i.inline,s=d(),h=window.visualVie

14wport!=null?visualViewport.width:innerWidth,u=window.visualViewport!=null?visualViewport.height:innerHeight,S=window.scrollX!=null?window.scrollX:window.pageXOffset,b=window.scrollY!=null?window.scrollY:window.pageYOffset,w=e.getBoundingClientRect(),y=w.height,_=w.width,k=w.top,Y=w.right,J=w.bottom,$=w.left,g=l==="start"||l==="nearest"?k:l==="end"?J:k+y/2,A=n==="center"?$+_/2:n==="end"?Y:$,x=t.getBoundingClientRect(),ue=x.height,he=x.width,fe=x.top,Pe=x.right,Ve=x.bottom,pe=x.left,Q=getComputedStyle(t),ee=parseInt(Q.borderLeftWidth,10),te=parseInt(Q.borderTopWidth,10),re=parseInt(Q.borderRightWidth,10),le=parseInt(Q.borderBottomWidth,10),I=0,C=0,oe="offsetWidth"in t?t.offsetWidth-t.clientWidth-ee-re:0,ne="offsetHeight"in t?t.offsetHeight-t.clientHeight-te-le:0;if(s===t)l==="start"?I=g:l==="end"?I=g-u:l==="nearest"?I=Z(b,b+u,u,te,le,b+g,b+g+y,y):I=g-u/2,n==="start"?C=A:n==="center"?C=A-h/2:n==="end"?C=A-h:C=Z(S,S+h,h,ee,re,S+A,S+A+_,_),I=Math.max(0,I+b),C=Math.max(0,C+S);else{l==="start"?I=g-fe-te:l==="end"?I=g-Ve+le+ne:l==="nearest"?I=Z(fe,Ve,ue,te,le+ne,g,g+y,y):I=g-(fe+ue/2)+ne/2,n==="start"?C=A-pe-ee:n==="center"?C=A-(pe+he/2)+oe/2:n==="end"?C=A-Pe+re+oe:C=Z(pe,Pe,he,ee,re+oe,A,A+_,_);var ut=t.scrollLeft,ht=t.scrollTop;I=Math.max(0,Math.min(ht+I,t.scrollHeight-ue+ne)),C=Math.max(0,Math.min(ut+C,t.scrollWidth-he+oe))}return{top:I,left:C}}function ot(){Element.prototype.scrollIntoView=function(e){var t=e==null||e===!0?{block:"start",inline:"nearest"}:e===!1?{block:"end",inline:"nearest"}:e,i=v(Me(this),2),l=i[0],n=i[1],s=t.behavior!=null?t.behavior:n;if(s!=="smooth"){if(Be!=null)Be.call(this,t);else{var h=He(this,l,t),u=h.top,S=h.left;K("scrollTo",this).call(this,S,u)}return}l.scrollTo(c({behavior:s},He(this,l,t)))},HTMLElement.prototype.scrollIntoView!=null&&HTMLElement.prototype.scrollIntoView!==Element.prototype.scrollIntoView&&(HTMLElement.prototype.scrollIntoView=Element.prototype.scrollIntoView)}var nt=r?void 0:Object.getOwnPropertyDescriptor(Element.prototype,"scrollTop").set;function it(){Object.defineProperty(Element.prototype,"scrollTop",{set:function(e){return this.__adjustingScrollPosition?nt.call(this,e):(V(this,"scrollTo",this.scrollLeft,e),e)}})}var at=r?void 0:Object.getOwnPropertyDescriptor(Element.prototype,"scrollLeft").set;function st(){Object.defineProperty(Element.prototype,"scrollLeft",{set:function(e){return this.__adjustingScrollPosition?at.call(this,e):(V(this,"scrollTo",e,this.scrollTop),e)}})}function ct(){ze(),Ke(),Ze(),ot(),st(),it(),Je(),Qe(),et(),lt()}var dt=r?!1:"scroll"in Element.prototype&&"scrollTo"in Element.prototype&&"scrollBy"in Element.prototype&&"scrollIntoView"in Element.prototype;!r&&(!o||!dt)&&ct()})();const ke="default",Ne="pills",We="default",Pt="large",Vt="light",xe="dark",Dt={components:{DropdownMenu:vt,MenuButton:wt,MenuItems:bt,MenuSeparator:Ht,MenuTitle:Ct,OptionMenuHeader:Ot,OptionMenuItem:mt,Icon:ft,IconColored:pt},props:{bgColor:{type:String,default:"#ffffff"},initialTab:{type:String,required:!1,default:null},variant:{type:String,default:ke,validator:r=>[ke,Ne].includes(r)},pillSize:{type:String,default:We,validator:r=>[We,Pt].includes(r)},pillColor:{type:String,default:xe,validator:r=>[xe,Vt].includes(r)}},emits:["click"],data(){return{selected:null,tabs:[],headerScrollable:!1,headerScrollPercentage:0,headerMaxScrollLeft:0,headerScrollChangeOnClick:100,isShowingTabDropdownMenu:!1,hideRightScrollButton:!1,translationObserver:null}},computed:{hasDropdownTabSelected(){var r;return((r=this.selected)==null?void 0:r.isDropdown)??!1},leftScrollShadow(){return this.isPillsVariant?`background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, ${this.bgColor} 100%); left: -1px;`:`background-image: linear-gradient(to right, ${this.bgColor} 60%, rgba(255, 255, 255, 0))`},rightScrollShadow(){return this.isPillsVariant?`background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, ${this.bgColor} 100%); right: -1px;`:`background-image: linear-gradient(to right, rgba(255, 255, 255, 0), ${this.bgColor} 40%`},isPillsVariant(){return this.variant===Ne},tabsClasses(){const r=[`tabs--${this.variant}`];return this.isPillsVariant&&(r.push(`tabs--pills-size-${this.pillSize}`),r.push(`tabs--pills-color-${this.pillColor}`)),r},availableTabs(){return this.tabs.filter(r=>r.available&&!r.isDropdown)},hasDropdownTabs(){return this.dropdownTabs.length},dropdownTabs(){return this.tabs.filter(r=>r.available&&r.isDropdown)},groupedDropdownTabs(){var c;if(!((c=this.dropdownTabs)!=null&&c.length))return[];const r=[];let o=null;

14return this.dropdownTabs.forEach(v=>{const d=v.dropdownSection||null;(d!==o||!r.length)&&(o=d,r.push({section:o,tabs:[]})),r[r.length-1].tabs.push(v)}),r},showHeaderScrollLeftIcon(){return this.headerScrollPercentage>0},showHeaderScrollRightIcon(){return!!(this.headerScrollPercentage<.98&&this.headerScrollable&&!this.hideRightScrollButton)},tabsCount(){return this.availableTabs.length}},watch:{isShowingTabDropdownMenu(r){if(r){this.scrollHeaderToEnd(),document.body.style.overflow="hidden";return}document.body.style.overflow="",this.scrollHeaderToEnd()},tabsCount(){this.selected||this.showInitialTab()}},mounted(){this.initializeTabs(),Se.emitter.on("active-tab-disabled",this.showFirstAvailableTab),window.addEventListener("resize",this.onResize),this.translationObserver=new MutationObserver(()=>requestAnimationFrame(this.setHeaderScrollData)),this.translationObserver.observe(this.$refs.tabsHeader,{childList:!0,characterData:!0,subtree:!0})},updated(){this.setHeaderScrollData()},beforeUnmount(){var r;Se.emitter.off("active-tab-disabled",this.showFirstAvailableTab),document.body.style.overflow="",(r=this.translationObserver)==null||r.disconnect()},methods:{initializeTabs(){this.tabs.sort((r,o)=>r.order>o.order?1:-1),this.showInitialTab()},isTabSelected(r){return!!this.selected&&r.id===this.selected.id},showInitialTab(){if(!this.showTabForHash()&&!this.showTabWithActiveTag()){if(this.initialTab){const r=this.tabs.find(o=>o.id===this.initialTab);r&&(this.selectTab(r),this.scrollTabIntoView(r));return}this.showFirstAvailableTab()}},showTabForHash(){const r=window.location.href.split("#")[1];if(r){const o=this.tabs.filter(c=>c.id===r)[0]||null;if(o&&!o.disabled)return this.handleTabClicked(o),!0}return!1},showTabWithActiveTag(){for(let r=0;r<this.tabs.length;r++){const o=this.tabs[r];if(o.isActive)return this.selected=o,!0}return!1},handleTabClicked(r){this.$emit("click",r.id),this.closeDropdown(),this.selectTab(r),this.scrollTabIntoView(r)},scrollHeaderToEnd(){this.hideRightScrollButton=!0,setTimeout(()=>{const r=this.$refs.tabsHeader;r&&r.scrollTo({left:this.headerMaxScrollLeft,behavior:"smooth"}),setTimeout(()=>{this.hideRightScrollButton=!1},300)},50)}

14,selectTab(r){r.disabled||(this.selected=r,this.tabs.forEach(o=>{o.isActive=o.id===r.id}))},handleHeaderScrollClick(r){const o=this.$refs.tabsHeader,c=o.getBoundingClientRect(),v=o.querySelectorAll(".tabs__header-item");let d=o.scrollLeft;if(r==="right"){for(let a=0;a<v.length;a++){const T=v[a].getBoundingClientRect();if(T.right>c.right+1){d=o.scrollLeft+(T.left-c.left);break}}this.headerMaxScrollLeft-d<c.width/3&&(d=this.headerMaxScrollLeft)}if(r==="left")for(let a=v.length-1;a>=0;a--){const T=v[a].getBoundingClientRect();if(T.left<c.left-1){d=o.scrollLeft-(c.right-T.right);break}}d=Math.max(0,Math.min(d,this.headerMaxScrollLeft)),o.scrollTo({left:d,behavior:"smooth"})},handleTabsHeaderScroll(){const o=this.$refs.tabsHeader.scrollLeft/this.headerMaxScrollLeft;this.headerScrollPercentage=o},onResize(){this.setHeaderScrollData()},setHeaderScrollData(){if(!this.$refs.tabsHeader)return;const r=this.$refs.tabsHeader.clientWidth,o=this.$refs.tabsHeader.scrollWidth;this.headerScrollable=o>r+1,this.headerMaxScrollLeft=o-r},scrollToTab(r){const o=this.tabs.find(c=>c.id===r);o&&this.scrollTabIntoView(o)},scrollToEnd(){const r=this.$refs.tabsHeader;r&&r.scrollTo({left:r.scrollWidth,behavior:"smooth"})},showFirstAvailableTab(){for(let r=0;r<this.availableTabs.length;r++)if(!this.availableTabs[r].disabled){this.handleTabClicked(this.availableTabs[r]);return}},show(r){const o=this.tabs.find(c=>c.id===r);o&&this.handleTabClicked(o)},registerTab(r){this.tabs.push(r),this.tabs.sort((o,c)=>o.order>c.order?1:-1)},removeTab(r){const o=this.tabs.findIndex(c=>c.order===r.order);o!==-1&&this.tabs.splice(o,1)},scrollTabIntoView(r){if(r.isDropdown){this.scrollHeaderToEnd();return}const o=this.$el.querySelector(`#tab-${r.id}`),c=this.$refs.tabsHeader;if(!o||!c)return;const v=50,d=o.getBoundingClientRect(),a=c.getBoundingClientRect();d.left<a.left+v?c.scrollTo({left:c.scrollLeft-(a.left+v-d.left),behavior:"smooth"}):d.right>a.right-v&&c.scrollTo({left:c.scrollLeft+(d.right-a.right+v),behavior:"smooth"})},closeDropdown(){this.$refs.dropdownTab&&this.$refs.dropdownTab.close()}}},kt={class:"tabs__header"},Nt=["id"],Wt=["aria-label","disabled","onClick"],xt=["aria-label","disabled","onClick"],Ft={class:"tab-content"},Yt={ref:"dropdownPortal",class:"tabs__dropdown-portal"};function $t(r,o,c,v,d,a){const R=B("icon"),T=B("icon-colored"),W=B("menu-button"),se=B("menu-title"),q=B("option-menu-header"),ce=B("option-menu-item"),U=B("menu-separator"),z=B("menu-items"),D=B("dropdown-menu");return p(),E("div",{class:N(a.tabsClasses)},[H(be,{name:"mask"},{default:P(()=>[d.isShowingTabDropdownMenu?(p(),E("div",{key:0,class:"tabs__dropdown-mask",onClick:o[0]||(o[0]=(...f)=>a.closeDropdown&&a.closeDropdown(...f))})):M("",!0)]),_:1}),m("div",kt,[H(be,{name:"fade"},{default:P(()=>[ve(m("div",null,[m("div",{class:"tabs__header-scroll-left-icon",style:ie(a.isPillsVariant?"":a.leftScrollShadow),onClick:o[1]||(o[1]=f=>a.handleHeaderScrollClick("left"))},[H(R,{type:"chevron-right",fill:""})],4),ve(m("div",{class:"tabs__header-scroll-shadow tw-left-0",style:ie(a.leftScrollShadow)},null,4),[[we,a.isPillsVariant]])],512),[[we,a.showHeaderScrollLeftIcon]])]),_:1}),H(be,{name:"fade"},{default:P(()=>[ve(m("div",null,[m("div",{class:"tabs__header-scroll-right-icon",style:ie(a.isPillsVariant?"":a.rightScrollShadow),onClick:o[2]||(o[2]=f=>a.handleHeaderScrollClick("right"))},[H(R,{type:"chevron-right",fill:""})],4),m("div",{class:"tabs__header-scroll-shadow tw-right-0",style:ie(a.rightScrollShadow)},null,4)],512),[[we,a.showHeaderScrollRightIcon]])]),_:1}),m("ul",{ref:"tabsHeader",class:"tabs__header-list no-padding",onScrollPassive:o[5]||(o[5]=(...f)=>a.handleTabsHeaderScroll&&a.handleTabsHeaderScroll(...f))},[(p(!0),E(j,null,me(a.availableTabs,f=>(p(),E("li",{id:`tab-${f.id}`,key:f.id,class:N(["inline-block margin-bottom-xs tabs__header-item",{selected:a.isTabSelected(f)}])},[m("button",{"aria-label":f.title,type:"button",class:"btn-p-link",disabled:f.disabled,onClick:F=>a.handleTabClicked(f)},[f.icon?(p(),O(R,{key:0,type:f.icon,fill:"",class:N(f.iconClass??"")},null,8,["type","class"])):M("",!0),f.iconColored?(p(),O(T,{key:1,type:f.iconColored,fill:"",class:N(f.iconClass??"")}

14,null,8,["type","class"])):M("",!0),De(" "+ae(f.title),1)],8,Wt)],10,Nt))),128)),a.hasDropdownTabs?(p(),E("li",{key:0,class:N(["tabs__header-item tabs__dropdown-header-item",{selected:a.hasDropdownTabSelected,"tw-z-[2000]":d.isShowingTabDropdownMenu}])},[H(D,{ref:"dropdownTab",placement:"bottom-end",class:"tabs__dropdown-menu","z-index":2001,"append-to":()=>r.$refs.dropdownPortal,onOpened:o[3]||(o[3]=f=>d.isShowingTabDropdownMenu=!0),onClosed:o[4]||(o[4]=f=>d.isShowingTabDropdownMenu=!1)},{default:P(()=>[H(W,null,{default:P(()=>[a.hasDropdownTabSelected?(p(),E(j,{key:0},[d.selected.icon?(p(),O(R,{key:0,type:d.selected.icon,fill:""},null,8,["type"])):M("",!0),d.selected.iconColored?(p(),O(T,{key:1,type:d.selected.iconColored,fill:""},null,8,["type"])):M("",!0),m("span",null,ae(d.selected.title),1)],64)):G(r.$slots,"menuButton",{key:1},()=>[o[6]||(o[6]=m("span",null," More ",-1))],!0),d.isShowingTabDropdownMenu?(p(),O(R,{key:2,type:"close",fill:""})):(p(),O(R,{key:3,type:"chevron-down",fill:""}))]),_:3}),H(z,null,{default:P(()=>[H(se,null,{default:P(()=>o[7]||(o[7]=[De(" More ")])),_:1}),(p(!0),E(j,null,me(a.groupedDropdownTabs,(f,F)=>(p(),E(j,{key:f.section},[f.section?(p(),O(q,{key:0},{default:P(()=>[m("span",null,ae(f.section),1)]),_:2},1024)):M("",!0),(p(!0),E(j,null,me(f.tabs,L=>(p(),O(ce,{key:L.id,class:N({"tabas__dropdown-option--selected":a.isTabSelected(L)})},{default:P(()=>[m("button",{"aria-label":L.title,disabled:L.disabled,class:"tabs__dropdown-option",onClick:Te=>a.handleTabClicked(L)},[L.icon?(p(),O(R,{key:0,type:L.icon,fill:""},null,8,["type"])):M("",!0),L.iconColored?(p(),O(T,{key:1,type:L.iconColored,fill:""},null,8,["type"])):M("",!0),m("span",null,ae(L.title),1)],8,xt)]),_:2},1032,["class"]))),128)),F<a.groupedDropdownTabs.length-1?(p(),O(U,{key:1})):M("",!0)],64))),128))]),_:1})]),_:3},8,["append-to"])],2)):M("",!0)],544)]),m("div",Ft,[G(r.$slots,"default",{},void 0,!0)]),m("div",Yt,null,512)],2)}const Qt=X(Dt,[["render",$t],["__scopeId","data-v-56cdc5f4"]]);export{Ct as M,Ot as O,Jt as T,Qt as a};