import{E as K,j as $,aY as lt,aZ as dt,q as d,a$ as ue,dg as ct,dh as G,di as ft,G as bt,I as Re,bK as ut,J as Y,aB as vt,F as pt,ad as ht,b3 as gt,ch as mt,at as xt,L as r,P as m,O as T,M as I,Q as yt,R as wt,S as Ce,dj as Rt,ba as ve,bm as Q,X as Ct,H as Z,ab as ee,a2 as St,W as F,dk as Tt,a1 as zt,a4 as B,a6 as $t,a7 as pe,aa as he,ae as U,bf as Pt,bg as _t,dl as Wt,bR as At}from"./index.d7dad953.js";import{A as Lt}from"./Add.5c060f93.js";const Bt=ue(".v-x-scroll",{overflow:"auto",scrollbarWidth:"none"},[ue("&::-webkit-scrollbar",{width:0,height:0})]);var Et=K({name:"XScroll",props:{disabled:Boolean,onScroll:Function},setup(){const e=$(null);function n(s){!(s.currentTarget.offsetWidth=n||W<0||p&&k>=x}function _(){var g=te();if(z(g))return f(g);c=setTimeout(_,A(g))}function f(g){return c=void 0,h&&b?R(g):(b=s=void 0,u)}function w(){c!==void 0&&clearTimeout(c),y=0,b=v=s=c=void 0}function E(){return c===void 0?u:f(te())}function D(){var g=te(),W=z(g);if(b=arguments,s=this,v=g,W){if(c===void 0)return C(v);if(p)return clearTimeout(c),c=setTimeout(_,n),R(v)}return c===void 0&&(c=setTimeout(_,n)),u}return D.cancel=w,D.flush=E,D}var Gt="Expected a function";function ae(e,n,o){var b=!0,s=!0;if(typeof e!="function")throw new TypeError(Gt);return G(o)&&(b="leading"in o?!!o.leading:b,s="trailing"in o?!!o.trailing:s),Yt(e,n,{leading:b,maxWait:n,trailing:s})}const oe=bt("n-tabs"),Se={tab:[String,Number,Object,Function],name:{type:[String,Number],required:!0},disabled:Boolean,displayDirective:{type:String,default:"if"},closable:{type:Boolean,default:void 0},tabProps:Object,label:[String,Number,Object,Function]};K({__TAB_PANE__:!0,name:"TabPane",alias:["TabPanel"],props:Se,setup(e){const n=Re(oe,null);return n||ut("tab-pane","`n-tab-pane` must be placed inside `n-tabs`."),{style:n.paneStyleRef,class:n.paneClassRef,mergedClsPrefix:n.mergedClsPrefixRef}},render(){return d("div",{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}});const Kt=Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},xt(Se,["displayDirective"]));var re=K({__TAB__:!0,inheritAttrs:!1,name:"Tab",props:Kt,setup(e){const{mergedClsPrefixRef:n,valueRef:o,typeRef:b,closableRef:s,tabStyleRef:x,tabChangeIdRef:u,onBeforeLeaveRef:c,triggerRef:v,handleAdd:y,activateTab:S,handleClose:p}=Re(oe);return{trigger:v,mergedClosable:Y(()=>{if(e.internalAddable)return!1;const{closable:h}=e;return h===void 0?s.value:h}),style:x,clsPrefix:n,value:o,type:b,handleClose(h){h.stopPropagation(),!e.disabled&&p(e.name)},activateTab(){if(e.disabled)return;if(e.internalAddable){y();return}const{name:h}=e,R=++u.id;if(h!==o.value){const{value:C}=c;C?Promise.resolve(C(e.name,o.value)).then(A=>{A&&u.id===R&&S(h)}):S(h)}}}},render(){const{internalAddable:e,clsPrefix:n,name:o,disabled:b,label:s,tab:x,value:u,mergedClosable:c,style:v,trigger:y,$slots:{default:S}}=this,p=s!=null?s:x;return d("div",{class:`${n}-tabs-tab-wrapper`},this.internalLeftPadded?d("div",{class:`${n}-tabs-tab-pad`}):null,d("div",Object.assign({key:o,"data-name":o,"data-disabled":b?!0:void 0},vt({class:[`${n}-tabs-tab`,u===o&&`${n}-tabs-tab--active`,b&&`${n}-tabs-tab--disabled`,c&&`${n}-tabs-tab--closable`,e&&`${n}-tabs-tab--addable`],onClick:y==="click"?this.activateTab:void 0,onMouseenter:y==="hover"?this.activateTab:void 0,style:e?void 0:v},this.internalCreatedByPane?this.tabProps||{}:this.$attrs)),d("span",{class:`${n}-tabs-tab__label`},e?d(pt,null,d("div",{class:`${n}-tabs-tab__height-placeholder`},"\xA0"),d(ht,{clsPrefix:n},{default:()=>d(Lt,null)})):S?S():typeof p=="object"?p:gt(p!=null?p:o)),c&&this.type==="card"?d(mt,{clsPrefix:n,class:`${n}-tabs-tab__close`,onClick:this.handleClose,disabled:b}):null))}}),qt=r("tabs",` box-sizing: border-box; width: 100%; display: flex; flex-direction: column; transition: background-color .3s var(--n-bezier), border-color .3s var(--n-bezier); `,[m("segment-type",[r("tabs-rail",[T("&.transition-disabled","color: red;",[r("tabs-tab",` transition: none; `)])])]),m("left, right",` flex-direction: row; `,[r("tabs-bar",` width: 2px; right: 0; transition: top .2s var(--n-bezier), max-height .2s var(--n-bezier), background-color .3s var(--n-bezier); `),r("tabs-tab",` padding: var(--n-tab-padding-vertical); `)]),m("right",` flex-direction: row-reverse; `,[r("tabs-bar",` left: 0; `)]),m("bottom",` flex-direction: column-reverse; justify-content: flex-end; `,[r("tabs-bar",` top: 0; `)]),r("tabs-rail",` padding: 3px; border-radius: var(--n-tab-border-radius); width: 100%; background-color: var(--n-color-segment); transition: background-color .3s var(--n-bezier); display: flex; align-items: center; `,[r("tabs-tab-wrapper",` flex-basis: 0; flex-grow: 1; display: flex; align-items: center; justify-content: center; `,[r("tabs-tab",` overflow: hidden; border-radius: var(--n-tab-border-radius); width: 100%; display: flex; align-items: center; justify-content: center; `,[m("active",` font-weight: var(--n-font-weight-strong); color: var(--n-tab-text-color-active); background-color: var(--n-tab-color-segment); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08); `),T("&:hover",` color: var(--n-tab-text-color-hover); `)])])]),m("flex",[r("tabs-nav",{width:"100%"},[r("tabs-wrapper",{width:"100%"},[r("tabs-tab",{marginRight:0})])])]),r("tabs-nav",` box-sizing: border-box; line-height: 1.5; display: flex; transition: border-color .3s var(--n-bezier); `,[I("prefix, suffix",` display: flex; align-items: center; `),I("prefix","padding-right: 16px;"),I("suffix","padding-left: 16px;")]),r("tabs-nav-scroll-wrapper",` flex: 1; position: relative; overflow: hidden; `,[m("shadow-before",[T("&::before",` box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12); `)]),m("shadow-after",[T("&::after",` box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12); `)]),r("tabs-nav-y-scroll",` height: 100%; width: 100%; overflow-y: auto; scrollbar-width: none; `,[T("&::-webkit-scrollbar",` width: 0; height: 0; `)]),T("&::before, &::after",` transition: box-shadow .3s var(--n-bezier); pointer-events: none; content: ""; position: absolute; top: 0; bottom: 0; width: 20px; z-index: 1; `),T("&::before",` left: 0; `),T("&::after",` right: 0; `)]),r("tabs-nav-scroll-content",` display: flex; position: relative; min-width: 100%; width: fit-content; `),r("tabs-wrapper",` display: inline-flex; flex-wrap: nowrap; position: relative; `),r("tabs-tab-wrapper",` display: flex; flex-wrap: nowrap; flex-shrink: 0; flex-grow: 0; `),r("tabs-tab",` cursor: pointer; white-space: nowrap; flex-wrap: nowrap; display: inline-flex; align-items: center; color: var(--n-tab-text-color); font-size: var(--n-tab-font-size); background-clip: padding-box; padding: var(--n-tab-padding); transition: box-shadow .3s var(--n-bezier), color .3s var(--n-bezier), background-color .3s var(--n-bezier), border-color .3s var(--n-bezier); `,[m("disabled",{cursor:"not-allowed"}),I("close",` margin-left: 6px; transition: background-color .3s var(--n-bezier), color .3s var(--n-bezier); `),I("label",` display: flex; align-items: center; `)]),r("tabs-bar",` position: absolute; bottom: 0; height: 2px; border-radius: 1px; background-color: var(--n-bar-color); transition: left .2s var(--n-bezier), max-width .2s var(--n-bezier), background-color .3s var(--n-bezier); `,[T("&.transition-disabled",` transition: none; `),m("disabled",` background-color: var(--n-tab-text-color-disabled) `)]),r("tabs-pane-wrapper",` position: relative; overflow: hidden; transition: max-height .2s var(--n-bezier); `),r("tab-pane",` color: var(--n-pane-text-color); width: 100%; padding: var(--n-pane-padding); transition: color .3s var(--n-bezier), background-color .3s var(--n-bezier), opacity .2s var(--n-bezier); left: 0; right: 0; top: 0; `,[T("&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active",` transition: color .3s var(--n-bezier), background-color .3s var(--n-bezier), transform .2s var(--n-bezier), opacity .2s var(--n-bezier); `),T("&.next-transition-leave-active, &.prev-transition-leave-active",` position: absolute; `),T("&.next-transition-enter-from, &.prev-transition-leave-to",` transform: translateX(32px); opacity: 0; `),T("&.next-transition-leave-to, &.prev-transition-enter-from",` transform: translateX(-32px); opacity: 0; `),T("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to",` transform: translateX(0); opacity: 1; `)]),r("tabs-tab-pad",` width: var(--n-tab-gap); flex-grow: 0; flex-shrink: 0; `),m("line-type, bar-type",[r("tabs-tab",` font-weight: var(--n-tab-font-weight); box-sizing: border-box; vertical-align: bottom; `,[T("&:hover",{color:"var(--n-tab-text-color-hover)"}),m("active",` color: var(--n-tab-text-color-active); font-weight: var(--n-tab-font-weight-active); `),m("disabled",{color:"var(--n-tab-text-color-disabled)"})])]),r("tabs-nav",[m("line-type",[I("prefix, suffix",` transition: border-color .3s var(--n-bezier); border-bottom: 1px solid var(--n-tab-border-color); `),r("tabs-nav-scroll-content",` transition: border-color .3s var(--n-bezier); border-bottom: 1px solid var(--n-tab-border-color); `),r("tabs-bar",` border-radius: 0; bottom: -1px; `)]),m("card-type",[I("prefix, suffix",` transition: border-color .3s var(--n-bezier); border-bottom: 1px solid var(--n-tab-border-color); `),r("tabs-pad",` flex-grow: 1; transition: border-color .3s var(--n-bezier); border-bottom: 1px solid var(--n-tab-border-color); `),r("tabs-tab-pad",` transition: border-color .3s var(--n-bezier); border-bottom: 1px solid var(--n-tab-border-color); `),r("tabs-tab",` font-weight: var(--n-tab-font-weight); border: 1px solid var(--n-tab-border-color); border-top-left-radius: var(--n-tab-border-radius); border-top-right-radius: var(--n-tab-border-radius); background-color: var(--n-tab-color); box-sizing: border-box; position: relative; vertical-align: bottom; display: flex; justify-content: space-between; font-size: var(--n-tab-font-size); color: var(--n-tab-text-color); `,[m("addable",` padding-left: 8px; padding-right: 8px; font-size: 16px; `,[I("height-placeholder",` width: 0; font-size: var(--n-tab-font-size); `),yt("disabled",[T("&:hover",` color: var(--n-tab-text-color-hover); `)])]),m("closable","padding-right: 6px;"),m("active",` border-bottom: 1px solid #0000; background-color: #0000; font-weight: var(--n-tab-font-weight-active); color: var(--n-tab-text-color-active); `),m("disabled","color: var(--n-tab-text-color-disabled);")]),r("tabs-scroll-padding","border-bottom: 1px solid var(--n-tab-border-color);")]),m("left, right",[r("tabs-wrapper",` flex-direction: column; `,[r("tabs-tab-wrapper",` flex-direction: column; `,[r("tabs-tab-pad",` height: var(--n-tab-gap); width: 100%; `)])]),r("tabs-nav-scroll-content",` border-bottom: none; `)]),m("left",[r("tabs-nav-scroll-content",` box-sizing: border-box; border-right: 1px solid var(--n-tab-border-color); `)]),m("right",[r("tabs-nav-scroll-content",` border-left: 1px solid var(--n-tab-border-color); `)]),m("bottom",[r("tabs-nav-scroll-content",` border-top: 1px solid var(--n-tab-border-color); border-bottom: none; `)])])]);const Jt=Object.assign(Object.assign({},Ce.props),{value:[String,Number],defaultValue:[String,Number],trigger:{type:String,default:"click"},type:{type:String,default:"bar"},closable:Boolean,justifyContent:String,size:{type:String,default:"medium"},placement:{type:String,default:"top"},tabStyle:[String,Object],barWidth:Number,paneClass:String,paneStyle:[String,Object],addable:[Boolean,Object],tabsPadding:{type:Number,default:0},animated:Boolean,onBeforeLeave:Function,onAdd:Function,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onClose:[Function,Array],labelSize:String,activeName:[String,Number],onActiveNameChange:[Function,Array]});var ea=K({name:"Tabs",props:Jt,setup(e,{slots:n}){var o,b,s,x;const{mergedClsPrefixRef:u,inlineThemeDisabled:c}=wt(e),v=Ce("Tabs","-tabs",qt,Rt,e,u),y=$(null),S=$(null),p=$(null),h=$(null),R=$(null),C=$(!0),A=$(!0),z=ve(e,["labelSize","size"]),_=ve(e,["activeName","value"]),f=$((b=(o=_.value)!==null&&o!==void 0?o:e.defaultValue)!==null&&b!==void 0?b:n.default?(x=(s=Q(n.default())[0])===null||s===void 0?void 0:s.props)===null||x===void 0?void 0:x.name:null),w=Ct(_,f),E={id:0},D=Y(()=>{if(!(!e.justifyContent||e.type==="card"))return{display:"flex",justifyContent:e.justifyContent}});Z(w,()=>{E.id=0,O(),ie()});function g(){var t;const{value:a}=w;return a===null?null:(t=y.value)===null||t===void 0?void 0:t.querySelector(`[data-name="${a}"]`)}function W(t){if(e.type==="card")return;const{value:a}=S;if(!!a&&t){const i=`${u.value}-tabs-bar--disabled`,{barWidth:l,placement:L}=e;if(t.dataset.disabled==="true"?a.classList.add(i):a.classList.remove(i),["top","bottom"].includes(L)){if(k(["top","maxHeight","height"]),typeof l=="number"&&t.offsetWidth>=l){const P=Math.floor((t.offsetWidth-l)/2)+t.offsetLeft;a.style.left=`${P}px`,a.style.maxWidth=`${l}px`}else a.style.left=`${t.offsetLeft}px`,a.style.maxWidth=`${t.offsetWidth}px`;a.style.width="8192px",a.offsetWidth}else{if(k(["left","maxWidth","width"]),typeof l=="number"&&t.offsetHeight>=l){const P=Math.floor((t.offsetHeight-l)/2)+t.offsetTop;a.style.top=`${P}px`,a.style.maxHeight=`${l}px`}else a.style.top=`${t.offsetTop}px`,a.style.maxHeight=`${t.offsetHeight}px`;a.style.height="8192px",a.offsetHeight}}}function k(t){const{value:a}=S;if(!!a)for(const i of t)a.style[i]=""}function O(){if(e.type==="card")return;const t=g();t&&W(t)}function ie(t){var a;const i=(a=R.value)===null||a===void 0?void 0:a.$el;if(!i)return;const l=g();if(!l)return;const{scrollLeft:L,offsetWidth:P}=i,{offsetLeft:M,offsetWidth:X}=l;L>M?i.scrollTo({top:0,left:M,behavior:"smooth"}):M+X>L+P&&i.scrollTo({top:0,left:M+X-P,behavior:"smooth"})}const N=$(null);let q=0,j=null;function Te(t){const a=N.value;if(a){q=t.getBoundingClientRect().height;const i=`${q}px`,l=()=>{a.style.height=i,a.style.maxHeight=i};j?(l(),j(),j=null):j=l}}function ze(t){const a=N.value;if(a){const i=t.getBoundingClientRect().height,l=()=>{document.body.offsetHeight,a.style.maxHeight=`${i}px`,a.style.height=`${Math.max(q,i)}px`};j?(j(),j=null,l()):j=l}}function $e(){const t=N.value;t&&(t.style.maxHeight="",t.style.height="")}const se={value:[]},le=$("next");function Pe(t){const a=w.value;let i="next";for(const l of se.value){if(l===a)break;if(l===t){i="prev";break}}le.value=i,_e(t)}function _e(t){const{onActiveNameChange:a,onUpdateValue:i,"onUpdate:value":l}=e;a&&U(a,t),i&&U(i,t),l&&U(l,t),f.value=t}function We(t){const{onClose:a}=e;a&&U(a,t)}function de(){const{value:t}=S;if(!t)return;const a="transition-disabled";t.classList.add(a),O(),t.classList.remove(a)}let ce=0;function Ae(t){var a;if(t.contentRect.width===0&&t.contentRect.height===0||ce===t.contentRect.width)return;ce=t.contentRect.width;const{type:i}=e;(i==="line"||i==="bar")&&de(),i!=="segment"&&J((a=R.value)===null||a===void 0?void 0:a.$el)}const Le=ae(Ae,64);Z([()=>e.justifyContent,()=>e.size],()=>{ee(()=>{const{type:t}=e;(t==="line"||t==="bar")&&de()})});const V=$(!1);function Be(t){var a;const{target:i,contentRect:{width:l}}=t,L=i.parentElement.offsetWidth;if(!V.value)LP.$el.offsetWidth&&(V.value=!1)}J((a=R.value)===null||a===void 0?void 0:a.$el)}const Ee=ae(Be,64);function ke(){const{onAdd:t}=e;t&&t(),ee(()=>{const a=g(),{value:i}=R;!a||!i||i.scrollTo({left:a.offsetLeft,top:0,behavior:"smooth"})})}function J(t){if(!t)return;const{scrollLeft:a,scrollWidth:i,offsetWidth:l}=t;C.value=a<=0,A.value=a+l>=i}const je=ae(t=>{J(t.target)},64);St(oe,{triggerRef:F(e,"trigger"),tabStyleRef:F(e,"tabStyle"),paneClassRef:F(e,"paneClass"),paneStyleRef:F(e,"paneStyle"),mergedClsPrefixRef:u,typeRef:F(e,"type"),closableRef:F(e,"closable"),valueRef:w,tabChangeIdRef:E,onBeforeLeaveRef:F(e,"onBeforeLeave"),activateTab:Pe,handleClose:We,handleAdd:ke}),Tt(()=>{O(),ie()}),zt(()=>{const{value:t}=p;if(!t||["left","right"].includes(e.placement))return;const{value:a}=u,i=`${a}-tabs-nav-scroll-wrapper--shadow-before`,l=`${a}-tabs-nav-scroll-wrapper--shadow-after`;C.value?t.classList.remove(i):t.classList.add(i),A.value?t.classList.remove(l):t.classList.add(l)});const fe=$(null);Z(w,()=>{if(e.type==="segment"){const t=fe.value;t&&ee(()=>{t.classList.add("transition-disabled"),t.offsetWidth,t.classList.remove("transition-disabled")})}});const Ie={syncBarPosition:()=>{O()}},be=Y(()=>{const{value:t}=z,{type:a}=e,i={card:"Card",bar:"Bar",line:"Line",segment:"Segment"}[a],l=`${t}${i}`,{self:{barColor:L,closeIconColor:P,closeIconColorHover:M,closeIconColorPressed:X,tabColor:Oe,tabBorderColor:Fe,paneTextColor:He,tabFontWeight:Me,tabBorderRadius:De,tabFontWeightActive:Ne,colorSegment:Ve,fontWeightStrong:Xe,tabColorSegment:Ue,closeSize:Ye,closeIconSize:Ge,closeColorHover:Ke,closeColorPressed:qe,closeBorderRadius:Je,[B("panePadding",t)]:Qe,[B("tabPadding",l)]:Ze,[B("tabPaddingVertical",l)]:et,[B("tabGap",l)]:tt,[B("tabTextColor",a)]:at,[B("tabTextColorActive",a)]:nt,[B("tabTextColorHover",a)]:rt,[B("tabTextColorDisabled",a)]:ot,[B("tabFontSize",t)]:it},common:{cubicBezierEaseInOut:st}}=v.value;return{"--n-bezier":st,"--n-color-segment":Ve,"--n-bar-color":L,"--n-tab-font-size":it,"--n-tab-text-color":at,"--n-tab-text-color-active":nt,"--n-tab-text-color-disabled":ot,"--n-tab-text-color-hover":rt,"--n-pane-text-color":He,"--n-tab-border-color":Fe,"--n-tab-border-radius":De,"--n-close-size":Ye,"--n-close-icon-size":Ge,"--n-close-color-hover":Ke,"--n-close-color-pressed":qe,"--n-close-border-radius":Je,"--n-close-icon-color":P,"--n-close-icon-color-hover":M,"--n-close-icon-color-pressed":X,"--n-tab-color":Oe,"--n-tab-font-weight":Me,"--n-tab-font-weight-active":Ne,"--n-tab-padding":Ze,"--n-tab-padding-vertical":et,"--n-tab-gap":tt,"--n-pane-padding":Qe,"--n-font-weight-strong":Xe,"--n-tab-color-segment":Ue}}),H=c?$t("tabs",Y(()=>`${z.value[0]}${e.type[0]}`),be,e):void 0;return Object.assign({mergedClsPrefix:u,mergedValue:w,renderedNames:new Set,tabsRailElRef:fe,tabsPaneWrapperRef:N,tabsElRef:y,barElRef:S,addTabInstRef:h,xScrollInstRef:R,scrollWrapperElRef:p,addTabFixed:V,tabWrapperStyle:D,handleNavResize:Le,mergedSize:z,handleScroll:je,handleTabsResize:Ee,cssVars:c?void 0:be,themeClass:H==null?void 0:H.themeClass,animationDirection:le,renderNameListRef:se,onAnimationBeforeLeave:Te,onAnimationEnter:ze,onAnimationAfterEnter:$e,onRender:H==null?void 0:H.onRender},Ie)},render(){const{mergedClsPrefix:e,type:n,placement:o,addTabFixed:b,addable:s,mergedSize:x,renderNameListRef:u,onRender:c,$slots:{default:v,prefix:y,suffix:S}}=this;c==null||c();const p=v?Q(v()).filter(f=>f.type.__TAB_PANE__===!0):[],h=v?Q(v()).filter(f=>f.type.__TAB__===!0):[],R=!h.length,C=n==="card",A=n==="segment",z=!C&&!A&&this.justifyContent;u.value=[];const _=()=>{const f=d("div",{style:this.tabWrapperStyle,class:[`${e}-tabs-wrapper`]},z?null:d("div",{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}),R?p.map((w,E)=>(u.value.push(w.props.name),ne(d(re,Object.assign({},w.props,{internalCreatedByPane:!0,internalLeftPadded:E!==0&&(!z||z==="center"||z==="start"||z==="end")}),w.children?{default:w.children.tab}:void 0)))):h.map((w,E)=>(u.value.push(w.props.name),ne(E!==0&&!z?we(w):w))),!b&&s&&C?ye(s,(R?p.length:h.length)!==0):null,z?null:d("div",{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return d("div",{ref:"tabsElRef",class:`${e}-tabs-nav-scroll-content`},C&&s?d(he,{onResize:this.handleTabsResize},{default:()=>f}):f,C?d("div",{class:`${e}-tabs-pad`}):null,C?null:d("div",{ref:"barElRef",class:`${e}-tabs-bar`}))};return d("div",{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${n}-type`,`${e}-tabs--${x}-size`,z&&`${e}-tabs--flex`,`${e}-tabs--${o}`],style:this.cssVars},d("div",{class:[`${e}-tabs-nav--${n}-type`,`${e}-tabs-nav--${o}`,`${e}-tabs-nav`]},pe(y,f=>f&&d("div",{class:`${e}-tabs-nav__prefix`},f)),A?d("div",{class:`${e}-tabs-rail`,ref:"tabsRailElRef"},R?p.map((f,w)=>(u.value.push(f.props.name),d(re,Object.assign({},f.props,{internalCreatedByPane:!0,internalLeftPadded:w!==0}),f.children?{default:f.children.tab}:void 0))):h.map((f,w)=>(u.value.push(f.props.name),w===0?f:we(f)))):d(he,{onResize:this.handleNavResize},{default:()=>d("div",{class:`${e}-tabs-nav-scroll-wrapper`,ref:"scrollWrapperElRef"},["top","bottom"].includes(o)?d(Et,{ref:"xScrollInstRef",onScroll:this.handleScroll},{default:_}):d("div",{class:`${e}-tabs-nav-y-scroll`},_()))}),b&&s&&C?ye(s,!0):null,pe(S,f=>f&&d("div",{class:`${e}-tabs-nav__suffix`},f))),R&&(this.animated?d("div",{ref:"tabsPaneWrapperRef",class:`${e}-tabs-pane-wrapper`},xe(p,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):xe(p,this.mergedValue,this.renderedNames)))}});function xe(e,n,o,b,s,x,u){const c=[];return e.forEach(v=>{const{name:y,displayDirective:S,"display-directive":p}=v.props,h=C=>S===C||p===C,R=n===y;if(v.key!==void 0&&(v.key=y),R||h("show")||h("show:lazy")&&o.has(y)){o.has(y)||o.add(y);const C=!h("if");c.push(C?Pt(v,[[_t,R]]):v)}}),u?d(Wt,{name:`${u}-transition`,onBeforeLeave:b,onEnter:s,onAfterEnter:x},{default:()=>c}):c}function ye(e,n){return d(re,{ref:"addTabInstRef",key:"__addable",name:"__addable",internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:n,disabled:typeof e=="object"&&e.disabled})}function we(e){const n=At(e);return n.props?n.props.internalLeftPadded=!0:n.props={internalLeftPadded:!0},n}function ne(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes("internalLeftPadded")||e.dynamicProps.push("internalLeftPadded"):e.dynamicProps=["internalLeftPadded"],e}export{re as _,ea as a};