epic-designer-gold 0.0.1 → 0.0.2

package/dist/index-COyKmK8p.js

@@ -0,0 +1,1160 @@
+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 : {
+            enumerable: !0,
+            get: () => c[b]
+          });
+        }
+    }
+  }
+  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 = {};
+(function(o) {
+  Object.defineProperty(o, "__esModule", { value: !0 }), o.tabPaneProps = void 0;
+  const l = be, a = le, c = ee;
+  o.tabPaneProps = {
+    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,
+    /** @deprecated */
+    label: [String, Number, Object, Function]
+  }, o.default = (0, l.defineComponent)({
+    __TAB_PANE__: !0,
+    name: "TabPane",
+    alias: ["TabPanel"],
+    props: o.tabPaneProps,
+    setup(b) {
+      process.env.NODE_ENV !== "production" && (0, l.watchEffect)(() => {
+        b.label !== void 0 && (0, a.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
+      };
+    },
+    render() {
+      return (0, l.h)("div", { class: [`${this.mergedClsPrefix}-tab-pane`, this.class], style: this.style }, this.$slots);
+    }
+  });
+})(ve);
+(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)({
+    __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);
+      return {
+        trigger: g,
+        mergedClosable: (0, l.computed)(() => {
+          if (u.internalAddable)
+            return !1;
+          const { closable: h } = u;
+          return h === void 0 ? z.value : h;
+        }),
+        style: G,
+        addStyle: B,
+        tabClass: A,
+        addTabClass: H,
+        clsPrefix: s,
+        value: C,
+        type: D,
+        handleClose(h) {
+          h.stopPropagation(), !u.disabled && S(u.name);
+        },
+        activateTab() {
+          if (u.disabled)
+            return;
+          if (u.internalAddable) {
+            P();
+            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);
+          }
+        }
+      };
+    },
+    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;
+      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)({
+            class: [
+              `${s}-tabs-tab`,
+              B === C && `${s}-tabs-tab--active`,
+              D && `${s}-tabs-tab--disabled`,
+              A && `${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,
+            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)(
+            l.Fragment,
+            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)
+            })
+          ) : $ ? $() : 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
+        )
+      );
+    }
+  });
+})(ue);
+var ge = {};
+Object.defineProperty(ge, "__esModule", {
+  value: !0
+});
+const e = ut;
+ge.default = (0, e.cB)("tabs", `
+ box-sizing: border-box;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ transition:
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+`, [(0, e.cM)("segment-type", [(0, e.cB)("tabs-rail", [(0, e.c)("&.transition-disabled", [(0, e.cB)("tabs-capsule", `
+ transition: none;
+ `)])])]), (0, e.cM)("top", [(0, e.cB)("tab-pane", `
+ padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
+ `)]), (0, e.cM)("left", [(0, e.cB)("tab-pane", `
+ padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
+ `)]), (0, e.cM)("left, right", `
+ flex-direction: row;
+ `, [(0, e.cB)("tabs-bar", `
+ width: 2px;
+ right: 0;
+ transition:
+ top .2s var(--n-bezier),
+ max-height .2s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ `), (0, e.cB)("tabs-tab", `
+ padding: var(--n-tab-padding-vertical); 
+ `)]), (0, e.cM)("right", `
+ flex-direction: row-reverse;
+ `, [(0, e.cB)("tab-pane", `
+ padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
+ `), (0, e.cB)("tabs-bar", `
+ left: 0;
+ `)]), (0, e.cM)("bottom", `
+ flex-direction: column-reverse;
+ justify-content: flex-end;
+ `, [(0, e.cB)("tab-pane", `
+ padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
+ `), (0, e.cB)("tabs-bar", `
+ top: 0;
+ `)]), (0, e.cB)("tabs-rail", `
+ position: relative;
+ padding: 3px;
+ border-radius: var(--n-tab-border-radius);
+ width: 100%;
+ background-color: var(--n-color-segment);
+ transition: background-color .3s var(--n-bezier);
+ display: flex;
+ align-items: center;
+ `, [(0, e.cB)("tabs-capsule", `
+ border-radius: var(--n-tab-border-radius);
+ position: absolute;
+ pointer-events: none;
+ background-color: var(--n-tab-color-segment);
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
+ transition: transform 0.3s var(--n-bezier);
+ `), (0, e.cB)("tabs-tab-wrapper", `
+ flex-basis: 0;
+ flex-grow: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `, [(0, e.cB)("tabs-tab", `
+ overflow: hidden;
+ border-radius: var(--n-tab-border-radius);
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `, [(0, e.cM)("active", `
+ font-weight: var(--n-font-weight-strong);
+ color: var(--n-tab-text-color-active);
+ `), (0, e.c)("&:hover", `
+ color: var(--n-tab-text-color-hover);
+ `)])])]), (0, e.cM)("flex", [(0, e.cB)("tabs-nav", `
+ width: 100%;
+ position: relative;
+ `, [(0, e.cB)("tabs-wrapper", `
+ width: 100%;
+ `, [(0, e.cB)("tabs-tab", `
+ margin-right: 0;
+ `)])])]), (0, e.cB)("tabs-nav", `
+ box-sizing: border-box;
+ line-height: 1.5;
+ display: flex;
+ transition: border-color .3s var(--n-bezier);
+ `, [(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", `
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 20px;
+ `), (0, e.c)("&::after", `
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 20px;
+ `), (0, e.cM)("shadow-start", [(0, e.c)("&::before", `
+ 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", `
+ flex-direction: column;
+ `), (0, e.cB)("tabs-nav-scroll-wrapper", [(0, e.c)("&::before", `
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 20px;
+ `), (0, e.c)("&::after", `
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 20px;
+ `), (0, e.cM)("shadow-start", [(0, e.c)("&::before", `
+ 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", `
+ flex: 1;
+ position: relative;
+ overflow: hidden;
+ `, [(0, e.cB)("tabs-nav-y-scroll", `
+ height: 100%;
+ width: 100%;
+ overflow-y: auto; 
+ scrollbar-width: none;
+ `, [(0, e.c)("&::-webkit-scrollbar", `
+ width: 0;
+ height: 0;
+ `)]), (0, e.c)("&::before, &::after", `
+ transition: box-shadow .3s var(--n-bezier);
+ pointer-events: none;
+ content: "";
+ position: absolute;
+ z-index: 1;
+ `)]), (0, e.cB)("tabs-nav-scroll-content", `
+ display: flex;
+ position: relative;
+ min-width: 100%;
+ min-height: 100%;
+ width: fit-content;
+ box-sizing: border-box;
+ `), (0, e.cB)("tabs-wrapper", `
+ display: inline-flex;
+ flex-wrap: nowrap;
+ position: relative;
+ `), (0, e.cB)("tabs-tab-wrapper", `
+ display: flex;
+ flex-wrap: nowrap;
+ flex-shrink: 0;
+ flex-grow: 0;
+ `), (0, e.cB)("tabs-tab", `
+ cursor: pointer;
+ white-space: nowrap;
+ flex-wrap: nowrap;
+ display: inline-flex;
+ align-items: center;
+ color: var(--n-tab-text-color);
+ font-size: var(--n-tab-font-size);
+ background-clip: padding-box;
+ padding: var(--n-tab-padding);
+ transition:
+ box-shadow .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ `, [(0, e.cM)("disabled", {
+  cursor: "not-allowed"
+}), (0, e.cE)("close", `
+ margin-left: 6px;
+ transition:
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
+ `), (0, e.cE)("label", `
+ display: flex;
+ align-items: center;
+ z-index: 1;
+ `)]), (0, e.cB)("tabs-bar", `
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ border-radius: 1px;
+ background-color: var(--n-bar-color);
+ transition:
+ left .2s var(--n-bezier),
+ max-width .2s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ `, [(0, e.c)("&.transition-disabled", `
+ transition: none;
+ `), (0, e.cM)("disabled", `
+ background-color: var(--n-tab-text-color-disabled)
+ `)]), (0, e.cB)("tabs-pane-wrapper", `
+ position: relative;
+ overflow: hidden;
+ transition: max-height .2s var(--n-bezier);
+ `), (0, e.cB)("tab-pane", `
+ color: var(--n-pane-text-color);
+ width: 100%;
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ opacity .2s var(--n-bezier);
+ left: 0;
+ right: 0;
+ top: 0;
+ `, [(0, e.c)("&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active", `
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ transform .2s var(--n-bezier),
+ opacity .2s var(--n-bezier);
+ `), (0, e.c)("&.next-transition-leave-active, &.prev-transition-leave-active", `
+ position: absolute;
+ `), (0, e.c)("&.next-transition-enter-from, &.prev-transition-leave-to", `
+ transform: translateX(32px);
+ opacity: 0;
+ `), (0, e.c)("&.next-transition-leave-to, &.prev-transition-enter-from", `
+ transform: translateX(-32px);
+ opacity: 0;
+ `), (0, e.c)("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to", `
+ transform: translateX(0);
+ opacity: 1;
+ `)]), (0, e.cB)("tabs-tab-pad", `
+ box-sizing: border-box;
+ width: var(--n-tab-gap);
+ flex-grow: 0;
+ flex-shrink: 0;
+ `), (0, e.cM)("line-type, bar-type", [(0, e.cB)("tabs-tab", `
+ font-weight: var(--n-tab-font-weight);
+ box-sizing: border-box;
+ vertical-align: bottom;
+ `, [(0, e.c)("&:hover", {
+  color: "var(--n-tab-text-color-hover)"
+}), (0, e.cM)("active", `
+ color: var(--n-tab-text-color-active);
+ font-weight: var(--n-tab-font-weight-active);
+ `), (0, e.cM)("disabled", {
+  color: "var(--n-tab-text-color-disabled)"
+})])]), (0, e.cB)("tabs-nav", [(0, e.cM)("line-type", [(0, e.cM)("top", [(0, e.cE)("prefix, suffix", `
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-nav-scroll-content", `
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-bar", `
+ bottom: -1px;
+ `)]), (0, e.cM)("left", [(0, e.cE)("prefix, suffix", `
+ border-right: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-nav-scroll-content", `
+ border-right: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-bar", `
+ right: -1px;
+ `)]), (0, e.cM)("right", [(0, e.cE)("prefix, suffix", `
+ border-left: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-nav-scroll-content", `
+ border-left: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-bar", `
+ left: -1px;
+ `)]), (0, e.cM)("bottom", [(0, e.cE)("prefix, suffix", `
+ border-top: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-nav-scroll-content", `
+ border-top: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-bar", `
+ top: -1px;
+ `)]), (0, e.cE)("prefix, suffix", `
+ transition: border-color .3s var(--n-bezier);
+ `), (0, e.cB)("tabs-nav-scroll-content", `
+ transition: border-color .3s var(--n-bezier);
+ `), (0, e.cB)("tabs-bar", `
+ border-radius: 0;
+ `)]), (0, e.cM)("card-type", [(0, e.cE)("prefix, suffix", `
+ transition: border-color .3s var(--n-bezier);
+ `), (0, e.cB)("tabs-pad", `
+ flex-grow: 1;
+ transition: border-color .3s var(--n-bezier);
+ `), (0, e.cB)("tabs-tab-pad", `
+ transition: border-color .3s var(--n-bezier);
+ `), (0, e.cB)("tabs-tab", `
+ font-weight: var(--n-tab-font-weight);
+ border: 1px solid var(--n-tab-border-color);
+ background-color: var(--n-tab-color);
+ box-sizing: border-box;
+ position: relative;
+ vertical-align: bottom;
+ display: flex;
+ justify-content: space-between;
+ font-size: var(--n-tab-font-size);
+ color: var(--n-tab-text-color);
+ `, [(0, e.cM)("addable", `
+ padding-left: 8px;
+ padding-right: 8px;
+ font-size: 16px;
+ justify-content: center;
+ `, [(0, e.cE)("height-placeholder", `
+ width: 0;
+ font-size: var(--n-tab-font-size);
+ `), (0, e.cNotM)("disabled", [(0, e.c)("&:hover", `
+ color: var(--n-tab-text-color-hover);
+ `)])]), (0, e.cM)("closable", "padding-right: 8px;"), (0, e.cM)("active", `
+ background-color: #0000;
+ font-weight: var(--n-tab-font-weight-active);
+ color: var(--n-tab-text-color-active);
+ `), (0, e.cM)("disabled", "color: var(--n-tab-text-color-disabled);")])]), (0, e.cM)("left, right", `
+ flex-direction: column; 
+ `, [(0, e.cE)("prefix, suffix", `
+ padding: var(--n-tab-padding-vertical);
+ `), (0, e.cB)("tabs-wrapper", `
+ flex-direction: column;
+ `), (0, e.cB)("tabs-tab-wrapper", `
+ flex-direction: column;
+ `, [(0, e.cB)("tabs-tab-pad", `
+ height: var(--n-tab-gap-vertical);
+ width: 100%;
+ `)])]), (0, e.cM)("top", [(0, e.cM)("card-type", [(0, e.cB)("tabs-scroll-padding", "border-bottom: 1px solid var(--n-tab-border-color);"), (0, e.cE)("prefix, suffix", `
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-tab", `
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-top-right-radius: var(--n-tab-border-radius);
+ `, [(0, e.cM)("active", `
+ border-bottom: 1px solid #0000;
+ `)]), (0, e.cB)("tabs-tab-pad", `
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-pad", `
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `)])]), (0, e.cM)("left", [(0, e.cM)("card-type", [(0, e.cB)("tabs-scroll-padding", "border-right: 1px solid var(--n-tab-border-color);"), (0, e.cE)("prefix, suffix", `
+ border-right: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-tab", `
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-bottom-left-radius: var(--n-tab-border-radius);
+ `, [(0, e.cM)("active", `
+ border-right: 1px solid #0000;
+ `)]), (0, e.cB)("tabs-tab-pad", `
+ border-right: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-pad", `
+ border-right: 1px solid var(--n-tab-border-color);
+ `)])]), (0, e.cM)("right", [(0, e.cM)("card-type", [(0, e.cB)("tabs-scroll-padding", "border-left: 1px solid var(--n-tab-border-color);"), (0, e.cE)("prefix, suffix", `
+ border-left: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-tab", `
+ border-top-right-radius: var(--n-tab-border-radius);
+ border-bottom-right-radius: var(--n-tab-border-radius);
+ `, [(0, e.cM)("active", `
+ border-left: 1px solid #0000;
+ `)]), (0, e.cB)("tabs-tab-pad", `
+ border-left: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-pad", `
+ border-left: 1px solid var(--n-tab-border-color);
+ `)])]), (0, e.cM)("bottom", [(0, e.cM)("card-type", [(0, e.cB)("tabs-scroll-padding", "border-top: 1px solid var(--n-tab-border-color);"), (0, e.cE)("prefix, suffix", `
+ border-top: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-tab", `
+ border-bottom-left-radius: var(--n-tab-border-radius);
+ border-bottom-right-radius: var(--n-tab-border-radius);
+ `, [(0, e.cM)("active", `
+ border-top: 1px solid #0000;
+ `)]), (0, e.cB)("tabs-tab-pad", `
+ border-top: 1px solid var(--n-tab-border-color);
+ `), (0, e.cB)("tabs-pad", `
+ 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 };
+  };
+  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);
+  o.tabsProps = Object.assign(Object.assign({}, u.useTheme.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],
+    // deprecated
+    labelSize: String,
+    activeName: [String, Number],
+    onActiveNameChange: [Function, Array]
+  }), o.default = (0, a.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.");
+      });
+      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"))
+          return {
+            display: "flex",
+            justifyContent: t.justifyContent
+          };
+      });
+      (0, a.watch)(R, () => {
+        f.id = 0, ne(), me();
+      });
+      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 ze(r) {
+        if (t.type === "card")
+          return;
+        const { value: n } = w;
+        if (!n)
+          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`;
+            } 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");
+          } 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`;
+            } 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");
+          }
+        }
+      }
+      function $e() {
+        if (t.type === "card")
+          return;
+        const { value: r } = w;
+        r && (r.style.opacity = "0");
+      }
+      function he(r) {
+        const { value: n } = w;
+        if (n)
+          for (const i of r)
+            n.style[i] = "";
+      }
+      function ne() {
+        if (t.type === "card")
+          return;
+        const r = N();
+        r ? ze(r) : $e();
+      }
+      function me() {
+        var r;
+        const n = (r = x.value) === null || r === void 0 ? void 0 : r.$el;
+        if (!n)
+          return;
+        const i = N();
+        if (!i)
+          return;
+        const { scrollLeft: d, offsetWidth: v } = n, { offsetLeft: O, offsetWidth: W } = i;
+        d > O ? n.scrollTo({
+          top: 0,
+          left: O,
+          behavior: "smooth"
+        }) : O + W > d + v && n.scrollTo({
+          top: 0,
+          left: O + W - v,
+          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;
+          };
+          K ? (d(), K(), K = null) : K = 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`;
+          };
+          K ? (K(), K = null, d()) : K = 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);
+          }
+        }
+      }
+      const xe = { value: [] }, ye = (0, a.ref)("next");
+      function Ee(r) {
+        const n = R.value;
+        let i = "next";
+        for (const d of xe.value) {
+          if (d === n)
+            break;
+          if (d === r) {
+            i = "prev";
+            break;
+          }
+        }
+        ye.value = i, Oe(r);
+      }
+      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(r) {
+        const { onClose: n } = t;
+        n && (0, s.call)(n, r);
+      }
+      function Ce() {
+        const { value: r } = w;
+        if (!r)
+          return;
+        const n = "transition-disabled";
+        r.classList.add(n), ne(), r.classList.remove(n);
+      }
+      const J = (0, a.ref)(null);
+      function de({ transitionDisabled: r }) {
+        const n = j.value;
+        if (!n)
+          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");
+      }
+      (0, a.watch)([R], () => {
+        t.type === "segment" && (0, a.nextTick)(() => {
+          de({
+            transitionDisabled: !1
+          });
+        });
+      }), (0, a.onMounted)(() => {
+        t.type === "segment" && de({
+          transitionDisabled: !0
+        });
+      });
+      let Pe = 0;
+      function Ae(r) {
+        var n;
+        if (r.contentRect.width === 0 && r.contentRect.height === 0 || Pe === r.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);
+        }
+      }
+      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 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);
+        else {
+          const { value: ae } = I;
+          if (!ae)
+            return;
+          Z === "top" || Z === "bottom" ? O - d > ae.$el.offsetWidth && (Q.value = !1) : W - v > ae.$el.offsetHeight && (Q.value = !1);
+        }
+        ce(((n = x.value) === null || n === void 0 ? void 0 : n.$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,
+            top: 0,
+            behavior: "smooth"
+          });
+        });
+      }
+      function ce(r) {
+        if (!r)
+          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;
+        } else {
+          const { scrollTop: i, scrollHeight: d, offsetHeight: v } = r;
+          F.value = i <= 0, V.value = i + v >= d;
+        }
+      }
+      const Ge = (0, b.throttle)((r) => {
+        ce(r.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"),
+        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)
+          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 Ie = {
+        syncBarPosition: () => {
+          ne();
+        }
+      }, Fe = () => {
+        de({
+          transitionDisabled: !0
+        });
+      }, Se = (0, a.computed)(() => {
+        const { value: r } = U, { type: n } = t, 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;
+        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
+        };
+      }), Y = _ ? (0, u.useThemeClass)("tabs", (0, a.computed)(() => `${U.value[0]}${t.type[0]}`), Se, t) : void 0;
+      return Object.assign({
+        mergedClsPrefix: m,
+        mergedValue: R,
+        renderedNames: /* @__PURE__ */ new Set(),
+        segmentCapsuleElRef: J,
+        tabsPaneWrapperRef: oe,
+        tabsElRef: j,
+        barElRef: w,
+        addTabInstRef: I,
+        xScrollInstRef: x,
+        scrollWrapperElRef: X,
+        addTabFixed: Q,
+        tabWrapperStyle: y,
+        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);
+    },
+    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;
+      _ == 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;
+      m.value = [];
+      const te = () => {
+        const f = (0, a.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` } })
+        );
+        return (0, a.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` })
+        );
+      }, R = U ? "top" : P;
+      return (0, a.h)(
+        "div",
+        { class: [
+          `${t}-tabs`,
+          this.themeClass,
+          `${t}-tabs--${g}-type`,
+          `${t}-tabs--${h}-size`,
+          E && `${t}-tabs--flex`,
+          `${t}-tabs--${R}`
+        ], style: this.cssVars },
+        (0, a.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`
+          ] },
+          (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)(
+              "div",
+              { class: `${t}-tabs-rail`, ref: "tabsElRef" },
+              (0, a.h)(
+                "div",
+                { class: `${t}-tabs-capsule`, ref: "segmentCapsuleElRef" },
+                (0, a.h)(
+                  "div",
+                  { class: `${t}-tabs-wrapper` },
+                  (0, a.h)("div", { class: `${t}-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)))
+            )
+          }) : (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()))
+          }),
+          M && S && V ? A(S, !0) : null,
+          (0, s.resolveWrappedSlot)(I, (f) => f && (0, a.h)("div", { class: `${t}-tabs-nav__suffix` }, f))
+        ),
+        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))
+      );
+    }
+  });
+  function B(t, g, P, M, S, 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);
+      }
+    }), m ? (0, a.h)(a.TransitionGroup, { name: `${m}-transition`, onBeforeLeave: M, onEnter: S, 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 H(t) {
+    const g = (0, a.cloneVNode)(t);
+    return g.props ? g.props.internalLeftPadded = !0 : g.props = {
+      internalLeftPadded: !0
+    }, g;
+  }
+  function $(t) {
+    return Array.isArray(t.dynamicProps) ? t.dynamicProps.includes("internalLeftPadded") || t.dynamicProps.push("internalLeftPadded") : t.dynamicProps = ["internalLeftPadded"], t;
+  }
+})(we);
+(function(o) {
+  var l = q && q.__importDefault || function(p) {
+    return p && p.__esModule ? p : { default: p };
+  };
+  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() {
+    return l(c).default;
+  } }), Object.defineProperty(o, "tabPaneProps", { enumerable: !0, get: function() {
+    return c.tabPaneProps;
+  } });
+  var b = ue;
+  Object.defineProperty(o, "NTab", { enumerable: !0, get: function() {
+    return l(b).default;
+  } }), Object.defineProperty(o, "tabProps", { enumerable: !0, get: function() {
+    return b.tabProps;
+  } });
+})(Be);
+const Ot = /* @__PURE__ */ Pt({
+  __proto__: null
+}, [Be]);
+export {
+  Ot as i
+};