import{d as e,z as t,r as n,aY as a,aZ as r,a_ as o,a$ as i,b0 as s,b1 as l,P as d,a3 as b,aW as c,ao as p,a9 as f,ad as v,a0 as u,b2 as h,b3 as g,l as x,b4 as m,Q as y,T as w,_ as $,Z as z,a7 as C,aR as R,b5 as S,ah as T,U as P,A as W,b6 as L,al as A,a4 as _,w as k,as as B,o as j,Y as E,a5 as N,b7 as H,ak as O,aE as F,b8 as D,X as I,b9 as V,ba as M,bb as X,aw as U,bc as Y,a6 as q}from"./main-DKqTMGci.js";const G=r(".v-x-scroll",{overflow:"auto",scrollbarWidth:"none"},[r("&::-webkit-scrollbar",{width:0,height:0})]),Z=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)}});var Q=/\s/;var J=/^\s+/;function K(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&Q.test(e.charAt(t)););return t}(e)+1).replace(J,""):e}var ee=/^[-+]0x[0-9a-f]+$/i,te=/^0b[01]+$/i,ne=/^0o[0-7]+$/i,ae=parseInt;function re(e){if("number"==typeof e)return e;if(i(e))return NaN;if(s(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=s(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=K(e);var n=te.test(e);return n||ne.test(e)?ae(e.slice(2),n?2:8):ee.test(e)?NaN:+e}var oe=function(){return l.Date.now()},ie=Math.max,se=Math.min;function le(e,t,n){var a,r,o,i,l,d,b=0,c=!1,p=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function v(t){var n=a,o=r;return a=r=void 0,b=t,i=e.apply(o,n)}function u(e){var n=e-d;return void 0===d||n>=t||n<0||p&&e-b>=o}function h(){var e=oe();if(u(e))return g(e);l=setTimeout(h,function(e){var n=t-(e-d);return p?se(n,o-(e-b)):n}(e))}function g(e){return l=void 0,f&&a?v(e):(a=r=void 0,i)}function x(){var e=oe(),n=u(e);if(a=arguments,r=this,d=e,n){if(void 0===l)return function(e){return b=e,l=setTimeout(h,t),c?v(e):i}(d);if(p)return clearTimeout(l),l=setTimeout(h,t),v(d)}return void 0===l&&(l=setTimeout(h,t)),i}return t=re(t)||0,s(n)&&(c=!!n.leading,o=(p="maxWait"in n)?ie(re(n.maxWait)||0,t):o,f="trailing"in n?!!n.trailing:f),x.cancel=function(){void 0!==l&&clearTimeout(l),b=0,a=d=r=l=void 0},x.flush=function(){return void 0===l?i:g(oe())},x}function de(e,t,n){var a=!0,r=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return s(n)&&(a="leading"in n?!!n.leading:a,r="trailing"in n?!!n.trailing:r),le(e,t,{leading:a,maxWait:t,trailing:r})}const be=d("n-tabs"),ce={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]},pe=e({__TAB_PANE__:!0,name:"TabPane",alias:["TabPanel"],props:ce,slots:Object,setup(e){const t=b(be,null);return t||c("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)}}),fe=e({__TAB__:!0,inheritAttrs:!1,name:"Tab",props:Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},m(ce,["displayDirective"])),setup(e){const{mergedClsPrefixRef:t,valueRef:n,typeRef:a,closableRef:r,tabStyleRef:o,addTabStyleRef:i,tabClassRef:s,addTabClassRef:l,tabChangeIdRef:d,onBeforeLeaveRef:c,triggerRef:p,handleAdd:f,activateTab:v,handleClose:u}=b(be);return{trigger:p,mergedClosable:x((()=>{if(e.internalAddable)return!1;const{closable:t}=e;return void 0===t?r.value:t})),style:o,addStyle:i,tabClass:s,addTabClass:l,clsPrefix:t,value:n,type:a,handleClose(t){t.stopPropagation(),e.disabled||u(e.name)},activateTab(){if(e.disabled)return;if(e.internalAddable)return void f();const{name:t}=e,a=++d.id;if(t!==n.value){const{value:r}=c;r?Promise.resolve(r(e.name,n.value)).then((e=>{e&&d.id===a&&v(t)})):v(t)}}}},render(){const{internalAddable:e,clsPrefix:n,name:a,disabled:r,label:o,tab:i,value:s,mergedClosable:l,trigger:d,$slots:{default:b}}=this,c=null!=o?o:i;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},p({class:[`${n}-tabs-tab`,s===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"===d?this.activateTab:void 0,onMouseenter:"hover"===d?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(v,null,t("div",{class:`${n}-tabs-tab__height-placeholder`}," "),t(u,{clsPrefix:n},{default:()=>t(h,null)})):b?b():"object"==typeof c?c:f(null!=c?c:a)),l&&"card"===this.type?t(g,{clsPrefix:n,class:`${n}-tabs-tab__close`,onClick:this.handleClose,disabled:r}):null))}}),ve=y("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",[w("segment-type",[y("tabs-rail",[$("&.transition-disabled",[y("tabs-capsule","\n transition: none;\n ")])])]),w("top",[y("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 ")]),w("left",[y("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 ")]),w("left, right","\n flex-direction: row;\n ",[y("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 "),y("tabs-tab","\n padding: var(--n-tab-padding-vertical); \n ")]),w("right","\n flex-direction: row-reverse;\n ",[y("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 "),y("tabs-bar","\n left: 0;\n ")]),w("bottom","\n flex-direction: column-reverse;\n justify-content: flex-end;\n ",[y("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 "),y("tabs-bar","\n top: 0;\n ")]),y("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 ",[y("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 "),y("tabs-tab-wrapper","\n flex-basis: 0;\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n ",[y("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 ",[w("active","\n font-weight: var(--n-font-weight-strong);\n color: var(--n-tab-text-color-active);\n "),$("&:hover","\n color: var(--n-tab-text-color-hover);\n ")])])]),w("flex",[y("tabs-nav","\n width: 100%;\n position: relative;\n ",[y("tabs-wrapper","\n width: 100%;\n ",[y("tabs-tab","\n margin-right: 0;\n ")])])]),y("tabs-nav","\n box-sizing: border-box;\n line-height: 1.5;\n display: flex;\n transition: border-color .3s var(--n-bezier);\n ",[z("prefix, suffix","\n display: flex;\n align-items: center;\n "),z("prefix","padding-right: 16px;"),z("suffix","padding-left: 16px;")]),w("top, bottom",[y("tabs-nav-scroll-wrapper",[$("&::before","\n top: 0;\n bottom: 0;\n left: 0;\n width: 20px;\n "),$("&::after","\n top: 0;\n bottom: 0;\n right: 0;\n width: 20px;\n "),w("shadow-start",[$("&::before","\n box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);\n ")]),w("shadow-end",[$("&::after","\n box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);\n ")])])]),w("left, right",[y("tabs-nav-scroll-content","\n flex-direction: column;\n "),y("tabs-nav-scroll-wrapper",[$("&::before","\n top: 0;\n left: 0;\n right: 0;\n height: 20px;\n "),$("&::after","\n bottom: 0;\n left: 0;\n right: 0;\n height: 20px;\n "),w("shadow-start",[$("&::before","\n box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);\n ")]),w("shadow-end",[$("&::after","\n box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);\n ")])])]),y("tabs-nav-scroll-wrapper","\n flex: 1;\n position: relative;\n overflow: hidden;\n ",[y("tabs-nav-y-scroll","\n height: 100%;\n width: 100%;\n overflow-y: auto; \n scrollbar-width: none;\n ",[$("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb","\n width: 0;\n height: 0;\n display: none;\n ")]),$("&::before, &::after",'\n transition: box-shadow .3s var(--n-bezier);\n pointer-events: none;\n content: "";\n position: absolute;\n z-index: 1;\n ')]),y("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 "),y("tabs-wrapper","\n display: inline-flex;\n flex-wrap: nowrap;\n position: relative;\n "),y("tabs-tab-wrapper","\n display: flex;\n flex-wrap: nowrap;\n flex-shrink: 0;\n flex-grow: 0;\n "),y("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 ",[w("disabled",{cursor:"not-allowed"}),z("close","\n margin-left: 6px;\n transition:\n background-color .3s var(--n-bezier),\n color .3s var(--n-bezier);\n "),z("label","\n display: flex;\n align-items: center;\n z-index: 1;\n ")]),y("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 ",[$("&.transition-disabled","\n transition: none;\n "),w("disabled","\n background-color: var(--n-tab-text-color-disabled)\n ")]),y("tabs-pane-wrapper","\n position: relative;\n overflow: hidden;\n transition: max-height .2s var(--n-bezier);\n "),y("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 ",[$("&.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 "),$("&.next-transition-leave-active, &.prev-transition-leave-active","\n position: absolute;\n "),$("&.next-transition-enter-from, &.prev-transition-leave-to","\n transform: translateX(32px);\n opacity: 0;\n "),$("&.next-transition-leave-to, &.prev-transition-enter-from","\n transform: translateX(-32px);\n opacity: 0;\n "),$("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to","\n transform: translateX(0);\n opacity: 1;\n ")]),y("tabs-tab-pad","\n box-sizing: border-box;\n width: var(--n-tab-gap);\n flex-grow: 0;\n flex-shrink: 0;\n "),w("line-type, bar-type",[y("tabs-tab","\n font-weight: var(--n-tab-font-weight);\n box-sizing: border-box;\n vertical-align: bottom;\n ",[$("&:hover",{color:"var(--n-tab-text-color-hover)"}),w("active","\n color: var(--n-tab-text-color-active);\n font-weight: var(--n-tab-font-weight-active);\n "),w("disabled",{color:"var(--n-tab-text-color-disabled)"})])]),y("tabs-nav",[w("line-type",[w("top",[z("prefix, suffix","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),y("tabs-nav-scroll-content","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),y("tabs-bar","\n bottom: -1px;\n ")]),w("left",[z("prefix, suffix","\n border-right: 1px solid var(--n-tab-border-color);\n "),y("tabs-nav-scroll-content","\n border-right: 1px solid var(--n-tab-border-color);\n "),y("tabs-bar","\n right: -1px;\n ")]),w("right",[z("prefix, suffix","\n border-left: 1px solid var(--n-tab-border-color);\n "),y("tabs-nav-scroll-content","\n border-left: 1px solid var(--n-tab-border-color);\n "),y("tabs-bar","\n left: -1px;\n ")]),w("bottom",[z("prefix, suffix","\n border-top: 1px solid var(--n-tab-border-color);\n "),y("tabs-nav-scroll-content","\n border-top: 1px solid var(--n-tab-border-color);\n "),y("tabs-bar","\n top: -1px;\n ")]),z("prefix, suffix","\n transition: border-color .3s var(--n-bezier);\n "),y("tabs-nav-scroll-content","\n transition: border-color .3s var(--n-bezier);\n "),y("tabs-bar","\n border-radius: 0;\n ")]),w("card-type",[z("prefix, suffix","\n transition: border-color .3s var(--n-bezier);\n "),y("tabs-pad","\n flex-grow: 1;\n transition: border-color .3s var(--n-bezier);\n "),y("tabs-tab-pad","\n transition: border-color .3s var(--n-bezier);\n "),y("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 ",[w("addable","\n padding-left: 8px;\n padding-right: 8px;\n font-size: 16px;\n justify-content: center;\n ",[z("height-placeholder","\n width: 0;\n font-size: var(--n-tab-font-size);\n "),C("disabled",[$("&:hover","\n color: var(--n-tab-text-color-hover);\n ")])]),w("closable","padding-right: 8px;"),w("active","\n background-color: #0000;\n font-weight: var(--n-tab-font-weight-active);\n color: var(--n-tab-text-color-active);\n "),w("disabled","color: var(--n-tab-text-color-disabled);")])]),w("left, right","\n flex-direction: column; \n ",[z("prefix, suffix","\n padding: var(--n-tab-padding-vertical);\n "),y("tabs-wrapper","\n flex-direction: column;\n "),y("tabs-tab-wrapper","\n flex-direction: column;\n ",[y("tabs-tab-pad","\n height: var(--n-tab-gap-vertical);\n width: 100%;\n ")])]),w("top",[w("card-type",[y("tabs-scroll-padding","border-bottom: 1px solid var(--n-tab-border-color);"),z("prefix, suffix","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),y("tabs-tab","\n border-top-left-radius: var(--n-tab-border-radius);\n border-top-right-radius: var(--n-tab-border-radius);\n ",[w("active","\n border-bottom: 1px solid #0000;\n ")]),y("tabs-tab-pad","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),y("tabs-pad","\n border-bottom: 1px solid var(--n-tab-border-color);\n ")])]),w("left",[w("card-type",[y("tabs-scroll-padding","border-right: 1px solid var(--n-tab-border-color);"),z("prefix, suffix","\n border-right: 1px solid var(--n-tab-border-color);\n "),y("tabs-tab","\n border-top-left-radius: var(--n-tab-border-radius);\n border-bottom-left-radius: var(--n-tab-border-radius);\n ",[w("active","\n border-right: 1px solid #0000;\n ")]),y("tabs-tab-pad","\n border-right: 1px solid var(--n-tab-border-color);\n "),y("tabs-pad","\n border-right: 1px solid var(--n-tab-border-color);\n ")])]),w("right",[w("card-type",[y("tabs-scroll-padding","border-left: 1px solid var(--n-tab-border-color);"),z("prefix, suffix","\n border-left: 1px solid var(--n-tab-border-color);\n "),y("tabs-tab","\n border-top-right-radius: var(--n-tab-border-radius);\n border-bottom-right-radius: var(--n-tab-border-radius);\n ",[w("active","\n border-left: 1px solid #0000;\n ")]),y("tabs-tab-pad","\n border-left: 1px solid var(--n-tab-border-color);\n "),y("tabs-pad","\n border-left: 1px solid var(--n-tab-border-color);\n ")])]),w("bottom",[w("card-type",[y("tabs-scroll-padding","border-top: 1px solid var(--n-tab-border-color);"),z("prefix, suffix","\n border-top: 1px solid var(--n-tab-border-color);\n "),y("tabs-tab","\n border-bottom-left-radius: var(--n-tab-border-radius);\n border-bottom-right-radius: var(--n-tab-border-radius);\n ",[w("active","\n border-top: 1px solid #0000;\n ")]),y("tabs-tab-pad","\n border-top: 1px solid var(--n-tab-border-color);\n "),y("tabs-pad","\n border-top: 1px solid var(--n-tab-border-color);\n ")])])])]),ue=e({name:"Tabs",props:Object.assign(Object.assign({},W.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,i;const{mergedClsPrefixRef:s,inlineThemeDisabled:l}=P(e),d=W("Tabs","-tabs",ve,L,e,s),b=n(null),c=n(null),p=n(null),f=n(null),v=n(null),u=n(null),h=n(!0),g=n(!0),m=A(e,["labelSize","size"]),y=A(e,["activeName","value"]),w=n(null!==(r=null!==(a=y.value)&&void 0!==a?a:e.defaultValue)&&void 0!==r?r:t.default?null===(i=null===(o=R(t.default())[0])||void 0===o?void 0:o.props)||void 0===i?void 0:i.name:null),$=_(y,w),z={id:0},C=x((()=>{if(e.justifyContent&&"card"!==e.type)return{display:"flex",justifyContent:e.justifyContent}}));function S(){var e;const{value:t}=$;if(null===t)return null;return null===(e=b.value)||void 0===e?void 0:e.querySelector(`[data-name="${t}"]`)}function T(e){const{value:t}=c;if(t)for(const n of e)t.style[n]=""}function M(){if("card"===e.type)return;const t=S();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=`${s.value}-tabs-bar--disabled`,{barWidth:o,placement:i}=e;if("true"===t.dataset.disabled?n.classList.add(r):n.classList.remove(r),["top","bottom"].includes(i)){if(T(["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(T(["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 X(){var e;const t=null===(e=v.value)||void 0===e?void 0:e.$el;if(!t)return;const n=S();if(!n)return;const{scrollLeft:a,offsetWidth:r}=t,{offsetLeft:o,offsetWidth:i}=n;a>o?t.scrollTo({top:0,left:o,behavior:"smooth"}):o+i>a+r&&t.scrollTo({top:0,left:o+i-r,behavior:"smooth"})}k($,(()=>{z.id=0,M(),X()}));const U=n(null);let Y=0,G=null;const Z={value:[]},Q=n("next");function J(){const{value:e}=c;if(!e)return;const t="transition-disabled";e.classList.add(t),M(),e.classList.remove(t)}const K=n(null);function ee({transitionDisabled:e}){const t=b.value;if(!t)return;e&&t.classList.add("transition-disabled");const n=S();n&&K.value&&(K.value.style.width=`${n.offsetWidth}px`,K.value.style.height=`${n.offsetHeight}px`,K.value.style.transform=`translateX(${n.offsetLeft-V(getComputedStyle(t).paddingLeft)}px)`,e&&K.value.offsetWidth),e&&t.classList.remove("transition-disabled")}k([$],(()=>{"segment"===e.type&&B((()=>{ee({transitionDisabled:!1})}))})),j((()=>{"segment"===e.type&&ee({transitionDisabled:!0})}));let te=0;const ne=de((function(t){var n;if(0===t.contentRect.width&&0===t.contentRect.height)return;if(te===t.contentRect.width)return;te=t.contentRect.width;const{type:a}=e;if("line"!==a&&"bar"!==a||J(),"segment"!==a){const{placement:t}=e;oe(("top"===t||"bottom"===t?null===(n=v.value)||void 0===n?void 0:n.$el:u.value)||null)}}),64);k([()=>e.justifyContent,()=>e.size],(()=>{B((()=>{const{type:t}=e;"line"!==t&&"bar"!==t||J()}))}));const ae=n(!1);const re=de((function(t){var n;const{target:a,contentRect:{width:r,height:o}}=t,i=a.parentElement.parentElement.offsetWidth,s=a.parentElement.parentElement.offsetHeight,{placement:l}=e;if(ae.value){const{value:e}=f;if(!e)return;"top"===l||"bottom"===l?i-r>e.$el.offsetWidth&&(ae.value=!1):s-o>e.$el.offsetHeight&&(ae.value=!1)}else"top"===l||"bottom"===l?i<r&&(ae.value=!0):s<o&&(ae.value=!0);oe((null===(n=v.value)||void 0===n?void 0:n.$el)||null)}),64);function oe(t){if(!t)return;const{placement:n}=e;if("top"===n||"bottom"===n){const{scrollLeft:e,scrollWidth:n,offsetWidth:a}=t;h.value=e<=0,g.value=e+a>=n}else{const{scrollTop:e,scrollHeight:n,offsetHeight:a}=t;h.value=e<=0,g.value=e+a>=n}}const ie=de((e=>{oe(e.target)}),64);E(be,{triggerRef:N(e,"trigger"),tabStyleRef:N(e,"tabStyle"),tabClassRef:N(e,"tabClass"),addTabStyleRef:N(e,"addTabStyle"),addTabClassRef:N(e,"addTabClass"),paneClassRef:N(e,"paneClass"),paneStyleRef:N(e,"paneStyle"),mergedClsPrefixRef:s,typeRef:N(e,"type"),closableRef:N(e,"closable"),valueRef:$,tabChangeIdRef:z,onBeforeLeaveRef:N(e,"onBeforeLeave"),activateTab:function(t){const n=$.value;let a="next";for(const e of Z.value){if(e===n)break;if(e===t){a="prev";break}}Q.value=a,function(t){const{onActiveNameChange:n,onUpdateValue:a,"onUpdate:value":r}=e;n&&q(n,t);a&&q(a,t);r&&q(r,t);w.value=t}(t)},handleClose:function(t){const{onClose:n}=e;n&&q(n,t)},handleAdd:function(){const{onAdd:t}=e;t&&t(),B((()=>{const e=S(),{value:t}=v;e&&t&&t.scrollTo({left:e.offsetLeft,top:0,behavior:"smooth"})}))}}),H((()=>{M(),X()})),O((()=>{const{value:e}=p;if(!e)return;const{value:t}=s,n=`${t}-tabs-nav-scroll-wrapper--shadow-start`,a=`${t}-tabs-nav-scroll-wrapper--shadow-end`;h.value?e.classList.remove(n):e.classList.add(n),g.value?e.classList.remove(a):e.classList.add(a)}));const se={syncBarPosition:()=>{M()}},le=x((()=>{const{value:t}=m,{type:n}=e,a=`${t}${{card:"Card",bar:"Bar",line:"Line",segment:"Segment"}[n]}`,{self:{barColor:r,closeIconColor:o,closeIconColorHover:i,closeIconColorPressed:s,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,[F("panePadding",t)]:C,[F("tabPadding",a)]:R,[F("tabPaddingVertical",a)]:S,[F("tabGap",a)]:T,[F("tabGap",`${a}Vertical`)]:P,[F("tabTextColor",n)]:W,[F("tabTextColorActive",n)]:L,[F("tabTextColorHover",n)]:A,[F("tabTextColorDisabled",n)]:_,[F("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":W,"--n-tab-text-color-active":L,"--n-tab-text-color-disabled":_,"--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":i,"--n-close-icon-color-pressed":s,"--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":T,"--n-tab-gap-vertical":P,"--n-pane-padding-left":D(C,"left"),"--n-pane-padding-right":D(C,"right"),"--n-pane-padding-top":D(C,"top"),"--n-pane-padding-bottom":D(C,"bottom"),"--n-font-weight-strong":h,"--n-tab-color-segment":g}})),ce=l?I("tabs",x((()=>`${m.value[0]}${e.type[0]}`)),le,e):void 0;return Object.assign({mergedClsPrefix:s,mergedValue:$,renderedNames:new Set,segmentCapsuleElRef:K,tabsPaneWrapperRef:U,tabsElRef:b,barElRef:c,addTabInstRef:f,xScrollInstRef:v,scrollWrapperElRef:p,addTabFixed:ae,tabWrapperStyle:C,handleNavResize:ne,mergedSize:m,handleScroll:ie,handleTabsResize:re,cssVars:l?void 0:le,themeClass:null==ce?void 0:ce.themeClass,animationDirection:Q,renderNameListRef:Z,yScrollElRef:u,handleSegmentResize:()=>{ee({transitionDisabled:!0})},onAnimationBeforeLeave:function(e){const t=U.value;if(t){Y=e.getBoundingClientRect().height;const n=`${Y}px`,a=()=>{t.style.height=n,t.style.maxHeight=n};G?(a(),G(),G=null):G=a}},onAnimationEnter:function(e){const t=U.value;if(t){const n=e.getBoundingClientRect().height,a=()=>{document.body.offsetHeight,t.style.maxHeight=`${n}px`,t.style.height=`${Math.max(Y,n)}px`};G?(G(),G=null,a()):G=a}},onAnimationAfterEnter:function(){const t=U.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==ce?void 0:ce.onRender},se)},render(){const{mergedClsPrefix:e,type:n,placement:a,addTabFixed:r,addable:o,mergedSize:i,renderNameListRef:s,onRender:l,paneWrapperClass:d,paneWrapperStyle:b,$slots:{default:c,prefix:p,suffix:f}}=this;null==l||l();const v=c?R(c()).filter((e=>!0===e.type.__TAB_PANE__)):[],u=c?R(c()).filter((e=>!0===e.type.__TAB__)):[],h=!u.length,g="card"===n,x="segment"===n,m=!g&&!x&&this.justifyContent;s.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)=>(s.value.push(e.props.name),me(t(fe,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)=>(s.value.push(e.props.name),me(0===t||m?e:xe(e))))),!r&&o&&g?ge(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(T,{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--${i}-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`]},S(p,(n=>n&&t("div",{class:`${e}-tabs-nav__prefix`},n))),x?t(T,{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)=>(s.value.push(e.props.name),t(fe,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:0!==n}),e.children?{default:e.children.tab}:void 0)))):u.map(((e,t)=>(s.value.push(e.props.name),0===t?e:xe(e)))))}):t(T,{onResize:this.handleNavResize},{default:()=>t("div",{class:`${e}-tabs-nav-scroll-wrapper`,ref:"scrollWrapperElRef"},["top","bottom"].includes(w)?t(Z,{ref:"xScrollInstRef",onScroll:this.handleScroll},{default:y}):t("div",{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:"yScrollElRef"},y()))}),r&&o&&g?ge(o,!0):null,S(f,(n=>n&&t("div",{class:`${e}-tabs-nav__suffix`},n)))),h&&(!this.animated||"top"!==w&&"bottom"!==w?he(v,this.mergedValue,this.renderedNames):t("div",{ref:"tabsPaneWrapperRef",style:b,class:[`${e}-tabs-pane-wrapper`,d]},he(v,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection))))}});function he(e,n,a,r,o,i,s){const l=[];return e.forEach((e=>{const{name:t,displayDirective:r,"display-directive":o}=e.props,i=e=>r===e||o===e,s=n===t;if(void 0!==e.key&&(e.key=t),s||i("show")||i("show:lazy")&&a.has(t)){a.has(t)||a.add(t);const n=!i("if");l.push(n?M(e,[[X,s]]):e)}})),s?t(U,{name:`${s}-transition`,onBeforeLeave:r,onEnter:o,onAfterEnter:i},{default:()=>l}):l}function ge(e,n){return t(fe,{ref:"addTabInstRef",key:"__addable",name:"__addable",internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:n,disabled:"object"==typeof e&&e.disabled})}function xe(e){const t=Y(e);return t.props?t.props.internalLeftPadded=!0:t.props={internalLeftPadded:!0},t}function me(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes("internalLeftPadded")||e.dynamicProps.push("internalLeftPadded"):e.dynamicProps=["internalLeftPadded"],e}export{ue as N,pe as a};