epic-designer-gold 1.0.31 → 1.0.33

package/dist/{index-COyKmK8p.js → index-C4laxGCk.js}

@@ -1,166 +1,32 @@
-import { c as q } from "./_commonjsHelpers-BVfed4GL.js";
-import { r as be } from "./_vue_commonjs-external-NwvjgbHK.js";
-import { c as _e, _ as le, a as ut, f as vt, l as gt, e as ht, r as mt, b as xt } from "./index-D1ZL6feZ.js";
-import { i as yt, _ as Ct } from "./index-gA02bxwJ.js";
-function Pt(o, l) {
-  for (var a = 0; a < l.length; a++) {
-    const c = l[a];
-    if (typeof c != "string" && !Array.isArray(c)) {
-      for (const b in c)
-        if (b !== "default" && !(b in o)) {
-          const p = Object.getOwnPropertyDescriptor(c, b);
-          p && Object.defineProperty(o, b, p.get ? p : {
+import { c as U } from "./_commonjsHelpers-BVfed4GL.js";
+import { r as fe } from "./_vue_commonjs-external-NwvjgbHK.js";
+import { _ as vt, i as gt } from "./index-DUFhAGX3.js";
+import { _ as se, c as Be, a as ht, l as mt, b as xt, f as yt, e as Ct, r as Pt } from "./index-Bf7gu4Ub.js";
+function St(o, l) {
+  for (var c = 0; c < l.length; c++) {
+    const b = l[c];
+    if (typeof b != "string" && !Array.isArray(b)) {
+      for (const f in b)
+        if (f !== "default" && !(f in o)) {
+          const n = Object.getOwnPropertyDescriptor(b, f);
+          n && Object.defineProperty(o, f, n.get ? n : {
             enumerable: !0,
-            get: () => c[b]
+            get: () => b[f]
           });
         }
     }
   }
   return Object.freeze(Object.defineProperty(o, Symbol.toStringTag, { value: "Module" }));
 }
-var Be = {}, we = {}, Te = {}, fe = {}, re = {}, pe = {};
-Object.defineProperty(pe, "__esModule", { value: !0 });
-pe.default = {
-  tabFontSizeSmall: "14px",
-  tabFontSizeMedium: "14px",
-  tabFontSizeLarge: "16px",
-  tabGapSmallLine: "36px",
-  tabGapMediumLine: "36px",
-  tabGapLargeLine: "36px",
-  tabGapSmallLineVertical: "8px",
-  tabGapMediumLineVertical: "8px",
-  tabGapLargeLineVertical: "8px",
-  tabPaddingSmallLine: "6px 0",
-  tabPaddingMediumLine: "10px 0",
-  tabPaddingLargeLine: "14px 0",
-  tabPaddingVerticalSmallLine: "6px 12px",
-  tabPaddingVerticalMediumLine: "8px 16px",
-  tabPaddingVerticalLargeLine: "10px 20px",
-  tabGapSmallBar: "36px",
-  tabGapMediumBar: "36px",
-  tabGapLargeBar: "36px",
-  tabGapSmallBarVertical: "8px",
-  tabGapMediumBarVertical: "8px",
-  tabGapLargeBarVertical: "8px",
-  tabPaddingSmallBar: "4px 0",
-  tabPaddingMediumBar: "6px 0",
-  tabPaddingLargeBar: "10px 0",
-  tabPaddingVerticalSmallBar: "6px 12px",
-  tabPaddingVerticalMediumBar: "8px 16px",
-  tabPaddingVerticalLargeBar: "10px 20px",
-  tabGapSmallCard: "4px",
-  tabGapMediumCard: "4px",
-  tabGapLargeCard: "4px",
-  tabGapSmallCardVertical: "4px",
-  tabGapMediumCardVertical: "4px",
-  tabGapLargeCardVertical: "4px",
-  tabPaddingSmallCard: "8px 16px",
-  tabPaddingMediumCard: "10px 20px",
-  tabPaddingLargeCard: "12px 24px",
-  tabPaddingSmallSegment: "4px 0",
-  tabPaddingMediumSegment: "6px 0",
-  tabPaddingLargeSegment: "8px 0",
-  tabPaddingVerticalLargeSegment: "0 8px",
-  tabPaddingVerticalSmallCard: "8px 12px",
-  tabPaddingVerticalMediumCard: "10px 16px",
-  tabPaddingVerticalLargeCard: "12px 20px",
-  tabPaddingVerticalSmallSegment: "0 4px",
-  tabPaddingVerticalMediumSegment: "0 6px",
-  tabGapSmallSegment: "0",
-  tabGapMediumSegment: "0",
-  tabGapLargeSegment: "0",
-  tabGapSmallSegmentVertical: "0",
-  tabGapMediumSegmentVertical: "0",
-  tabGapLargeSegmentVertical: "0",
-  panePaddingSmall: "8px 0 0 0",
-  panePaddingMedium: "12px 0 0 0",
-  panePaddingLarge: "16px 0 0 0",
-  closeSize: "18px",
-  closeIconSize: "14px"
-};
-var St = q && q.__importDefault || function(o) {
-  return o && o.__esModule ? o : { default: o };
-};
-Object.defineProperty(re, "__esModule", { value: !0 });
-re.self = Re;
-const _t = _e, Bt = St(pe);
-function Re(o) {
-  const { textColor2: l, primaryColor: a, textColorDisabled: c, closeIconColor: b, closeIconColorHover: p, closeIconColorPressed: k, closeColorHover: u, closeColorPressed: s, tabColor: C, baseColor: D, dividerColor: z, fontWeight: G, textColor1: B, borderRadius: A, fontSize: H, fontWeightStrong: $ } = o;
-  return Object.assign(Object.assign({}, Bt.default), {
-    colorSegment: C,
-    tabFontSizeCard: H,
-    tabTextColorLine: B,
-    tabTextColorActiveLine: a,
-    tabTextColorHoverLine: a,
-    tabTextColorDisabledLine: c,
-    tabTextColorSegment: B,
-    tabTextColorActiveSegment: l,
-    tabTextColorHoverSegment: l,
-    tabTextColorDisabledSegment: c,
-    tabTextColorBar: B,
-    tabTextColorActiveBar: a,
-    tabTextColorHoverBar: a,
-    tabTextColorDisabledBar: c,
-    tabTextColorCard: B,
-    tabTextColorHoverCard: B,
-    tabTextColorActiveCard: a,
-    tabTextColorDisabledCard: c,
-    barColor: a,
-    closeIconColor: b,
-    closeIconColorHover: p,
-    closeIconColorPressed: k,
-    closeColorHover: u,
-    closeColorPressed: s,
-    closeBorderRadius: A,
-    tabColor: C,
-    tabColorSegment: D,
-    tabBorderColor: z,
-    tabFontWeightActive: G,
-    tabFontWeight: G,
-    tabBorderRadius: A,
-    paneTextColor: l,
-    fontWeightStrong: $
-  });
-}
-const wt = {
-  name: "Tabs",
-  common: _t.commonLight,
-  self: Re
-};
-re.default = wt;
-Object.defineProperty(fe, "__esModule", { value: !0 });
-const Tt = _e, Rt = re, zt = {
-  name: "Tabs",
-  common: Tt.commonDark,
-  self(o) {
-    const l = (0, Rt.self)(o), { inputColor: a } = o;
-    return l.colorSegment = a, l.tabColorSegment = a, l;
-  }
-};
-fe.default = zt;
-(function(o) {
-  var l = q && q.__importDefault || function(b) {
-    return b && b.__esModule ? b : { default: b };
-  };
-  Object.defineProperty(o, "__esModule", { value: !0 }), o.tabsLight = o.tabsDark = void 0;
-  var a = fe;
-  Object.defineProperty(o, "tabsDark", { enumerable: !0, get: function() {
-    return l(a).default;
-  } });
-  var c = re;
-  Object.defineProperty(o, "tabsLight", { enumerable: !0, get: function() {
-    return l(c).default;
-  } });
-})(Te);
-var ee = {};
-Object.defineProperty(ee, "__esModule", { value: !0 });
-ee.tabsInjectionKey = void 0;
-const $t = le;
-ee.tabsInjectionKey = (0, $t.createInjectionKey)("n-tabs");
-var ue = {}, ve = {};
+var we = {}, pe = {}, te = {};
+Object.defineProperty(te, "__esModule", { value: !0 });
+te.tabsInjectionKey = void 0;
+const _t = se;
+te.tabsInjectionKey = (0, _t.createInjectionKey)("n-tabs");
+var ue = {};
 (function(o) {
   Object.defineProperty(o, "__esModule", { value: !0 }), o.tabPaneProps = void 0;
-  const l = be, a = le, c = ee;
+  const l = fe, c = se, b = te;
   o.tabPaneProps = {
     tab: [String, Number, Object, Function],
     name: {
@@ -184,86 +50,87 @@ var ue = {}, ve = {};
     name: "TabPane",
     alias: ["TabPanel"],
     props: o.tabPaneProps,
-    setup(b) {
+    slots: Object,
+    setup(f) {
       process.env.NODE_ENV !== "production" && (0, l.watchEffect)(() => {
-        b.label !== void 0 && (0, a.warnOnce)("tab-pane", "`label` is deprecated, please use `tab` instead.");
+        f.label !== void 0 && (0, c.warnOnce)("tab-pane", "`label` is deprecated, please use `tab` instead.");
       });
-      const p = (0, l.inject)(c.tabsInjectionKey, null);
-      return p || (0, a.throwError)("tab-pane", "`n-tab-pane` must be placed inside `n-tabs`."), {
-        style: p.paneStyleRef,
-        class: p.paneClassRef,
-        mergedClsPrefix: p.mergedClsPrefixRef
+      const n = (0, l.inject)(b.tabsInjectionKey, null);
+      return n || (0, c.throwError)("tab-pane", "`n-tab-pane` must be placed inside `n-tabs`."), {
+        style: n.paneStyleRef,
+        class: n.paneClassRef,
+        mergedClsPrefix: n.mergedClsPrefixRef
       };
     },
     render() {
       return (0, l.h)("div", { class: [`${this.mergedClsPrefix}-tab-pane`, this.class], style: this.style }, this.$slots);
     }
   });
-})(ve);
+})(ue);
 (function(o) {
   Object.defineProperty(o, "__esModule", { value: !0 }), o.tabProps = void 0;
-  const l = be, a = yt, c = Ct, b = le, p = ee, k = ve;
-  o.tabProps = Object.assign({ internalLeftPadded: Boolean, internalAddable: Boolean, internalCreatedByPane: Boolean }, (0, b.omit)(k.tabPaneProps, ["displayDirective"])), o.default = (0, l.defineComponent)({
+  const l = fe, c = vt, b = gt, f = se, n = te, I = ue;
+  o.tabProps = Object.assign({ internalLeftPadded: Boolean, internalAddable: Boolean, internalCreatedByPane: Boolean }, (0, f.omit)(I.tabPaneProps, ["displayDirective"])), o.default = (0, l.defineComponent)({
     __TAB__: !0,
     inheritAttrs: !1,
     name: "Tab",
     props: o.tabProps,
     setup(u) {
-      const { mergedClsPrefixRef: s, valueRef: C, typeRef: D, closableRef: z, tabStyleRef: G, addTabStyleRef: B, tabClassRef: A, addTabClassRef: H, tabChangeIdRef: $, onBeforeLeaveRef: t, triggerRef: g, handleAdd: P, activateTab: M, handleClose: S } = (0, l.inject)(p.tabsInjectionKey);
+      const { mergedClsPrefixRef: s, valueRef: P, typeRef: k, closableRef: V, tabStyleRef: E, addTabStyleRef: S, tabClassRef: $, addTabClassRef: D, tabChangeIdRef: O, onBeforeLeaveRef: R, triggerRef: a, handleAdd: h, activateTab: x, handleClose: W } = (0, l.inject)(n.tabsInjectionKey);
       return {
-        trigger: g,
+        trigger: a,
         mergedClosable: (0, l.computed)(() => {
           if (u.internalAddable)
             return !1;
-          const { closable: h } = u;
-          return h === void 0 ? z.value : h;
+          const { closable: v } = u;
+          return v === void 0 ? V.value : v;
         }),
-        style: G,
-        addStyle: B,
-        tabClass: A,
-        addTabClass: H,
+        style: E,
+        addStyle: S,
+        tabClass: $,
+        addTabClass: D,
         clsPrefix: s,
-        value: C,
-        type: D,
-        handleClose(h) {
-          h.stopPropagation(), !u.disabled && S(u.name);
+        value: P,
+        type: k,
+        handleClose(v) {
+          v.stopPropagation(), !u.disabled && W(u.name);
         },
         activateTab() {
           if (u.disabled)
             return;
           if (u.internalAddable) {
-            P();
+            h();
             return;
           }
-          const { name: h } = u, m = ++$.id;
-          if (h !== C.value) {
-            const { value: _ } = t;
-            _ ? Promise.resolve(_(u.name, C.value)).then((L) => {
-              L && $.id === m && M(h);
-            }) : M(h);
+          const { name: v } = u, H = ++O.id;
+          if (v !== P.value) {
+            const { value: m } = R;
+            m ? Promise.resolve(m(u.name, P.value)).then((_) => {
+              _ && O.id === H && x(v);
+            }) : x(v);
           }
         }
       };
     },
     render() {
-      const { internalAddable: u, clsPrefix: s, name: C, disabled: D, label: z, tab: G, value: B, mergedClosable: A, trigger: H, $slots: { default: $ } } = this, t = z ?? G;
+      const { internalAddable: u, clsPrefix: s, name: P, disabled: k, label: V, tab: E, value: S, mergedClosable: $, trigger: D, $slots: { default: O } } = this, R = V ?? E;
       return (0, l.h)(
         "div",
         { class: `${s}-tabs-tab-wrapper` },
         this.internalLeftPadded ? (0, l.h)("div", { class: `${s}-tabs-tab-pad` }) : null,
         (0, l.h)(
           "div",
-          Object.assign({ key: C, "data-name": C, "data-disabled": D ? !0 : void 0 }, (0, l.mergeProps)({
+          Object.assign({ key: P, "data-name": P, "data-disabled": k ? !0 : void 0 }, (0, l.mergeProps)({
             class: [
               `${s}-tabs-tab`,
-              B === C && `${s}-tabs-tab--active`,
-              D && `${s}-tabs-tab--disabled`,
-              A && `${s}-tabs-tab--closable`,
+              S === P && `${s}-tabs-tab--active`,
+              k && `${s}-tabs-tab--disabled`,
+              $ && `${s}-tabs-tab--closable`,
               u && `${s}-tabs-tab--addable`,
               u ? this.addTabClass : this.tabClass
             ],
-            onClick: H === "click" ? this.activateTab : void 0,
-            onMouseenter: H === "hover" ? this.activateTab : void 0,
+            onClick: D === "click" ? this.activateTab : void 0,
+            onMouseenter: D === "hover" ? this.activateTab : void 0,
             style: u ? this.addStyle : this.style
           }, this.internalCreatedByPane ? this.tabProps || {} : this.$attrs)),
           (0, l.h)("span", { class: `${s}-tabs-tab__label` }, u ? (0, l.h)(
@@ -271,21 +138,155 @@ var ue = {}, ve = {};
             null,
             (0, l.h)("div", { class: `${s}-tabs-tab__height-placeholder` }, " "),
             (0, l.h)(c.NBaseIcon, { clsPrefix: s }, {
-              default: () => (0, l.h)(a.AddIcon, null)
+              default: () => (0, l.h)(b.AddIcon, null)
             })
-          ) : $ ? $() : typeof t == "object" ? t : (0, b.render)(t ?? C)),
-          A && this.type === "card" ? (0, l.h)(c.NBaseClose, { clsPrefix: s, class: `${s}-tabs-tab__close`, onClick: this.handleClose, disabled: D }) : null
+          ) : O ? O() : typeof R == "object" ? R : (0, f.render)(R ?? P)),
+          $ && this.type === "card" ? (0, l.h)(c.NBaseClose, { clsPrefix: s, class: `${s}-tabs-tab__close`, onClick: this.handleClose, disabled: k }) : null
         )
       );
     }
   });
-})(ue);
-var ge = {};
-Object.defineProperty(ge, "__esModule", {
+})(pe);
+var Te = {}, Re = {}, ve = {}, ne = {}, ge = {};
+Object.defineProperty(ge, "__esModule", { value: !0 });
+ge.default = {
+  tabFontSizeSmall: "14px",
+  tabFontSizeMedium: "14px",
+  tabFontSizeLarge: "16px",
+  tabGapSmallLine: "36px",
+  tabGapMediumLine: "36px",
+  tabGapLargeLine: "36px",
+  tabGapSmallLineVertical: "8px",
+  tabGapMediumLineVertical: "8px",
+  tabGapLargeLineVertical: "8px",
+  tabPaddingSmallLine: "6px 0",
+  tabPaddingMediumLine: "10px 0",
+  tabPaddingLargeLine: "14px 0",
+  tabPaddingVerticalSmallLine: "6px 12px",
+  tabPaddingVerticalMediumLine: "8px 16px",
+  tabPaddingVerticalLargeLine: "10px 20px",
+  tabGapSmallBar: "36px",
+  tabGapMediumBar: "36px",
+  tabGapLargeBar: "36px",
+  tabGapSmallBarVertical: "8px",
+  tabGapMediumBarVertical: "8px",
+  tabGapLargeBarVertical: "8px",
+  tabPaddingSmallBar: "4px 0",
+  tabPaddingMediumBar: "6px 0",
+  tabPaddingLargeBar: "10px 0",
+  tabPaddingVerticalSmallBar: "6px 12px",
+  tabPaddingVerticalMediumBar: "8px 16px",
+  tabPaddingVerticalLargeBar: "10px 20px",
+  tabGapSmallCard: "4px",
+  tabGapMediumCard: "4px",
+  tabGapLargeCard: "4px",
+  tabGapSmallCardVertical: "4px",
+  tabGapMediumCardVertical: "4px",
+  tabGapLargeCardVertical: "4px",
+  tabPaddingSmallCard: "8px 16px",
+  tabPaddingMediumCard: "10px 20px",
+  tabPaddingLargeCard: "12px 24px",
+  tabPaddingSmallSegment: "4px 0",
+  tabPaddingMediumSegment: "6px 0",
+  tabPaddingLargeSegment: "8px 0",
+  tabPaddingVerticalLargeSegment: "0 8px",
+  tabPaddingVerticalSmallCard: "8px 12px",
+  tabPaddingVerticalMediumCard: "10px 16px",
+  tabPaddingVerticalLargeCard: "12px 20px",
+  tabPaddingVerticalSmallSegment: "0 4px",
+  tabPaddingVerticalMediumSegment: "0 6px",
+  tabGapSmallSegment: "0",
+  tabGapMediumSegment: "0",
+  tabGapLargeSegment: "0",
+  tabGapSmallSegmentVertical: "0",
+  tabGapMediumSegmentVertical: "0",
+  tabGapLargeSegmentVertical: "0",
+  panePaddingSmall: "8px 0 0 0",
+  panePaddingMedium: "12px 0 0 0",
+  panePaddingLarge: "16px 0 0 0",
+  closeSize: "18px",
+  closeIconSize: "14px"
+};
+var Bt = U && U.__importDefault || function(o) {
+  return o && o.__esModule ? o : { default: o };
+};
+Object.defineProperty(ne, "__esModule", { value: !0 });
+ne.self = ze;
+const wt = Be, Tt = Bt(ge);
+function ze(o) {
+  const { textColor2: l, primaryColor: c, textColorDisabled: b, closeIconColor: f, closeIconColorHover: n, closeIconColorPressed: I, closeColorHover: u, closeColorPressed: s, tabColor: P, baseColor: k, dividerColor: V, fontWeight: E, textColor1: S, borderRadius: $, fontSize: D, fontWeightStrong: O } = o;
+  return Object.assign(Object.assign({}, Tt.default), {
+    colorSegment: P,
+    tabFontSizeCard: D,
+    tabTextColorLine: S,
+    tabTextColorActiveLine: c,
+    tabTextColorHoverLine: c,
+    tabTextColorDisabledLine: b,
+    tabTextColorSegment: S,
+    tabTextColorActiveSegment: l,
+    tabTextColorHoverSegment: l,
+    tabTextColorDisabledSegment: b,
+    tabTextColorBar: S,
+    tabTextColorActiveBar: c,
+    tabTextColorHoverBar: c,
+    tabTextColorDisabledBar: b,
+    tabTextColorCard: S,
+    tabTextColorHoverCard: S,
+    tabTextColorActiveCard: c,
+    tabTextColorDisabledCard: b,
+    barColor: c,
+    closeIconColor: f,
+    closeIconColorHover: n,
+    closeIconColorPressed: I,
+    closeColorHover: u,
+    closeColorPressed: s,
+    closeBorderRadius: $,
+    tabColor: P,
+    tabColorSegment: k,
+    tabBorderColor: V,
+    tabFontWeightActive: E,
+    tabFontWeight: E,
+    tabBorderRadius: $,
+    paneTextColor: l,
+    fontWeightStrong: O
+  });
+}
+const Rt = {
+  name: "Tabs",
+  common: wt.commonLight,
+  self: ze
+};
+ne.default = Rt;
+Object.defineProperty(ve, "__esModule", { value: !0 });
+const zt = Be, Mt = ne, Lt = {
+  name: "Tabs",
+  common: zt.commonDark,
+  self(o) {
+    const l = (0, Mt.self)(o), { inputColor: c } = o;
+    return l.colorSegment = c, l.tabColorSegment = c, l;
+  }
+};
+ve.default = Lt;
+(function(o) {
+  var l = U && U.__importDefault || function(f) {
+    return f && f.__esModule ? f : { default: f };
+  };
+  Object.defineProperty(o, "__esModule", { value: !0 }), o.tabsLight = o.tabsDark = void 0;
+  var c = ve;
+  Object.defineProperty(o, "tabsDark", { enumerable: !0, get: function() {
+    return l(c).default;
+  } });
+  var b = ne;
+  Object.defineProperty(o, "tabsLight", { enumerable: !0, get: function() {
+    return l(b).default;
+  } });
+})(Re);
+var he = {};
+Object.defineProperty(he, "__esModule", {
   value: !0
 });
-const e = ut;
-ge.default = (0, e.cB)("tabs", `
+const e = ht;
+he.default = (0, e.cB)("tabs", `
  box-sizing: border-box;
  width: 100%;
  display: flex;
@@ -372,7 +373,7 @@ ge.default = (0, e.cB)("tabs", `
  `, [(0, e.cE)("prefix, suffix", `
  display: flex;
  align-items: center;
- `), (0, e.cE)("prefix", "padding-right: 16px;"), (0, e.cE)("suffix", "padding-left: 16px;")]), (0, e.cM)("top, bottom", [(0, e.cB)("tabs-nav-scroll-wrapper", [(0, e.c)("&::before", `
+ `), (0, e.cE)("prefix", "padding-right: 16px;"), (0, e.cE)("suffix", "padding-left: 16px;")]), (0, e.cM)("top, bottom", [(0, e.c)(">", [(0, e.cB)("tabs-nav", [(0, e.cB)("tabs-nav-scroll-wrapper", [(0, e.c)("&::before", `
  top: 0;
  bottom: 0;
  left: 0;
@@ -386,9 +387,9 @@ ge.default = (0, e.cB)("tabs", `
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
  `)]), (0, e.cM)("shadow-end", [(0, e.c)("&::after", `
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
- `)])])]), (0, e.cM)("left, right", [(0, e.cB)("tabs-nav-scroll-content", `
+ `)])])])])]), (0, e.cM)("left, right", [(0, e.cB)("tabs-nav-scroll-content", `
  flex-direction: column;
- `), (0, e.cB)("tabs-nav-scroll-wrapper", [(0, e.c)("&::before", `
+ `), (0, e.c)(">", [(0, e.cB)("tabs-nav", [(0, e.cB)("tabs-nav-scroll-wrapper", [(0, e.c)("&::before", `
  top: 0;
  left: 0;
  right: 0;
@@ -402,7 +403,7 @@ ge.default = (0, e.cB)("tabs", `
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
  `)]), (0, e.cM)("shadow-end", [(0, e.c)("&::after", `
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
- `)])])]), (0, e.cB)("tabs-nav-scroll-wrapper", `
+ `)])])])])]), (0, e.cB)("tabs-nav-scroll-wrapper", `
  flex: 1;
  position: relative;
  overflow: hidden;
@@ -411,9 +412,10 @@ ge.default = (0, e.cB)("tabs", `
  width: 100%;
  overflow-y: auto; 
  scrollbar-width: none;
- `, [(0, e.c)("&::-webkit-scrollbar", `
+ `, [(0, e.c)("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb", `
  width: 0;
  height: 0;
+ display: none;
  `)]), (0, e.c)("&::before, &::after", `
  transition: box-shadow .3s var(--n-bezier);
  pointer-events: none;
@@ -643,11 +645,11 @@ ge.default = (0, e.cB)("tabs", `
  border-top: 1px solid var(--n-tab-border-color);
  `)])])])]);
 (function(o) {
-  var l = q && q.__importDefault || function(t) {
-    return t && t.__esModule ? t : { default: t };
+  var l = U && U.__importDefault || function(a) {
+    return a && a.__esModule ? a : { default: a };
   };
   Object.defineProperty(o, "__esModule", { value: !0 }), o.tabsProps = void 0;
-  const a = be, c = vt, b = gt, p = ht, k = mt, u = xt, s = le, C = Te, D = ee, z = l(ue), G = l(ge);
+  const c = mt, b = Pt, f = Ct, n = fe, I = yt, u = xt, s = se, P = Re, k = te, V = l(he), E = l(pe), S = c.throttle;
   o.tabsProps = Object.assign(Object.assign({}, u.useTheme.props), {
     value: [String, Number],
     defaultValue: [String, Number],
@@ -693,468 +695,469 @@ ge.default = (0, e.cB)("tabs", `
     labelSize: String,
     activeName: [String, Number],
     onActiveNameChange: [Function, Array]
-  }), o.default = (0, a.defineComponent)({
+  }), o.default = (0, n.defineComponent)({
     name: "Tabs",
     props: o.tabsProps,
-    setup(t, { slots: g }) {
-      var P, M, S, h;
-      process.env.NODE_ENV !== "production" && (0, a.watchEffect)(() => {
-        t.labelSize !== void 0 && (0, s.warnOnce)("tabs", "`label-size` is deprecated, please use `size` instead."), t.activeName !== void 0 && (0, s.warnOnce)("tabs", "`active-name` is deprecated, please use `value` instead."), t.onActiveNameChange !== void 0 && (0, s.warnOnce)("tabs", "`on-active-name-change` is deprecated, please use `on-update:value` instead.");
+    slots: Object,
+    setup(a, { slots: h }) {
+      var x, W, v, H;
+      process.env.NODE_ENV !== "production" && (0, n.watchEffect)(() => {
+        a.labelSize !== void 0 && (0, s.warnOnce)("tabs", "`label-size` is deprecated, please use `size` instead."), a.activeName !== void 0 && (0, s.warnOnce)("tabs", "`active-name` is deprecated, please use `value` instead."), a.onActiveNameChange !== void 0 && (0, s.warnOnce)("tabs", "`on-active-name-change` is deprecated, please use `on-update:value` instead.");
       });
-      const { mergedClsPrefixRef: m, inlineThemeDisabled: _ } = (0, u.useConfig)(t), L = (0, u.useTheme)("Tabs", "-tabs", G.default, C.tabsLight, t, m), j = (0, a.ref)(null), w = (0, a.ref)(null), X = (0, a.ref)(null), I = (0, a.ref)(null), x = (0, a.ref)(null), T = (0, a.ref)(null), F = (0, a.ref)(!0), V = (0, a.ref)(!0), U = (0, p.useCompitable)(t, ["labelSize", "size"]), E = (0, p.useCompitable)(t, ["activeName", "value"]), te = (0, a.ref)((M = (P = E.value) !== null && P !== void 0 ? P : t.defaultValue) !== null && M !== void 0 ? M : g.default ? (h = (S = (0, s.flatten)(g.default())[0]) === null || S === void 0 ? void 0 : S.props) === null || h === void 0 ? void 0 : h.name : null), R = (0, p.useMergedState)(E, te), f = { id: 0 }, y = (0, a.computed)(() => {
-        if (!(!t.justifyContent || t.type === "card"))
+      const { mergedClsPrefixRef: m, inlineThemeDisabled: _ } = (0, u.useConfig)(a), G = (0, u.useTheme)("Tabs", "-tabs", V.default, P.tabsLight, a, m), z = (0, n.ref)(null), B = (0, n.ref)(null), J = (0, n.ref)(null), F = (0, n.ref)(null), y = (0, n.ref)(null), w = (0, n.ref)(null), N = (0, n.ref)(!0), A = (0, n.ref)(!0), X = (0, f.useCompitable)(a, ["labelSize", "size"]), M = (0, f.useCompitable)(a, ["activeName", "value"]), ae = (0, n.ref)((W = (x = M.value) !== null && x !== void 0 ? x : a.defaultValue) !== null && W !== void 0 ? W : h.default ? (H = (v = (0, s.flatten)(h.default())[0]) === null || v === void 0 ? void 0 : v.props) === null || H === void 0 ? void 0 : H.name : null), T = (0, f.useMergedState)(M, ae), p = { id: 0 }, C = (0, n.computed)(() => {
+        if (!(!a.justifyContent || a.type === "card"))
           return {
             display: "flex",
-            justifyContent: t.justifyContent
+            justifyContent: a.justifyContent
           };
       });
-      (0, a.watch)(R, () => {
-        f.id = 0, ne(), me();
+      (0, n.watch)(T, () => {
+        p.id = 0, oe(), xe();
       });
-      function N() {
-        var r;
-        const { value: n } = R;
-        return n === null ? null : (r = j.value) === null || r === void 0 ? void 0 : r.querySelector(`[data-name="${n}"]`);
+      function K() {
+        var t;
+        const { value: r } = T;
+        return r === null ? null : (t = z.value) === null || t === void 0 ? void 0 : t.querySelector(`[data-name="${r}"]`);
       }
-      function ze(r) {
-        if (t.type === "card")
+      function Me(t) {
+        if (a.type === "card")
           return;
-        const { value: n } = w;
-        if (!n)
+        const { value: r } = B;
+        if (!r)
           return;
-        const i = n.style.opacity === "0";
-        if (r) {
-          const d = `${m.value}-tabs-bar--disabled`, { barWidth: v, placement: O } = t;
-          if (r.dataset.disabled === "true" ? n.classList.add(d) : n.classList.remove(d), ["top", "bottom"].includes(O)) {
-            if (he(["top", "maxHeight", "height"]), typeof v == "number" && r.offsetWidth >= v) {
-              const W = Math.floor((r.offsetWidth - v) / 2) + r.offsetLeft;
-              n.style.left = `${W}px`, n.style.maxWidth = `${v}px`;
+        const i = r.style.opacity === "0";
+        if (t) {
+          const d = `${m.value}-tabs-bar--disabled`, { barWidth: g, placement: L } = a;
+          if (t.dataset.disabled === "true" ? r.classList.add(d) : r.classList.remove(d), ["top", "bottom"].includes(L)) {
+            if (me(["top", "maxHeight", "height"]), typeof g == "number" && t.offsetWidth >= g) {
+              const j = Math.floor((t.offsetWidth - g) / 2) + t.offsetLeft;
+              r.style.left = `${j}px`, r.style.maxWidth = `${g}px`;
             } else
-              n.style.left = `${r.offsetLeft}px`, n.style.maxWidth = `${r.offsetWidth}px`;
-            n.style.width = "8192px", i && (n.style.transition = "none"), n.offsetWidth, i && (n.style.transition = "", n.style.opacity = "1");
+              r.style.left = `${t.offsetLeft}px`, r.style.maxWidth = `${t.offsetWidth}px`;
+            r.style.width = "8192px", i && (r.style.transition = "none"), r.offsetWidth, i && (r.style.transition = "", r.style.opacity = "1");
           } else {
-            if (he(["left", "maxWidth", "width"]), typeof v == "number" && r.offsetHeight >= v) {
-              const W = Math.floor((r.offsetHeight - v) / 2) + r.offsetTop;
-              n.style.top = `${W}px`, n.style.maxHeight = `${v}px`;
+            if (me(["left", "maxWidth", "width"]), typeof g == "number" && t.offsetHeight >= g) {
+              const j = Math.floor((t.offsetHeight - g) / 2) + t.offsetTop;
+              r.style.top = `${j}px`, r.style.maxHeight = `${g}px`;
             } else
-              n.style.top = `${r.offsetTop}px`, n.style.maxHeight = `${r.offsetHeight}px`;
-            n.style.height = "8192px", i && (n.style.transition = "none"), n.offsetHeight, i && (n.style.transition = "", n.style.opacity = "1");
+              r.style.top = `${t.offsetTop}px`, r.style.maxHeight = `${t.offsetHeight}px`;
+            r.style.height = "8192px", i && (r.style.transition = "none"), r.offsetHeight, i && (r.style.transition = "", r.style.opacity = "1");
           }
         }
       }
-      function $e() {
-        if (t.type === "card")
+      function Le() {
+        if (a.type === "card")
           return;
-        const { value: r } = w;
-        r && (r.style.opacity = "0");
+        const { value: t } = B;
+        t && (t.style.opacity = "0");
       }
-      function he(r) {
-        const { value: n } = w;
-        if (n)
-          for (const i of r)
-            n.style[i] = "";
+      function me(t) {
+        const { value: r } = B;
+        if (r)
+          for (const i of t)
+            r.style[i] = "";
       }
-      function ne() {
-        if (t.type === "card")
+      function oe() {
+        if (a.type === "card")
           return;
-        const r = N();
-        r ? ze(r) : $e();
+        const t = K();
+        t ? Me(t) : Le();
       }
-      function me() {
-        var r;
-        const n = (r = x.value) === null || r === void 0 ? void 0 : r.$el;
-        if (!n)
+      function xe() {
+        var t;
+        const r = (t = y.value) === null || t === void 0 ? void 0 : t.$el;
+        if (!r)
           return;
-        const i = N();
+        const i = K();
         if (!i)
           return;
-        const { scrollLeft: d, offsetWidth: v } = n, { offsetLeft: O, offsetWidth: W } = i;
-        d > O ? n.scrollTo({
+        const { scrollLeft: d, offsetWidth: g } = r, { offsetLeft: L, offsetWidth: j } = i;
+        d > L ? r.scrollTo({
           top: 0,
-          left: O,
+          left: L,
           behavior: "smooth"
-        }) : O + W > d + v && n.scrollTo({
+        }) : L + j > d + g && r.scrollTo({
           top: 0,
-          left: O + W - v,
+          left: L + j - g,
           behavior: "smooth"
         });
       }
-      const oe = (0, a.ref)(null);
-      let se = 0, K = null;
-      function Me(r) {
-        const n = oe.value;
-        if (n) {
-          se = r.getBoundingClientRect().height;
-          const i = `${se}px`, d = () => {
-            n.style.height = i, n.style.maxHeight = i;
+      const ie = (0, n.ref)(null);
+      let de = 0, q = null;
+      function je(t) {
+        const r = ie.value;
+        if (r) {
+          de = t.getBoundingClientRect().height;
+          const i = `${de}px`, d = () => {
+            r.style.height = i, r.style.maxHeight = i;
           };
-          K ? (d(), K(), K = null) : K = d;
+          q ? (d(), q(), q = null) : q = d;
         }
       }
-      function Le(r) {
-        const n = oe.value;
-        if (n) {
-          const i = r.getBoundingClientRect().height, d = () => {
-            document.body.offsetHeight, n.style.maxHeight = `${i}px`, n.style.height = `${Math.max(se, i)}px`;
+      function Ee(t) {
+        const r = ie.value;
+        if (r) {
+          const i = t.getBoundingClientRect().height, d = () => {
+            document.body.offsetHeight, r.style.maxHeight = `${i}px`, r.style.height = `${Math.max(de, i)}px`;
           };
-          K ? (K(), K = null, d()) : K = d;
+          q ? (q(), q = null, d()) : q = d;
         }
       }
-      function je() {
-        const r = oe.value;
-        if (r) {
-          r.style.maxHeight = "", r.style.height = "";
-          const { paneWrapperStyle: n } = t;
-          if (typeof n == "string")
-            r.style.cssText = n;
-          else if (n) {
-            const { maxHeight: i, height: d } = n;
-            i !== void 0 && (r.style.maxHeight = i), d !== void 0 && (r.style.height = d);
+      function $e() {
+        const t = ie.value;
+        if (t) {
+          t.style.maxHeight = "", t.style.height = "";
+          const { paneWrapperStyle: r } = a;
+          if (typeof r == "string")
+            t.style.cssText = r;
+          else if (r) {
+            const { maxHeight: i, height: d } = r;
+            i !== void 0 && (t.style.maxHeight = i), d !== void 0 && (t.style.height = d);
           }
         }
       }
-      const xe = { value: [] }, ye = (0, a.ref)("next");
-      function Ee(r) {
-        const n = R.value;
+      const ye = { value: [] }, Ce = (0, n.ref)("next");
+      function Oe(t) {
+        const r = T.value;
         let i = "next";
-        for (const d of xe.value) {
-          if (d === n)
+        for (const d of ye.value) {
+          if (d === r)
             break;
-          if (d === r) {
+          if (d === t) {
             i = "prev";
             break;
           }
         }
-        ye.value = i, Oe(r);
+        Ce.value = i, We(t);
       }
-      function Oe(r) {
-        const { onActiveNameChange: n, onUpdateValue: i, "onUpdate:value": d } = t;
-        n && (0, s.call)(n, r), i && (0, s.call)(i, r), d && (0, s.call)(d, r), te.value = r;
+      function We(t) {
+        const { onActiveNameChange: r, onUpdateValue: i, "onUpdate:value": d } = a;
+        r && (0, s.call)(r, t), i && (0, s.call)(i, t), d && (0, s.call)(d, t), ae.value = t;
       }
-      function We(r) {
-        const { onClose: n } = t;
-        n && (0, s.call)(n, r);
+      function Ae(t) {
+        const { onClose: r } = a;
+        r && (0, s.call)(r, t);
       }
-      function Ce() {
-        const { value: r } = w;
-        if (!r)
+      function Pe() {
+        const { value: t } = B;
+        if (!t)
           return;
-        const n = "transition-disabled";
-        r.classList.add(n), ne(), r.classList.remove(n);
+        const r = "transition-disabled";
+        t.classList.add(r), oe(), t.classList.remove(r);
       }
-      const J = (0, a.ref)(null);
-      function de({ transitionDisabled: r }) {
-        const n = j.value;
-        if (!n)
+      const Q = (0, n.ref)(null);
+      function ce({ transitionDisabled: t }) {
+        const r = z.value;
+        if (!r)
           return;
-        r && n.classList.add("transition-disabled");
-        const i = N();
-        i && J.value && (J.value.style.width = `${i.offsetWidth}px`, J.value.style.height = `${i.offsetHeight}px`, J.value.style.transform = `translateX(${i.offsetLeft - (0, k.depx)(getComputedStyle(n).paddingLeft)}px)`, r && J.value.offsetWidth), r && n.classList.remove("transition-disabled");
+        t && r.classList.add("transition-disabled");
+        const i = K();
+        i && Q.value && (Q.value.style.width = `${i.offsetWidth}px`, Q.value.style.height = `${i.offsetHeight}px`, Q.value.style.transform = `translateX(${i.offsetLeft - (0, b.depx)(getComputedStyle(r).paddingLeft)}px)`, t && Q.value.offsetWidth), t && r.classList.remove("transition-disabled");
       }
-      (0, a.watch)([R], () => {
-        t.type === "segment" && (0, a.nextTick)(() => {
-          de({
+      (0, n.watch)([T], () => {
+        a.type === "segment" && (0, n.nextTick)(() => {
+          ce({
             transitionDisabled: !1
           });
         });
-      }), (0, a.onMounted)(() => {
-        t.type === "segment" && de({
+      }), (0, n.onMounted)(() => {
+        a.type === "segment" && ce({
           transitionDisabled: !0
         });
       });
-      let Pe = 0;
-      function Ae(r) {
-        var n;
-        if (r.contentRect.width === 0 && r.contentRect.height === 0 || Pe === r.contentRect.width)
+      let Se = 0;
+      function ke(t) {
+        var r;
+        if (t.contentRect.width === 0 && t.contentRect.height === 0 || Se === t.contentRect.width)
           return;
-        Pe = r.contentRect.width;
-        const { type: i } = t;
-        if ((i === "line" || i === "bar") && Ce(), i !== "segment") {
-          const { placement: d } = t;
-          ce((d === "top" || d === "bottom" ? (n = x.value) === null || n === void 0 ? void 0 : n.$el : T.value) || null);
+        Se = t.contentRect.width;
+        const { type: i } = a;
+        if ((i === "line" || i === "bar") && Pe(), i !== "segment") {
+          const { placement: d } = a;
+          be((d === "top" || d === "bottom" ? (r = y.value) === null || r === void 0 ? void 0 : r.$el : w.value) || null);
         }
       }
-      const Ve = (0, b.throttle)(Ae, 64);
-      (0, a.watch)([() => t.justifyContent, () => t.size], () => {
-        (0, a.nextTick)(() => {
-          const { type: r } = t;
-          (r === "line" || r === "bar") && Ce();
+      const Ve = S(ke, 64);
+      (0, n.watch)([() => a.justifyContent, () => a.size], () => {
+        (0, n.nextTick)(() => {
+          const { type: t } = a;
+          (t === "line" || t === "bar") && Pe();
         });
       });
-      const Q = (0, a.ref)(!1);
-      function ke(r) {
-        var n;
-        const { target: i, contentRect: { width: d, height: v } } = r, O = i.parentElement.parentElement.offsetWidth, W = i.parentElement.parentElement.offsetHeight, { placement: Z } = t;
-        if (!Q.value)
-          Z === "top" || Z === "bottom" ? O < d && (Q.value = !0) : W < v && (Q.value = !0);
+      const Y = (0, n.ref)(!1);
+      function De(t) {
+        var r;
+        const { target: i, contentRect: { width: d, height: g } } = t, L = i.parentElement.parentElement.offsetWidth, j = i.parentElement.parentElement.offsetHeight, { placement: ee } = a;
+        if (!Y.value)
+          ee === "top" || ee === "bottom" ? L < d && (Y.value = !0) : j < g && (Y.value = !0);
         else {
-          const { value: ae } = I;
-          if (!ae)
+          const { value: re } = F;
+          if (!re)
             return;
-          Z === "top" || Z === "bottom" ? O - d > ae.$el.offsetWidth && (Q.value = !1) : W - v > ae.$el.offsetHeight && (Q.value = !1);
+          ee === "top" || ee === "bottom" ? L - d > re.$el.offsetWidth && (Y.value = !1) : j - g > re.$el.offsetHeight && (Y.value = !1);
         }
-        ce(((n = x.value) === null || n === void 0 ? void 0 : n.$el) || null);
+        be(((r = y.value) === null || r === void 0 ? void 0 : r.$el) || null);
       }
-      const De = (0, b.throttle)(ke, 64);
-      function He() {
-        const { onAdd: r } = t;
-        r && r(), (0, a.nextTick)(() => {
-          const n = N(), { value: i } = x;
-          !n || !i || i.scrollTo({
-            left: n.offsetLeft,
+      const He = S(De, 64);
+      function Ge() {
+        const { onAdd: t } = a;
+        t && t(), (0, n.nextTick)(() => {
+          const r = K(), { value: i } = y;
+          !r || !i || i.scrollTo({
+            left: r.offsetLeft,
             top: 0,
             behavior: "smooth"
           });
         });
       }
-      function ce(r) {
-        if (!r)
+      function be(t) {
+        if (!t)
           return;
-        const { placement: n } = t;
-        if (n === "top" || n === "bottom") {
-          const { scrollLeft: i, scrollWidth: d, offsetWidth: v } = r;
-          F.value = i <= 0, V.value = i + v >= d;
+        const { placement: r } = a;
+        if (r === "top" || r === "bottom") {
+          const { scrollLeft: i, scrollWidth: d, offsetWidth: g } = t;
+          N.value = i <= 0, A.value = i + g >= d;
         } else {
-          const { scrollTop: i, scrollHeight: d, offsetHeight: v } = r;
-          F.value = i <= 0, V.value = i + v >= d;
+          const { scrollTop: i, scrollHeight: d, offsetHeight: g } = t;
+          N.value = i <= 0, A.value = i + g >= d;
         }
       }
-      const Ge = (0, b.throttle)((r) => {
-        ce(r.target);
+      const Ie = S((t) => {
+        be(t.target);
       }, 64);
-      (0, a.provide)(D.tabsInjectionKey, {
-        triggerRef: (0, a.toRef)(t, "trigger"),
-        tabStyleRef: (0, a.toRef)(t, "tabStyle"),
-        tabClassRef: (0, a.toRef)(t, "tabClass"),
-        addTabStyleRef: (0, a.toRef)(t, "addTabStyle"),
-        addTabClassRef: (0, a.toRef)(t, "addTabClass"),
-        paneClassRef: (0, a.toRef)(t, "paneClass"),
-        paneStyleRef: (0, a.toRef)(t, "paneStyle"),
+      (0, n.provide)(k.tabsInjectionKey, {
+        triggerRef: (0, n.toRef)(a, "trigger"),
+        tabStyleRef: (0, n.toRef)(a, "tabStyle"),
+        tabClassRef: (0, n.toRef)(a, "tabClass"),
+        addTabStyleRef: (0, n.toRef)(a, "addTabStyle"),
+        addTabClassRef: (0, n.toRef)(a, "addTabClass"),
+        paneClassRef: (0, n.toRef)(a, "paneClass"),
+        paneStyleRef: (0, n.toRef)(a, "paneStyle"),
         mergedClsPrefixRef: m,
-        typeRef: (0, a.toRef)(t, "type"),
-        closableRef: (0, a.toRef)(t, "closable"),
-        valueRef: R,
-        tabChangeIdRef: f,
-        onBeforeLeaveRef: (0, a.toRef)(t, "onBeforeLeave"),
-        activateTab: Ee,
-        handleClose: We,
-        handleAdd: He
-      }), (0, p.onFontsReady)(() => {
-        ne(), me();
-      }), (0, a.watchEffect)(() => {
-        const { value: r } = X;
-        if (!r)
+        typeRef: (0, n.toRef)(a, "type"),
+        closableRef: (0, n.toRef)(a, "closable"),
+        valueRef: T,
+        tabChangeIdRef: p,
+        onBeforeLeaveRef: (0, n.toRef)(a, "onBeforeLeave"),
+        activateTab: Oe,
+        handleClose: Ae,
+        handleAdd: Ge
+      }), (0, f.onFontsReady)(() => {
+        oe(), xe();
+      }), (0, n.watchEffect)(() => {
+        const { value: t } = J;
+        if (!t)
           return;
-        const { value: n } = m, i = `${n}-tabs-nav-scroll-wrapper--shadow-start`, d = `${n}-tabs-nav-scroll-wrapper--shadow-end`;
-        F.value ? r.classList.remove(i) : r.classList.add(i), V.value ? r.classList.remove(d) : r.classList.add(d);
+        const { value: r } = m, i = `${r}-tabs-nav-scroll-wrapper--shadow-start`, d = `${r}-tabs-nav-scroll-wrapper--shadow-end`;
+        N.value ? t.classList.remove(i) : t.classList.add(i), A.value ? t.classList.remove(d) : t.classList.add(d);
       });
-      const Ie = {
+      const Fe = {
         syncBarPosition: () => {
-          ne();
+          oe();
         }
-      }, Fe = () => {
-        de({
+      }, Ne = () => {
+        ce({
           transitionDisabled: !0
         });
-      }, Se = (0, a.computed)(() => {
-        const { value: r } = U, { type: n } = t, i = {
+      }, _e = (0, n.computed)(() => {
+        const { value: t } = X, { type: r } = a, i = {
           card: "Card",
           bar: "Bar",
           line: "Line",
           segment: "Segment"
-        }[n], d = `${r}${i}`, { self: { barColor: v, closeIconColor: O, closeIconColorHover: W, closeIconColorPressed: Z, tabColor: ae, tabBorderColor: Ne, paneTextColor: Ke, tabFontWeight: qe, tabBorderRadius: Ue, tabFontWeightActive: Xe, colorSegment: Je, fontWeightStrong: Qe, tabColorSegment: Ye, closeSize: Ze, closeIconSize: et, closeColorHover: tt, closeColorPressed: at, closeBorderRadius: rt, [(0, s.createKey)("panePadding", r)]: ie, [(0, s.createKey)("tabPadding", d)]: nt, [(0, s.createKey)("tabPaddingVertical", d)]: ot, [(0, s.createKey)("tabGap", d)]: it, [(0, s.createKey)("tabGap", `${d}Vertical`)]: lt, [(0, s.createKey)("tabTextColor", n)]: st, [(0, s.createKey)("tabTextColorActive", n)]: dt, [(0, s.createKey)("tabTextColorHover", n)]: ct, [(0, s.createKey)("tabTextColorDisabled", n)]: bt, [(0, s.createKey)("tabFontSize", r)]: ft }, common: { cubicBezierEaseInOut: pt } } = L.value;
+        }[r], d = `${t}${i}`, { self: { barColor: g, closeIconColor: L, closeIconColorHover: j, closeIconColorPressed: ee, tabColor: re, tabBorderColor: Ke, paneTextColor: qe, tabFontWeight: Ue, tabBorderRadius: Xe, tabFontWeightActive: Je, colorSegment: Qe, fontWeightStrong: Ye, tabColorSegment: Ze, closeSize: et, closeIconSize: tt, closeColorHover: at, closeColorPressed: rt, closeBorderRadius: nt, [(0, s.createKey)("panePadding", t)]: le, [(0, s.createKey)("tabPadding", d)]: ot, [(0, s.createKey)("tabPaddingVertical", d)]: it, [(0, s.createKey)("tabGap", d)]: lt, [(0, s.createKey)("tabGap", `${d}Vertical`)]: st, [(0, s.createKey)("tabTextColor", r)]: dt, [(0, s.createKey)("tabTextColorActive", r)]: ct, [(0, s.createKey)("tabTextColorHover", r)]: bt, [(0, s.createKey)("tabTextColorDisabled", r)]: ft, [(0, s.createKey)("tabFontSize", t)]: pt }, common: { cubicBezierEaseInOut: ut } } = G.value;
         return {
-          "--n-bezier": pt,
-          "--n-color-segment": Je,
-          "--n-bar-color": v,
-          "--n-tab-font-size": ft,
-          "--n-tab-text-color": st,
-          "--n-tab-text-color-active": dt,
-          "--n-tab-text-color-disabled": bt,
-          "--n-tab-text-color-hover": ct,
-          "--n-pane-text-color": Ke,
-          "--n-tab-border-color": Ne,
-          "--n-tab-border-radius": Ue,
-          "--n-close-size": Ze,
-          "--n-close-icon-size": et,
-          "--n-close-color-hover": tt,
-          "--n-close-color-pressed": at,
-          "--n-close-border-radius": rt,
-          "--n-close-icon-color": O,
-          "--n-close-icon-color-hover": W,
-          "--n-close-icon-color-pressed": Z,
-          "--n-tab-color": ae,
-          "--n-tab-font-weight": qe,
-          "--n-tab-font-weight-active": Xe,
-          "--n-tab-padding": nt,
-          "--n-tab-padding-vertical": ot,
-          "--n-tab-gap": it,
-          "--n-tab-gap-vertical": lt,
-          "--n-pane-padding-left": (0, k.getPadding)(ie, "left"),
-          "--n-pane-padding-right": (0, k.getPadding)(ie, "right"),
-          "--n-pane-padding-top": (0, k.getPadding)(ie, "top"),
-          "--n-pane-padding-bottom": (0, k.getPadding)(ie, "bottom"),
-          "--n-font-weight-strong": Qe,
-          "--n-tab-color-segment": Ye
+          "--n-bezier": ut,
+          "--n-color-segment": Qe,
+          "--n-bar-color": g,
+          "--n-tab-font-size": pt,
+          "--n-tab-text-color": dt,
+          "--n-tab-text-color-active": ct,
+          "--n-tab-text-color-disabled": ft,
+          "--n-tab-text-color-hover": bt,
+          "--n-pane-text-color": qe,
+          "--n-tab-border-color": Ke,
+          "--n-tab-border-radius": Xe,
+          "--n-close-size": et,
+          "--n-close-icon-size": tt,
+          "--n-close-color-hover": at,
+          "--n-close-color-pressed": rt,
+          "--n-close-border-radius": nt,
+          "--n-close-icon-color": L,
+          "--n-close-icon-color-hover": j,
+          "--n-close-icon-color-pressed": ee,
+          "--n-tab-color": re,
+          "--n-tab-font-weight": Ue,
+          "--n-tab-font-weight-active": Je,
+          "--n-tab-padding": ot,
+          "--n-tab-padding-vertical": it,
+          "--n-tab-gap": lt,
+          "--n-tab-gap-vertical": st,
+          "--n-pane-padding-left": (0, b.getPadding)(le, "left"),
+          "--n-pane-padding-right": (0, b.getPadding)(le, "right"),
+          "--n-pane-padding-top": (0, b.getPadding)(le, "top"),
+          "--n-pane-padding-bottom": (0, b.getPadding)(le, "bottom"),
+          "--n-font-weight-strong": Ye,
+          "--n-tab-color-segment": Ze
         };
-      }), Y = _ ? (0, u.useThemeClass)("tabs", (0, a.computed)(() => `${U.value[0]}${t.type[0]}`), Se, t) : void 0;
+      }), Z = _ ? (0, u.useThemeClass)("tabs", (0, n.computed)(() => `${X.value[0]}${a.type[0]}`), _e, a) : void 0;
       return Object.assign({
         mergedClsPrefix: m,
-        mergedValue: R,
+        mergedValue: T,
         renderedNames: /* @__PURE__ */ new Set(),
-        segmentCapsuleElRef: J,
-        tabsPaneWrapperRef: oe,
-        tabsElRef: j,
-        barElRef: w,
-        addTabInstRef: I,
-        xScrollInstRef: x,
-        scrollWrapperElRef: X,
-        addTabFixed: Q,
-        tabWrapperStyle: y,
+        segmentCapsuleElRef: Q,
+        tabsPaneWrapperRef: ie,
+        tabsElRef: z,
+        barElRef: B,
+        addTabInstRef: F,
+        xScrollInstRef: y,
+        scrollWrapperElRef: J,
+        addTabFixed: Y,
+        tabWrapperStyle: C,
         handleNavResize: Ve,
-        mergedSize: U,
-        handleScroll: Ge,
-        handleTabsResize: De,
-        cssVars: _ ? void 0 : Se,
-        themeClass: Y == null ? void 0 : Y.themeClass,
-        animationDirection: ye,
-        renderNameListRef: xe,
-        yScrollElRef: T,
-        handleSegmentResize: Fe,
-        onAnimationBeforeLeave: Me,
-        onAnimationEnter: Le,
-        onAnimationAfterEnter: je,
-        onRender: Y == null ? void 0 : Y.onRender
-      }, Ie);
+        mergedSize: X,
+        handleScroll: Ie,
+        handleTabsResize: He,
+        cssVars: _ ? void 0 : _e,
+        themeClass: Z == null ? void 0 : Z.themeClass,
+        animationDirection: Ce,
+        renderNameListRef: ye,
+        yScrollElRef: w,
+        handleSegmentResize: Ne,
+        onAnimationBeforeLeave: je,
+        onAnimationEnter: Ee,
+        onAnimationAfterEnter: $e,
+        onRender: Z == null ? void 0 : Z.onRender
+      }, Fe);
     },
     render() {
-      const { mergedClsPrefix: t, type: g, placement: P, addTabFixed: M, addable: S, mergedSize: h, renderNameListRef: m, onRender: _, paneWrapperClass: L, paneWrapperStyle: j, $slots: { default: w, prefix: X, suffix: I } } = this;
+      const { mergedClsPrefix: a, type: h, placement: x, addTabFixed: W, addable: v, mergedSize: H, renderNameListRef: m, onRender: _, paneWrapperClass: G, paneWrapperStyle: z, $slots: { default: B, prefix: J, suffix: F } } = this;
       _ == null || _();
-      const x = w ? (0, s.flatten)(w()).filter((f) => f.type.__TAB_PANE__ === !0) : [], T = w ? (0, s.flatten)(w()).filter((f) => f.type.__TAB__ === !0) : [], F = !T.length, V = g === "card", U = g === "segment", E = !V && !U && this.justifyContent;
+      const y = B ? (0, s.flatten)(B()).filter((p) => p.type.__TAB_PANE__ === !0) : [], w = B ? (0, s.flatten)(B()).filter((p) => p.type.__TAB__ === !0) : [], N = !w.length, A = h === "card", X = h === "segment", M = !A && !X && this.justifyContent;
       m.value = [];
-      const te = () => {
-        const f = (0, a.h)(
+      const ae = () => {
+        const p = (0, n.h)(
           "div",
-          { style: this.tabWrapperStyle, class: `${t}-tabs-wrapper` },
-          E ? null : (0, a.h)("div", { class: `${t}-tabs-scroll-padding`, style: P === "top" || P === "bottom" ? { width: `${this.tabsPadding}px` } : { height: `${this.tabsPadding}px` } }),
-          F ? x.map((y, N) => (m.value.push(y.props.name), $((0, a.h)(z.default, Object.assign({}, y.props, { internalCreatedByPane: !0, internalLeftPadded: N !== 0 && (!E || E === "center" || E === "start" || E === "end") }), y.children ? {
-            default: y.children.tab
-          } : void 0)))) : T.map((y, N) => (m.value.push(y.props.name), $(N !== 0 && !E ? H(y) : y))),
-          !M && S && V ? A(S, (F ? x.length : T.length) !== 0) : null,
-          E ? null : (0, a.h)("div", { class: `${t}-tabs-scroll-padding`, style: { width: `${this.tabsPadding}px` } })
+          { style: this.tabWrapperStyle, class: `${a}-tabs-wrapper` },
+          M ? null : (0, n.h)("div", { class: `${a}-tabs-scroll-padding`, style: x === "top" || x === "bottom" ? { width: `${this.tabsPadding}px` } : { height: `${this.tabsPadding}px` } }),
+          N ? y.map((C, K) => (m.value.push(C.props.name), R((0, n.h)(E.default, Object.assign({}, C.props, { internalCreatedByPane: !0, internalLeftPadded: K !== 0 && (!M || M === "center" || M === "start" || M === "end") }), C.children ? {
+            default: C.children.tab
+          } : void 0)))) : w.map((C, K) => (m.value.push(C.props.name), R(K !== 0 && !M ? O(C) : C))),
+          !W && v && A ? D(v, (N ? y.length : w.length) !== 0) : null,
+          M ? null : (0, n.h)("div", { class: `${a}-tabs-scroll-padding`, style: { width: `${this.tabsPadding}px` } })
         );
-        return (0, a.h)(
+        return (0, n.h)(
           "div",
-          { ref: "tabsElRef", class: `${t}-tabs-nav-scroll-content` },
-          V && S ? (0, a.h)(c.VResizeObserver, { onResize: this.handleTabsResize }, {
-            default: () => f
-          }) : f,
-          V ? (0, a.h)("div", { class: `${t}-tabs-pad` }) : null,
-          V ? null : (0, a.h)("div", { ref: "barElRef", class: `${t}-tabs-bar` })
+          { ref: "tabsElRef", class: `${a}-tabs-nav-scroll-content` },
+          A && v ? (0, n.h)(I.VResizeObserver, { onResize: this.handleTabsResize }, {
+            default: () => p
+          }) : p,
+          A ? (0, n.h)("div", { class: `${a}-tabs-pad` }) : null,
+          A ? null : (0, n.h)("div", { ref: "barElRef", class: `${a}-tabs-bar` })
         );
-      }, R = U ? "top" : P;
-      return (0, a.h)(
+      }, T = X ? "top" : x;
+      return (0, n.h)(
         "div",
         { class: [
-          `${t}-tabs`,
+          `${a}-tabs`,
           this.themeClass,
-          `${t}-tabs--${g}-type`,
-          `${t}-tabs--${h}-size`,
-          E && `${t}-tabs--flex`,
-          `${t}-tabs--${R}`
+          `${a}-tabs--${h}-type`,
+          `${a}-tabs--${H}-size`,
+          M && `${a}-tabs--flex`,
+          `${a}-tabs--${T}`
         ], style: this.cssVars },
-        (0, a.h)(
+        (0, n.h)(
           "div",
           { class: [
             // the class should be applied here since it's possible
             // to make tabs nested in tabs, style may influence each
             // other. adding a class will make it easy to write the
             // style.
-            `${t}-tabs-nav--${g}-type`,
-            `${t}-tabs-nav--${R}`,
-            `${t}-tabs-nav`
+            `${a}-tabs-nav--${h}-type`,
+            `${a}-tabs-nav--${T}`,
+            `${a}-tabs-nav`
           ] },
-          (0, s.resolveWrappedSlot)(X, (f) => f && (0, a.h)("div", { class: `${t}-tabs-nav__prefix` }, f)),
-          U ? (0, a.h)(c.VResizeObserver, { onResize: this.handleSegmentResize }, {
-            default: () => (0, a.h)(
+          (0, s.resolveWrappedSlot)(J, (p) => p && (0, n.h)("div", { class: `${a}-tabs-nav__prefix` }, p)),
+          X ? (0, n.h)(I.VResizeObserver, { onResize: this.handleSegmentResize }, {
+            default: () => (0, n.h)(
               "div",
-              { class: `${t}-tabs-rail`, ref: "tabsElRef" },
-              (0, a.h)(
+              { class: `${a}-tabs-rail`, ref: "tabsElRef" },
+              (0, n.h)(
                 "div",
-                { class: `${t}-tabs-capsule`, ref: "segmentCapsuleElRef" },
-                (0, a.h)(
+                { class: `${a}-tabs-capsule`, ref: "segmentCapsuleElRef" },
+                (0, n.h)(
                   "div",
-                  { class: `${t}-tabs-wrapper` },
-                  (0, a.h)("div", { class: `${t}-tabs-tab` })
+                  { class: `${a}-tabs-wrapper` },
+                  (0, n.h)("div", { class: `${a}-tabs-tab` })
                 )
               ),
-              F ? x.map((f, y) => (m.value.push(f.props.name), (0, a.h)(z.default, Object.assign({}, f.props, { internalCreatedByPane: !0, internalLeftPadded: y !== 0 }), f.children ? {
-                default: f.children.tab
-              } : void 0))) : T.map((f, y) => (m.value.push(f.props.name), y === 0 ? f : H(f)))
+              N ? y.map((p, C) => (m.value.push(p.props.name), (0, n.h)(E.default, Object.assign({}, p.props, { internalCreatedByPane: !0, internalLeftPadded: C !== 0 }), p.children ? {
+                default: p.children.tab
+              } : void 0))) : w.map((p, C) => (m.value.push(p.props.name), C === 0 ? p : O(p)))
             )
-          }) : (0, a.h)(c.VResizeObserver, { onResize: this.handleNavResize }, {
-            default: () => (0, a.h)("div", { class: `${t}-tabs-nav-scroll-wrapper`, ref: "scrollWrapperElRef" }, ["top", "bottom"].includes(R) ? (0, a.h)(c.VXScroll, { ref: "xScrollInstRef", onScroll: this.handleScroll }, {
-              default: te
-            }) : (0, a.h)("div", { class: `${t}-tabs-nav-y-scroll`, onScroll: this.handleScroll, ref: "yScrollElRef" }, te()))
+          }) : (0, n.h)(I.VResizeObserver, { onResize: this.handleNavResize }, {
+            default: () => (0, n.h)("div", { class: `${a}-tabs-nav-scroll-wrapper`, ref: "scrollWrapperElRef" }, ["top", "bottom"].includes(T) ? (0, n.h)(I.VXScroll, { ref: "xScrollInstRef", onScroll: this.handleScroll }, {
+              default: ae
+            }) : (0, n.h)("div", { class: `${a}-tabs-nav-y-scroll`, onScroll: this.handleScroll, ref: "yScrollElRef" }, ae()))
           }),
-          M && S && V ? A(S, !0) : null,
-          (0, s.resolveWrappedSlot)(I, (f) => f && (0, a.h)("div", { class: `${t}-tabs-nav__suffix` }, f))
+          W && v && A ? D(v, !0) : null,
+          (0, s.resolveWrappedSlot)(F, (p) => p && (0, n.h)("div", { class: `${a}-tabs-nav__suffix` }, p))
         ),
-        F && (this.animated && (R === "top" || R === "bottom") ? (0, a.h)("div", { ref: "tabsPaneWrapperRef", style: j, class: [`${t}-tabs-pane-wrapper`, L] }, B(x, this.mergedValue, this.renderedNames, this.onAnimationBeforeLeave, this.onAnimationEnter, this.onAnimationAfterEnter, this.animationDirection)) : B(x, this.mergedValue, this.renderedNames))
+        N && (this.animated && (T === "top" || T === "bottom") ? (0, n.h)("div", { ref: "tabsPaneWrapperRef", style: z, class: [`${a}-tabs-pane-wrapper`, G] }, $(y, this.mergedValue, this.renderedNames, this.onAnimationBeforeLeave, this.onAnimationEnter, this.onAnimationAfterEnter, this.animationDirection)) : $(y, this.mergedValue, this.renderedNames))
       );
     }
   });
-  function B(t, g, P, M, S, h, m) {
+  function $(a, h, x, W, v, H, m) {
     const _ = [];
-    return t.forEach((L) => {
-      const { name: j, displayDirective: w, "display-directive": X } = L.props, I = (T) => w === T || X === T, x = g === j;
-      if (L.key !== void 0 && (L.key = j), x || I("show") || I("show:lazy") && P.has(j)) {
-        P.has(j) || P.add(j);
-        const T = !I("if");
-        _.push(T ? (0, a.withDirectives)(L, [[a.vShow, x]]) : L);
+    return a.forEach((G) => {
+      const { name: z, displayDirective: B, "display-directive": J } = G.props, F = (w) => B === w || J === w, y = h === z;
+      if (G.key !== void 0 && (G.key = z), y || F("show") || F("show:lazy") && x.has(z)) {
+        x.has(z) || x.add(z);
+        const w = !F("if");
+        _.push(w ? (0, n.withDirectives)(G, [[n.vShow, y]]) : G);
       }
-    }), m ? (0, a.h)(a.TransitionGroup, { name: `${m}-transition`, onBeforeLeave: M, onEnter: S, onAfterEnter: h }, { default: () => _ }) : _;
+    }), m ? (0, n.h)(n.TransitionGroup, { name: `${m}-transition`, onBeforeLeave: W, onEnter: v, onAfterEnter: H }, { default: () => _ }) : _;
   }
-  function A(t, g) {
-    return (0, a.h)(z.default, { ref: "addTabInstRef", key: "__addable", name: "__addable", internalCreatedByPane: !0, internalAddable: !0, internalLeftPadded: g, disabled: typeof t == "object" && t.disabled });
+  function D(a, h) {
+    return (0, n.h)(E.default, { ref: "addTabInstRef", key: "__addable", name: "__addable", internalCreatedByPane: !0, internalAddable: !0, internalLeftPadded: h, disabled: typeof a == "object" && a.disabled });
   }
-  function H(t) {
-    const g = (0, a.cloneVNode)(t);
-    return g.props ? g.props.internalLeftPadded = !0 : g.props = {
+  function O(a) {
+    const h = (0, n.cloneVNode)(a);
+    return h.props ? h.props.internalLeftPadded = !0 : h.props = {
       internalLeftPadded: !0
-    }, g;
+    }, h;
   }
-  function $(t) {
-    return Array.isArray(t.dynamicProps) ? t.dynamicProps.includes("internalLeftPadded") || t.dynamicProps.push("internalLeftPadded") : t.dynamicProps = ["internalLeftPadded"], t;
+  function R(a) {
+    return Array.isArray(a.dynamicProps) ? a.dynamicProps.includes("internalLeftPadded") || a.dynamicProps.push("internalLeftPadded") : a.dynamicProps = ["internalLeftPadded"], a;
   }
-})(we);
+})(Te);
 (function(o) {
-  var l = q && q.__importDefault || function(p) {
-    return p && p.__esModule ? p : { default: p };
+  var l = U && U.__importDefault || function(n) {
+    return n && n.__esModule ? n : { default: n };
   };
-  Object.defineProperty(o, "__esModule", { value: !0 }), o.tabProps = o.NTab = o.tabPaneProps = o.NTabPane = o.tabsProps = o.NTabs = void 0;
-  var a = we;
-  Object.defineProperty(o, "NTabs", { enumerable: !0, get: function() {
-    return l(a).default;
-  } }), Object.defineProperty(o, "tabsProps", { enumerable: !0, get: function() {
-    return a.tabsProps;
-  } });
-  var c = ve;
-  Object.defineProperty(o, "NTabPane", { enumerable: !0, get: function() {
+  Object.defineProperty(o, "__esModule", { value: !0 }), o.tabsProps = o.NTabs = o.tabPaneProps = o.NTabPane = o.tabProps = o.NTab = void 0;
+  var c = pe;
+  Object.defineProperty(o, "NTab", { enumerable: !0, get: function() {
     return l(c).default;
-  } }), Object.defineProperty(o, "tabPaneProps", { enumerable: !0, get: function() {
-    return c.tabPaneProps;
+  } }), Object.defineProperty(o, "tabProps", { enumerable: !0, get: function() {
+    return c.tabProps;
   } });
   var b = ue;
-  Object.defineProperty(o, "NTab", { enumerable: !0, get: function() {
+  Object.defineProperty(o, "NTabPane", { enumerable: !0, get: function() {
     return l(b).default;
-  } }), Object.defineProperty(o, "tabProps", { enumerable: !0, get: function() {
-    return b.tabProps;
+  } }), Object.defineProperty(o, "tabPaneProps", { enumerable: !0, get: function() {
+    return b.tabPaneProps;
+  } });
+  var f = Te;
+  Object.defineProperty(o, "NTabs", { enumerable: !0, get: function() {
+    return l(f).default;
+  } }), Object.defineProperty(o, "tabsProps", { enumerable: !0, get: function() {
+    return f.tabsProps;
   } });
-})(Be);
-const Ot = /* @__PURE__ */ Pt({
+})(we);
+const Wt = /* @__PURE__ */ St({
   __proto__: null
-}, [Be]);
+}, [we]);
 export {
-  Ot as i
+  Wt as i
 };