import{d as e,H as t,r as n,b_ as a,b$ as r,c0 as o,O as s,A as i,b2 as l,az as d,al as b,ao as c,ae as p,c1 as f,aM as v,k as u,c2 as h,E as g,F as x,D as m,G as y,aj as w,aZ as $,aS as z,as as C,I as R,K as S,c3 as P,aw as T,ah as L,x as W,V as A,o as j,W as k,J as B,c4 as _,av as E,aW as N,aV as H,M as O,bL as F,c5 as D,c6 as V,b7 as I,c7 as M,ai as X}from"./main-e4AvE_no.js";import{t as U}from"./throttle-5Jnqfd08.js";const G=r(".v-x-scroll",{overflow:"auto",scrollbarWidth:"none"},[r("&::-webkit-scrollbar",{width:0,height:0})]),q=e({name:"XScroll",props:{disabled:Boolean,onScroll:Function},setup(){const e=n(null);const t=a();G.mount({id:"vueuc/x-scroll",head:!0,anchorMetaName:o,ssr:t});const r={scrollTo(...t){var n;null===(n=e.value)||void 0===n||n.scrollTo(...t)}};return Object.assign({selfRef:e,handleWheel:function(e){e.currentTarget.offsetWidth<e.currentTarget.scrollWidth&&0!==e.deltaY&&(e.currentTarget.scrollLeft+=e.deltaY+e.deltaX,e.preventDefault())}},r)},render(){return t("div",{ref:"selfRef",onScroll:this.onScroll,onWheel:this.disabled?void 0:this.handleWheel,class:"v-x-scroll"},this.$slots)}}),Y=s("n-tabs"),J={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=e({__TAB_PANE__:!0,name:"TabPane",alias:["TabPanel"],props:J,slots:Object,setup(e){const t=i(Y,null);return t||l("tab-pane","`n-tab-pane` must be placed inside `n-tabs`."),{style:t.paneStyleRef,class:t.paneClassRef,mergedClsPrefix:t.mergedClsPrefixRef}},render(){return t("div",{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}}),Z=e({__TAB__:!0,inheritAttrs:!1,name:"Tab",props:Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},h(J,["displayDirective"])),setup(e){const{mergedClsPrefixRef:t,valueRef:n,typeRef:a,closableRef:r,tabStyleRef:o,addTabStyleRef:s,tabClassRef:l,addTabClassRef:d,tabChangeIdRef:b,onBeforeLeaveRef:c,triggerRef:p,handleAdd:f,activateTab:v,handleClose:h}=i(Y);return{trigger:p,mergedClosable:u((()=>{if(e.internalAddable)return!1;const{closable:t}=e;return void 0===t?r.value:t})),style:o,addStyle:s,tabClass:l,addTabClass:d,clsPrefix:t,value:n,type:a,handleClose(t){t.stopPropagation(),e.disabled||h(e.name)},activateTab(){if(e.disabled)return;if(e.internalAddable)return void f();const{name:t}=e,a=++b.id;if(t!==n.value){const{value:r}=c;r?Promise.resolve(r(e.name,n.value)).then((e=>{e&&b.id===a&&v(t)})):v(t)}}}},render(){const{internalAddable:e,clsPrefix:n,name:a,disabled:r,label:o,tab:s,value:i,mergedClosable:l,trigger:u,$slots:{default:h}}=this,g=null!=o?o:s;return t("div",{class:`${n}-tabs-tab-wrapper`},this.internalLeftPadded?t("div",{class:`${n}-tabs-tab-pad`}):null,t("div",Object.assign({key:a,"data-name":a,"data-disabled":!!r||void 0},d({class:[`${n}-tabs-tab`,i===a&&`${n}-tabs-tab--active`,r&&`${n}-tabs-tab--disabled`,l&&`${n}-tabs-tab--closable`,e&&`${n}-tabs-tab--addable`,e?this.addTabClass:this.tabClass],onClick:"click"===u?this.activateTab:void 0,onMouseenter:"hover"===u?this.activateTab:void 0,style:e?this.addStyle:this.style},this.internalCreatedByPane?this.tabProps||{}:this.$attrs)),t("span",{class:`${n}-tabs-tab__label`},e?t(c,null,t("div",{class:`${n}-tabs-tab__height-placeholder`}," "),t(p,{clsPrefix:n},{default:()=>t(f,null)})):h?h():"object"==typeof g?g:b(null!=g?g:a)),l&&"card"===this.type?t(v,{clsPrefix:n,class:`${n}-tabs-tab__close`,onClick:this.handleClose,disabled:r}):null))}}),Q=g("tabs","\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-direction: column;\n transition:\n background-color .3s var(--n-bezier),\n border-color .3s var(--n-bezier);\n",[x("segment-type",[g("tabs-rail",[m("&.transition-disabled",[g("tabs-capsule","\n transition: none;\n ")])])]),x("top",[g("tab-pane","\n padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);\n ")]),x("left",[g("tab-pane","\n padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);\n ")]),x("left, right","\n flex-direction: row;\n ",[g("tabs-bar","\n width: 2px;\n right: 0;\n transition:\n top .2s var(--n-bezier),\n max-height .2s var(--n-bezier),\n background-color .3s var(--n-bezier);\n "),g("tabs-tab","\n padding: var(--n-tab-padding-vertical); \n ")]),x("right","\n flex-direction: row-reverse;\n ",[g("tab-pane","\n padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);\n "),g("tabs-bar","\n left: 0;\n ")]),x("bottom","\n flex-direction: column-reverse;\n justify-content: flex-end;\n ",[g("tab-pane","\n padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);\n "),g("tabs-bar","\n top: 0;\n ")]),g("tabs-rail","\n position: relative;\n padding: 3px;\n border-radius: var(--n-tab-border-radius);\n width: 100%;\n background-color: var(--n-color-segment);\n transition: background-color .3s var(--n-bezier);\n display: flex;\n align-items: center;\n ",[g("tabs-capsule","\n border-radius: var(--n-tab-border-radius);\n position: absolute;\n pointer-events: none;\n background-color: var(--n-tab-color-segment);\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);\n transition: transform 0.3s var(--n-bezier);\n "),g("tabs-tab-wrapper","\n flex-basis: 0;\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n ",[g("tabs-tab","\n overflow: hidden;\n border-radius: var(--n-tab-border-radius);\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n ",[x("active","\n font-weight: var(--n-font-weight-strong);\n color: var(--n-tab-text-color-active);\n "),m("&:hover","\n color: var(--n-tab-text-color-hover);\n ")])])]),x("flex",[g("tabs-nav","\n width: 100%;\n position: relative;\n ",[g("tabs-wrapper","\n width: 100%;\n ",[g("tabs-tab","\n margin-right: 0;\n ")])])]),g("tabs-nav","\n box-sizing: border-box;\n line-height: 1.5;\n display: flex;\n transition: border-color .3s var(--n-bezier);\n ",[y("prefix, suffix","\n display: flex;\n align-items: center;\n "),y("prefix","padding-right: 16px;"),y("suffix","padding-left: 16px;")]),x("top, bottom",[g("tabs-nav-scroll-wrapper",[m("&::before","\n top: 0;\n bottom: 0;\n left: 0;\n width: 20px;\n "),m("&::after","\n top: 0;\n bottom: 0;\n right: 0;\n width: 20px;\n "),x("shadow-start",[m("&::before","\n box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);\n ")]),x("shadow-end",[m("&::after","\n box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);\n ")])])]),x("left, right",[g("tabs-nav-scroll-content","\n flex-direction: column;\n "),g("tabs-nav-scroll-wrapper",[m("&::before","\n top: 0;\n left: 0;\n right: 0;\n height: 20px;\n "),m("&::after","\n bottom: 0;\n left: 0;\n right: 0;\n height: 20px;\n "),x("shadow-start",[m("&::before","\n box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);\n ")]),x("shadow-end",[m("&::after","\n box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);\n ")])])]),g("tabs-nav-scroll-wrapper","\n flex: 1;\n position: relative;\n overflow: hidden;\n ",[g("tabs-nav-y-scroll","\n height: 100%;\n width: 100%;\n overflow-y: auto; \n scrollbar-width: none;\n ",[m("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb","\n width: 0;\n height: 0;\n display: none;\n ")]),m("&::before, &::after",'\n transition: box-shadow .3s var(--n-bezier);\n pointer-events: none;\n content: "";\n position: absolute;\n z-index: 1;\n ')]),g("tabs-nav-scroll-content","\n display: flex;\n position: relative;\n min-width: 100%;\n min-height: 100%;\n width: fit-content;\n box-sizing: border-box;\n "),g("tabs-wrapper","\n display: inline-flex;\n flex-wrap: nowrap;\n position: relative;\n "),g("tabs-tab-wrapper","\n display: flex;\n flex-wrap: nowrap;\n flex-shrink: 0;\n flex-grow: 0;\n "),g("tabs-tab","\n cursor: pointer;\n white-space: nowrap;\n flex-wrap: nowrap;\n display: inline-flex;\n align-items: center;\n color: var(--n-tab-text-color);\n font-size: var(--n-tab-font-size);\n background-clip: padding-box;\n padding: var(--n-tab-padding);\n transition:\n box-shadow .3s var(--n-bezier),\n color .3s var(--n-bezier),\n background-color .3s var(--n-bezier),\n border-color .3s var(--n-bezier);\n ",[x("disabled",{cursor:"not-allowed"}),y("close","\n margin-left: 6px;\n transition:\n background-color .3s var(--n-bezier),\n color .3s var(--n-bezier);\n "),y("label","\n display: flex;\n align-items: center;\n z-index: 1;\n ")]),g("tabs-bar","\n position: absolute;\n bottom: 0;\n height: 2px;\n border-radius: 1px;\n background-color: var(--n-bar-color);\n transition:\n left .2s var(--n-bezier),\n max-width .2s var(--n-bezier),\n opacity .3s var(--n-bezier),\n background-color .3s var(--n-bezier);\n ",[m("&.transition-disabled","\n transition: none;\n "),x("disabled","\n background-color: var(--n-tab-text-color-disabled)\n ")]),g("tabs-pane-wrapper","\n position: relative;\n overflow: hidden;\n transition: max-height .2s var(--n-bezier);\n "),g("tab-pane","\n color: var(--n-pane-text-color);\n width: 100%;\n transition:\n color .3s var(--n-bezier),\n background-color .3s var(--n-bezier),\n opacity .2s var(--n-bezier);\n left: 0;\n right: 0;\n top: 0;\n ",[m("&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active","\n transition:\n color .3s var(--n-bezier),\n background-color .3s var(--n-bezier),\n transform .2s var(--n-bezier),\n opacity .2s var(--n-bezier);\n "),m("&.next-transition-leave-active, &.prev-transition-leave-active","\n position: absolute;\n "),m("&.next-transition-enter-from, &.prev-transition-leave-to","\n transform: translateX(32px);\n opacity: 0;\n "),m("&.next-transition-leave-to, &.prev-transition-enter-from","\n transform: translateX(-32px);\n opacity: 0;\n "),m("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to","\n transform: translateX(0);\n opacity: 1;\n ")]),g("tabs-tab-pad","\n box-sizing: border-box;\n width: var(--n-tab-gap);\n flex-grow: 0;\n flex-shrink: 0;\n "),x("line-type, bar-type",[g("tabs-tab","\n font-weight: var(--n-tab-font-weight);\n box-sizing: border-box;\n vertical-align: bottom;\n ",[m("&:hover",{color:"var(--n-tab-text-color-hover)"}),x("active","\n color: var(--n-tab-text-color-active);\n font-weight: var(--n-tab-font-weight-active);\n "),x("disabled",{color:"var(--n-tab-text-color-disabled)"})])]),g("tabs-nav",[x("line-type",[x("top",[y("prefix, suffix","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),g("tabs-nav-scroll-content","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),g("tabs-bar","\n bottom: -1px;\n ")]),x("left",[y("prefix, suffix","\n border-right: 1px solid var(--n-tab-border-color);\n "),g("tabs-nav-scroll-content","\n border-right: 1px solid var(--n-tab-border-color);\n "),g("tabs-bar","\n right: -1px;\n ")]),x("right",[y("prefix, suffix","\n border-left: 1px solid var(--n-tab-border-color);\n "),g("tabs-nav-scroll-content","\n border-left: 1px solid var(--n-tab-border-color);\n "),g("tabs-bar","\n left: -1px;\n ")]),x("bottom",[y("prefix, suffix","\n border-top: 1px solid var(--n-tab-border-color);\n "),g("tabs-nav-scroll-content","\n border-top: 1px solid var(--n-tab-border-color);\n "),g("tabs-bar","\n top: -1px;\n ")]),y("prefix, suffix","\n transition: border-color .3s var(--n-bezier);\n "),g("tabs-nav-scroll-content","\n transition: border-color .3s var(--n-bezier);\n "),g("tabs-bar","\n border-radius: 0;\n ")]),x("card-type",[y("prefix, suffix","\n transition: border-color .3s var(--n-bezier);\n "),g("tabs-pad","\n flex-grow: 1;\n transition: border-color .3s var(--n-bezier);\n "),g("tabs-tab-pad","\n transition: border-color .3s var(--n-bezier);\n "),g("tabs-tab","\n font-weight: var(--n-tab-font-weight);\n border: 1px solid var(--n-tab-border-color);\n background-color: var(--n-tab-color);\n box-sizing: border-box;\n position: relative;\n vertical-align: bottom;\n display: flex;\n justify-content: space-between;\n font-size: var(--n-tab-font-size);\n color: var(--n-tab-text-color);\n ",[x("addable","\n padding-left: 8px;\n padding-right: 8px;\n font-size: 16px;\n justify-content: center;\n ",[y("height-placeholder","\n width: 0;\n font-size: var(--n-tab-font-size);\n "),w("disabled",[m("&:hover","\n color: var(--n-tab-text-color-hover);\n ")])]),x("closable","padding-right: 8px;"),x("active","\n background-color: #0000;\n font-weight: var(--n-tab-font-weight-active);\n color: var(--n-tab-text-color-active);\n "),x("disabled","color: var(--n-tab-text-color-disabled);")])]),x("left, right","\n flex-direction: column; \n ",[y("prefix, suffix","\n padding: var(--n-tab-padding-vertical);\n "),g("tabs-wrapper","\n flex-direction: column;\n "),g("tabs-tab-wrapper","\n flex-direction: column;\n ",[g("tabs-tab-pad","\n height: var(--n-tab-gap-vertical);\n width: 100%;\n ")])]),x("top",[x("card-type",[g("tabs-scroll-padding","border-bottom: 1px solid var(--n-tab-border-color);"),y("prefix, suffix","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),g("tabs-tab","\n border-top-left-radius: var(--n-tab-border-radius);\n border-top-right-radius: var(--n-tab-border-radius);\n ",[x("active","\n border-bottom: 1px solid #0000;\n ")]),g("tabs-tab-pad","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),g("tabs-pad","\n border-bottom: 1px solid var(--n-tab-border-color);\n ")])]),x("left",[x("card-type",[g("tabs-scroll-padding","border-right: 1px solid var(--n-tab-border-color);"),y("prefix, suffix","\n border-right: 1px solid var(--n-tab-border-color);\n "),g("tabs-tab","\n border-top-left-radius: var(--n-tab-border-radius);\n border-bottom-left-radius: var(--n-tab-border-radius);\n ",[x("active","\n border-right: 1px solid #0000;\n ")]),g("tabs-tab-pad","\n border-right: 1px solid var(--n-tab-border-color);\n "),g("tabs-pad","\n border-right: 1px solid var(--n-tab-border-color);\n ")])]),x("right",[x("card-type",[g("tabs-scroll-padding","border-left: 1px solid var(--n-tab-border-color);"),y("prefix, suffix","\n border-left: 1px solid var(--n-tab-border-color);\n "),g("tabs-tab","\n border-top-right-radius: var(--n-tab-border-radius);\n border-bottom-right-radius: var(--n-tab-border-radius);\n ",[x("active","\n border-left: 1px solid #0000;\n ")]),g("tabs-tab-pad","\n border-left: 1px solid var(--n-tab-border-color);\n "),g("tabs-pad","\n border-left: 1px solid var(--n-tab-border-color);\n ")])]),x("bottom",[x("card-type",[g("tabs-scroll-padding","border-top: 1px solid var(--n-tab-border-color);"),y("prefix, suffix","\n border-top: 1px solid var(--n-tab-border-color);\n "),g("tabs-tab","\n border-bottom-left-radius: var(--n-tab-border-radius);\n border-bottom-right-radius: var(--n-tab-border-radius);\n ",[x("active","\n border-top: 1px solid #0000;\n ")]),g("tabs-tab-pad","\n border-top: 1px solid var(--n-tab-border-color);\n "),g("tabs-pad","\n border-top: 1px solid var(--n-tab-border-color);\n ")])])])]),ee=e({name:"Tabs",props:Object.assign(Object.assign({},S.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],tabClass:String,addTabStyle:[String,Object],addTabClass:String,barWidth:Number,paneClass:String,paneStyle:[String,Object],paneWrapperClass:String,paneWrapperStyle:[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]}),slots:Object,setup(e,{slots:t}){var a,r,o,s;const{mergedClsPrefixRef:i,inlineThemeDisabled:l}=R(e),d=S("Tabs","-tabs",Q,P,e,i),b=n(null),c=n(null),p=n(null),f=n(null),v=n(null),h=n(null),g=n(!0),x=n(!0),m=T(e,["labelSize","size"]),y=T(e,["activeName","value"]),w=n(null!==(r=null!==(a=y.value)&&void 0!==a?a:e.defaultValue)&&void 0!==r?r:t.default?null===(s=null===(o=$(t.default())[0])||void 0===o?void 0:o.props)||void 0===s?void 0:s.name:null),z=L(y,w),C={id:0},D=u((()=>{if(e.justifyContent&&"card"!==e.type)return{display:"flex",justifyContent:e.justifyContent}}));function V(){var e;const{value:t}=z;if(null===t)return null;return null===(e=b.value)||void 0===e?void 0:e.querySelector(`[data-name="${t}"]`)}function I(e){const{value:t}=c;if(t)for(const n of e)t.style[n]=""}function M(){if("card"===e.type)return;const t=V();t?function(t){if("card"===e.type)return;const{value:n}=c;if(!n)return;const a="0"===n.style.opacity;if(t){const r=`${i.value}-tabs-bar--disabled`,{barWidth:o,placement:s}=e;if("true"===t.dataset.disabled?n.classList.add(r):n.classList.remove(r),["top","bottom"].includes(s)){if(I(["top","maxHeight","height"]),"number"==typeof o&&t.offsetWidth>=o){const e=Math.floor((t.offsetWidth-o)/2)+t.offsetLeft;n.style.left=`${e}px`,n.style.maxWidth=`${o}px`}else n.style.left=`${t.offsetLeft}px`,n.style.maxWidth=`${t.offsetWidth}px`;n.style.width="8192px",a&&(n.style.transition="none"),n.offsetWidth,a&&(n.style.transition="",n.style.opacity="1")}else{if(I(["left","maxWidth","width"]),"number"==typeof o&&t.offsetHeight>=o){const e=Math.floor((t.offsetHeight-o)/2)+t.offsetTop;n.style.top=`${e}px`,n.style.maxHeight=`${o}px`}else n.style.top=`${t.offsetTop}px`,n.style.maxHeight=`${t.offsetHeight}px`;n.style.height="8192px",a&&(n.style.transition="none"),n.offsetHeight,a&&(n.style.transition="",n.style.opacity="1")}}}(t):function(){if("card"===e.type)return;const{value:t}=c;t&&(t.style.opacity="0")}()}function G(){var e;const t=null===(e=v.value)||void 0===e?void 0:e.$el;if(!t)return;const n=V();if(!n)return;const{scrollLeft:a,offsetWidth:r}=t,{offsetLeft:o,offsetWidth:s}=n;a>o?t.scrollTo({top:0,left:o,behavior:"smooth"}):o+s>a+r&&t.scrollTo({top:0,left:o+s-r,behavior:"smooth"})}W(z,(()=>{C.id=0,M(),G()}));const q=n(null);let J=0,K=null;const Z={value:[]},ee=n("next");function te(){const{value:e}=c;if(!e)return;const t="transition-disabled";e.classList.add(t),M(),e.classList.remove(t)}const ne=n(null);function ae({transitionDisabled:e}){const t=b.value;if(!t)return;e&&t.classList.add("transition-disabled");const n=V();n&&ne.value&&(ne.value.style.width=`${n.offsetWidth}px`,ne.value.style.height=`${n.offsetHeight}px`,ne.value.style.transform=`translateX(${n.offsetLeft-F(getComputedStyle(t).paddingLeft)}px)`,e&&ne.value.offsetWidth),e&&t.classList.remove("transition-disabled")}W([z],(()=>{"segment"===e.type&&A((()=>{ae({transitionDisabled:!1})}))})),j((()=>{"segment"===e.type&&ae({transitionDisabled:!0})}));let re=0;const oe=U((function(t){var n;if(0===t.contentRect.width&&0===t.contentRect.height)return;if(re===t.contentRect.width)return;re=t.contentRect.width;const{type:a}=e;if("line"!==a&&"bar"!==a||te(),"segment"!==a){const{placement:t}=e;le(("top"===t||"bottom"===t?null===(n=v.value)||void 0===n?void 0:n.$el:h.value)||null)}}),64);W([()=>e.justifyContent,()=>e.size],(()=>{A((()=>{const{type:t}=e;"line"!==t&&"bar"!==t||te()}))}));const se=n(!1);const ie=U((function(t){var n;const{target:a,contentRect:{width:r,height:o}}=t,s=a.parentElement.parentElement.offsetWidth,i=a.parentElement.parentElement.offsetHeight,{placement:l}=e;if(se.value){const{value:e}=f;if(!e)return;"top"===l||"bottom"===l?s-r>e.$el.offsetWidth&&(se.value=!1):i-o>e.$el.offsetHeight&&(se.value=!1)}else"top"===l||"bottom"===l?s<r&&(se.value=!0):i<o&&(se.value=!0);le((null===(n=v.value)||void 0===n?void 0:n.$el)||null)}),64);function le(t){if(!t)return;const{placement:n}=e;if("top"===n||"bottom"===n){const{scrollLeft:e,scrollWidth:n,offsetWidth:a}=t;g.value=e<=0,x.value=e+a>=n}else{const{scrollTop:e,scrollHeight:n,offsetHeight:a}=t;g.value=e<=0,x.value=e+a>=n}}const de=U((e=>{le(e.target)}),64);k(Y,{triggerRef:B(e,"trigger"),tabStyleRef:B(e,"tabStyle"),tabClassRef:B(e,"tabClass"),addTabStyleRef:B(e,"addTabStyle"),addTabClassRef:B(e,"addTabClass"),paneClassRef:B(e,"paneClass"),paneStyleRef:B(e,"paneStyle"),mergedClsPrefixRef:i,typeRef:B(e,"type"),closableRef:B(e,"closable"),valueRef:z,tabChangeIdRef:C,onBeforeLeaveRef:B(e,"onBeforeLeave"),activateTab:function(t){const n=z.value;let a="next";for(const e of Z.value){if(e===n)break;if(e===t){a="prev";break}}ee.value=a,function(t){const{onActiveNameChange:n,onUpdateValue:a,"onUpdate:value":r}=e;n&&X(n,t);a&&X(a,t);r&&X(r,t);w.value=t}(t)},handleClose:function(t){const{onClose:n}=e;n&&X(n,t)},handleAdd:function(){const{onAdd:t}=e;t&&t(),A((()=>{const e=V(),{value:t}=v;e&&t&&t.scrollTo({left:e.offsetLeft,top:0,behavior:"smooth"})}))}}),_((()=>{M(),G()})),E((()=>{const{value:e}=p;if(!e)return;const{value:t}=i,n=`${t}-tabs-nav-scroll-wrapper--shadow-start`,a=`${t}-tabs-nav-scroll-wrapper--shadow-end`;g.value?e.classList.remove(n):e.classList.add(n),x.value?e.classList.remove(a):e.classList.add(a)}));const be={syncBarPosition:()=>{M()}},ce=u((()=>{const{value:t}=m,{type:n}=e,a=`${t}${{card:"Card",bar:"Bar",line:"Line",segment:"Segment"}[n]}`,{self:{barColor:r,closeIconColor:o,closeIconColorHover:s,closeIconColorPressed:i,tabColor:l,tabBorderColor:b,paneTextColor:c,tabFontWeight:p,tabBorderRadius:f,tabFontWeightActive:v,colorSegment:u,fontWeightStrong:h,tabColorSegment:g,closeSize:x,closeIconSize:y,closeColorHover:w,closeColorPressed:$,closeBorderRadius:z,[N("panePadding",t)]:C,[N("tabPadding",a)]:R,[N("tabPaddingVertical",a)]:S,[N("tabGap",a)]:P,[N("tabGap",`${a}Vertical`)]:T,[N("tabTextColor",n)]:L,[N("tabTextColorActive",n)]:W,[N("tabTextColorHover",n)]:A,[N("tabTextColorDisabled",n)]:j,[N("tabFontSize",t)]:k},common:{cubicBezierEaseInOut:B}}=d.value;return{"--n-bezier":B,"--n-color-segment":u,"--n-bar-color":r,"--n-tab-font-size":k,"--n-tab-text-color":L,"--n-tab-text-color-active":W,"--n-tab-text-color-disabled":j,"--n-tab-text-color-hover":A,"--n-pane-text-color":c,"--n-tab-border-color":b,"--n-tab-border-radius":f,"--n-close-size":x,"--n-close-icon-size":y,"--n-close-color-hover":w,"--n-close-color-pressed":$,"--n-close-border-radius":z,"--n-close-icon-color":o,"--n-close-icon-color-hover":s,"--n-close-icon-color-pressed":i,"--n-tab-color":l,"--n-tab-font-weight":p,"--n-tab-font-weight-active":v,"--n-tab-padding":R,"--n-tab-padding-vertical":S,"--n-tab-gap":P,"--n-tab-gap-vertical":T,"--n-pane-padding-left":H(C,"left"),"--n-pane-padding-right":H(C,"right"),"--n-pane-padding-top":H(C,"top"),"--n-pane-padding-bottom":H(C,"bottom"),"--n-font-weight-strong":h,"--n-tab-color-segment":g}})),pe=l?O("tabs",u((()=>`${m.value[0]}${e.type[0]}`)),ce,e):void 0;return Object.assign({mergedClsPrefix:i,mergedValue:z,renderedNames:new Set,segmentCapsuleElRef:ne,tabsPaneWrapperRef:q,tabsElRef:b,barElRef:c,addTabInstRef:f,xScrollInstRef:v,scrollWrapperElRef:p,addTabFixed:se,tabWrapperStyle:D,handleNavResize:oe,mergedSize:m,handleScroll:de,handleTabsResize:ie,cssVars:l?void 0:ce,themeClass:null==pe?void 0:pe.themeClass,animationDirection:ee,renderNameListRef:Z,yScrollElRef:h,handleSegmentResize:()=>{ae({transitionDisabled:!0})},onAnimationBeforeLeave:function(e){const t=q.value;if(t){J=e.getBoundingClientRect().height;const n=`${J}px`,a=()=>{t.style.height=n,t.style.maxHeight=n};K?(a(),K(),K=null):K=a}},onAnimationEnter:function(e){const t=q.value;if(t){const n=e.getBoundingClientRect().height,a=()=>{document.body.offsetHeight,t.style.maxHeight=`${n}px`,t.style.height=`${Math.max(J,n)}px`};K?(K(),K=null,a()):K=a}},onAnimationAfterEnter:function(){const t=q.value;if(t){t.style.maxHeight="",t.style.height="";const{paneWrapperStyle:n}=e;if("string"==typeof n)t.style.cssText=n;else if(n){const{maxHeight:e,height:a}=n;void 0!==e&&(t.style.maxHeight=e),void 0!==a&&(t.style.height=a)}}},onRender:null==pe?void 0:pe.onRender},be)},render(){const{mergedClsPrefix:e,type:n,placement:a,addTabFixed:r,addable:o,mergedSize:s,renderNameListRef:i,onRender:l,paneWrapperClass:d,paneWrapperStyle:b,$slots:{default:c,prefix:p,suffix:f}}=this;null==l||l();const v=c?$(c()).filter((e=>!0===e.type.__TAB_PANE__)):[],u=c?$(c()).filter((e=>!0===e.type.__TAB__)):[],h=!u.length,g="card"===n,x="segment"===n,m=!g&&!x&&this.justifyContent;i.value=[];const y=()=>{const n=t("div",{style:this.tabWrapperStyle,class:`${e}-tabs-wrapper`},m?null:t("div",{class:`${e}-tabs-scroll-padding`,style:"top"===a||"bottom"===a?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),h?v.map(((e,n)=>(i.value.push(e.props.name),re(t(Z,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:0!==n&&(!m||"center"===m||"start"===m||"end"===m)}),e.children?{default:e.children.tab}:void 0))))):u.map(((e,t)=>(i.value.push(e.props.name),re(0===t||m?e:ae(e))))),!r&&o&&g?ne(o,0!==(h?v.length:u.length)):null,m?null:t("div",{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return t("div",{ref:"tabsElRef",class:`${e}-tabs-nav-scroll-content`},g&&o?t(C,{onResize:this.handleTabsResize},{default:()=>n}):n,g?t("div",{class:`${e}-tabs-pad`}):null,g?null:t("div",{ref:"barElRef",class:`${e}-tabs-bar`}))},w=x?"top":a;return t("div",{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${n}-type`,`${e}-tabs--${s}-size`,m&&`${e}-tabs--flex`,`${e}-tabs--${w}`],style:this.cssVars},t("div",{class:[`${e}-tabs-nav--${n}-type`,`${e}-tabs-nav--${w}`,`${e}-tabs-nav`]},z(p,(n=>n&&t("div",{class:`${e}-tabs-nav__prefix`},n))),x?t(C,{onResize:this.handleSegmentResize},{default:()=>t("div",{class:`${e}-tabs-rail`,ref:"tabsElRef"},t("div",{class:`${e}-tabs-capsule`,ref:"segmentCapsuleElRef"},t("div",{class:`${e}-tabs-wrapper`},t("div",{class:`${e}-tabs-tab`}))),h?v.map(((e,n)=>(i.value.push(e.props.name),t(Z,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:0!==n}),e.children?{default:e.children.tab}:void 0)))):u.map(((e,t)=>(i.value.push(e.props.name),0===t?e:ae(e)))))}):t(C,{onResize:this.handleNavResize},{default:()=>t("div",{class:`${e}-tabs-nav-scroll-wrapper`,ref:"scrollWrapperElRef"},["top","bottom"].includes(w)?t(q,{ref:"xScrollInstRef",onScroll:this.handleScroll},{default:y}):t("div",{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:"yScrollElRef"},y()))}),r&&o&&g?ne(o,!0):null,z(f,(n=>n&&t("div",{class:`${e}-tabs-nav__suffix`},n)))),h&&(!this.animated||"top"!==w&&"bottom"!==w?te(v,this.mergedValue,this.renderedNames):t("div",{ref:"tabsPaneWrapperRef",style:b,class:[`${e}-tabs-pane-wrapper`,d]},te(v,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection))))}});function te(e,n,a,r,o,s,i){const l=[];return e.forEach((e=>{const{name:t,displayDirective:r,"display-directive":o}=e.props,s=e=>r===e||o===e,i=n===t;if(void 0!==e.key&&(e.key=t),i||s("show")||s("show:lazy")&&a.has(t)){a.has(t)||a.add(t);const n=!s("if");l.push(n?D(e,[[V,i]]):e)}})),i?t(I,{name:`${i}-transition`,onBeforeLeave:r,onEnter:o,onAfterEnter:s},{default:()=>l}):l}function ne(e,n){return t(Z,{ref:"addTabInstRef",key:"__addable",name:"__addable",internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:n,disabled:"object"==typeof e&&e.disabled})}function ae(e){const t=M(e);return t.props?t.props.internalLeftPadded=!0:t.props={internalLeftPadded:!0},t}function re(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes("internalLeftPadded")||e.dynamicProps.push("internalLeftPadded"):e.dynamicProps=["internalLeftPadded"],e}export{ee as N,K as a};