@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XCalendar.vue.js

@@ -0,0 +1,309 @@
+import { defineComponent as ye, computed as r, ref as ve, watch as _e, openBlock as u, createElementBlock as i, normalizeClass as M, createElementVNode as d, renderSlot as N, toDisplayString as b, createCommentVNode as V, unref as be, Fragment as F, renderList as S, createTextVNode as ge } from "vue";
+import { useXI18n as De } from "../composables/i18n.js";
+const pe = { class: "x-calendar__header" }, Le = { class: "x-calendar__header-title" }, $e = {
+  key: 0,
+  class: "x-calendar__header-ganzhi"
+}, Te = { class: "x-calendar__actions" }, we = { class: "x-calendar__weekdays" }, Me = { class: "x-calendar__grid" }, Ne = ["disabled", "onClick"], Fe = { class: "x-calendar__cell-content" }, xe = { class: "x-calendar__date" }, ke = { class: "x-calendar__extra" }, ze = {
+  key: 1,
+  class: "x-calendar__ganzhi"
+}, Ce = {
+  key: 1,
+  class: "x-calendar__month-grid"
+}, Ae = ["disabled", "onClick"], Se = /* @__PURE__ */ ye({
+  __name: "XCalendar",
+  props: {
+    modelValue: { default: "" },
+    mode: { default: "month" },
+    disabledDate: { type: Function, default: void 0 },
+    showLunar: { type: Boolean, default: !1 },
+    showGanzhi: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "panelChange"],
+  setup(p, { emit: O }) {
+    const R = {
+      正月: 1,
+      二月: 2,
+      三月: 3,
+      四月: 4,
+      五月: 5,
+      六月: 6,
+      七月: 7,
+      八月: 8,
+      九月: 9,
+      十月: 10,
+      十一月: 11,
+      腊月: 12,
+      冬月: 11
+    }, H = {
+      "01-01": "元旦",
+      "02-14": "情人节",
+      "03-08": "妇女节",
+      "04-01": "愚人节",
+      "05-01": "劳动节",
+      "05-04": "青年节",
+      "06-01": "儿童节",
+      "09-10": "教师节",
+      "10-01": "国庆节",
+      "12-24": "平安夜",
+      "12-25": "圣诞节"
+    }, K = {
+      "1-1": "春节",
+      "1-15": "元宵",
+      "5-5": "端午",
+      "7-7": "七夕",
+      "8-15": "中秋",
+      "9-9": "重阳",
+      "12-8": "腊八",
+      "12-23": "小年"
+    }, X = [
+      { name: "小寒", month: 1, c: 5.4055 },
+      { name: "大寒", month: 1, c: 20.12 },
+      { name: "立春", month: 2, c: 3.87 },
+      { name: "雨水", month: 2, c: 18.73 },
+      { name: "惊蛰", month: 3, c: 5.63 },
+      { name: "春分", month: 3, c: 20.646 },
+      { name: "清明", month: 4, c: 4.81 },
+      { name: "谷雨", month: 4, c: 20.1 },
+      { name: "立夏", month: 5, c: 5.52 },
+      { name: "小满", month: 5, c: 21.04 },
+      { name: "芒种", month: 6, c: 5.678 },
+      { name: "夏至", month: 6, c: 21.37 },
+      { name: "小暑", month: 7, c: 7.108 },
+      { name: "大暑", month: 7, c: 22.83 },
+      { name: "立秋", month: 8, c: 7.5 },
+      { name: "处暑", month: 8, c: 23.13 },
+      { name: "白露", month: 9, c: 7.646 },
+      { name: "秋分", month: 9, c: 23.042 },
+      { name: "寒露", month: 10, c: 8.318 },
+      { name: "霜降", month: 10, c: 23.438 },
+      { name: "立冬", month: 11, c: 7.438 },
+      { name: "小雪", month: 11, c: 22.36 },
+      { name: "大雪", month: 12, c: 7.18 },
+      { name: "冬至", month: 12, c: 21.94 }
+    ], U = /* @__PURE__ */ new Map(), Y = (() => {
+      try {
+        return new Intl.DateTimeFormat("zh-Hans-u-ca-chinese", {
+          year: "numeric",
+          month: "long",
+          day: "numeric"
+        });
+      } catch {
+        return null;
+      }
+    })(), Z = ["甲", "乙", "丙", "丁", "戊", "己", "庚", "辛", "壬", "癸"], j = ["子", "丑", "寅", "卯", "辰", "巳", "午", "未", "申", "酉", "戌", "亥"], o = p, x = O, { t: s, tm: y, locale: q } = De(), J = r(() => y("calendar.weekLabels", ["一", "二", "三", "四", "五", "六", "日"])), Q = r(() => y("calendar.lunarMonthToNumber", R)), W = r(() => y("calendar.solarFestivals", H)), ee = r(() => y("calendar.lunarFestivals", K)), te = r(() => y("calendar.solarTerms", X)), ae = r(() => y("calendar.gan", Z)), ne = r(() => y("calendar.zhi", j));
+    function v(e) {
+      return String(e).padStart(2, "0");
+    }
+    function L(e) {
+      return `${e.getFullYear()}-${v(e.getMonth() + 1)}-${v(e.getDate())}`;
+    }
+    function k(e) {
+      if (!e) return null;
+      if (e instanceof Date)
+        return Number.isNaN(e.getTime()) ? null : new Date(e);
+      if (typeof e == "string") {
+        if (!e.trim()) return null;
+        const a = e.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+        if (a) {
+          const n = new Date(Number(a[1]), Number(a[2]) - 1, Number(a[3]));
+          return Number.isNaN(n.getTime()) ? null : n;
+        }
+        const t = new Date(e);
+        return Number.isNaN(t.getTime()) ? null : t;
+      }
+      return null;
+    }
+    function oe(e) {
+      const a = Date.UTC(1984, 1, 2), t = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), h = (Math.floor((t - a) / 864e5) % 60 + 60) % 60;
+      return `${ae.value[h % 10]}${ne.value[h % 12]}`;
+    }
+    function re(e) {
+      if (e <= 0 || e > 30) return "";
+      const a = y("calendar.lunarDayNumbers", ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十"]);
+      if (e === 10) return s("calendar.lunarDay10", void 0, "初十");
+      if (e === 20) return s("calendar.lunarDay20", void 0, "二十");
+      if (e === 30) return s("calendar.lunarDay30", void 0, "三十");
+      const t = e < 10 ? s("calendar.lunarDayPrefixLT10", void 0, "初") : e < 20 ? s("calendar.lunarDayPrefixLT20", void 0, "十") : s("calendar.lunarDayPrefixGTE20", void 0, "廿"), n = a[(e - 1) % 10];
+      return `${t}${n}`;
+    }
+    function I(e) {
+      var $, w, E;
+      if (!Y)
+        return {
+          month: 0,
+          day: 0,
+          monthLabel: "",
+          dayLabel: "",
+          yearName: "",
+          isLeapMonth: !1
+        };
+      const a = Y.formatToParts(e), t = (($ = a.find((_) => _.type === "month")) == null ? void 0 : $.value) ?? "", n = ((w = a.find((_) => _.type === "day")) == null ? void 0 : w.value) ?? "", h = ((E = a.find((_) => String(_.type) === "yearName")) == null ? void 0 : E.value) ?? "", f = s("calendar.leapPrefix", void 0, "闰"), g = t.includes("闰") || t.includes(f), l = t.replace("闰", "").replace(f, ""), D = Q.value[l] ?? 0, c = Number.parseInt(n, 10) || 0;
+      return {
+        month: D,
+        day: c,
+        monthLabel: t,
+        dayLabel: re(c),
+        yearName: h,
+        isLeapMonth: g
+      };
+    }
+    function se(e) {
+      const a = e.getFullYear(), t = `${q.value}:${a}`;
+      let n = U.get(t);
+      if (!n) {
+        n = /* @__PURE__ */ new Map();
+        const f = a % 100;
+        for (const g of te.value) {
+          const l = Math.floor(f * 0.2422 + g.c) - Math.floor((f - 1) / 4), D = `${v(g.month)}-${v(l)}`;
+          n.set(D, g.name);
+        }
+        U.set(t, n);
+      }
+      const h = `${v(e.getMonth() + 1)}-${v(e.getDate())}`;
+      return n.get(h) ?? "";
+    }
+    function le(e) {
+      return o.modelValue instanceof Date ? new Date(e) : L(e);
+    }
+    const T = r(() => k(o.modelValue)), ce = r(() => T.value ? L(T.value) : ""), ue = T.value ?? /* @__PURE__ */ new Date(), m = ve(new Date(ue));
+    _e(
+      () => o.modelValue,
+      (e) => {
+        const a = k(e);
+        a && (m.value = a);
+      }
+    );
+    function z(e) {
+      return o.disabledDate ? o.disabledDate(e) : !1;
+    }
+    const C = r(() => {
+      if (!o.showGanzhi) return "";
+      const e = I(m.value);
+      return e.yearName ? `${e.yearName}${s("calendar.yearSuffix", void 0, "年")}` : "";
+    }), P = r(() => {
+      const e = m.value.getFullYear();
+      if (o.mode === "year") return s("calendar.titleYear", { year: e }, `${e} 年`);
+      const a = m.value.getMonth() + 1;
+      return s("calendar.titleYearMonth", { year: e, month: a }, `${e} 年 ${a} 月`);
+    }), ie = r(() => {
+      const e = m.value.getFullYear();
+      return Array.from({ length: 12 }, (a, t) => {
+        const n = new Date(e, t, 1), h = L(n), f = T.value;
+        return {
+          key: h,
+          label: s("calendar.monthLabel", { month: t + 1 }, `${t + 1} 月`),
+          current: !!(f && f.getFullYear() === e && f.getMonth() === t),
+          date: h,
+          disabled: z(h)
+        };
+      });
+    }), de = r(() => {
+      const e = m.value.getFullYear(), a = m.value.getMonth(), n = (new Date(e, a, 1).getDay() + 6) % 7;
+      return Array.from({ length: 42 }, (f, g) => {
+        const l = new Date(e, a, g - n + 1), D = L(l), c = o.showLunar || o.showGanzhi ? I(l) : null, $ = o.showLunar ? se(l) : "", w = o.showLunar ? W.value[`${v(l.getMonth() + 1)}-${v(l.getDate())}`] ?? "" : "", _ = (o.showLunar && c && !c.isLeapMonth && c.month && c.day ? ee.value[`${c.month}-${c.day}`] ?? "" : "") || w, he = _ ? "festival" : $ ? "term" : "lunar", B = c ? `${c.monthLabel}${c.dayLabel}` : "", fe = o.showLunar ? _ || $ || B : "";
+        return {
+          key: D,
+          label: l.getDate(),
+          current: l.getMonth() === a,
+          date: D,
+          disabled: z(D),
+          lunarLabel: B,
+          metaLabel: fe,
+          metaType: he,
+          ganzhiLabel: o.showGanzhi ? oe(l) : ""
+        };
+      });
+    });
+    function G(e) {
+      const a = new Date(m.value);
+      o.mode === "year" ? a.setFullYear(a.getFullYear() + e) : a.setMonth(a.getMonth() + e), m.value = a, x("panelChange", L(a), o.mode);
+    }
+    function A(e) {
+      if (z(e)) return;
+      const a = k(e);
+      if (!a) return;
+      const t = le(a);
+      x("update:modelValue", t), x("change", t);
+    }
+    function me() {
+      const e = /* @__PURE__ */ new Date(), a = L(e);
+      m.value = new Date(e), A(a);
+    }
+    return (e, a) => (u(), i("div", {
+      class: M(["x-calendar", `x-calendar--${p.mode}`])
+    }, [
+      d("div", pe, [
+        d("button", {
+          type: "button",
+          class: "x-calendar__nav",
+          onClick: a[0] || (a[0] = (t) => G(-1))
+        }, "←"),
+        N(e.$slots, "header", {
+          title: P.value,
+          viewDate: m.value,
+          ganzhi: C.value
+        }, () => [
+          d("div", Le, [
+            d("strong", null, b(P.value), 1),
+            p.mode === "month" && C.value ? (u(), i("span", $e, b(C.value), 1)) : V("", !0)
+          ])
+        ]),
+        d("div", Te, [
+          d("button", {
+            type: "button",
+            class: "x-calendar__today",
+            onClick: me
+          }, b(be(s)("calendar.todayButton", void 0, "今天")), 1),
+          d("button", {
+            type: "button",
+            class: "x-calendar__nav",
+            onClick: a[1] || (a[1] = (t) => G(1))
+          }, "→")
+        ])
+      ]),
+      p.mode === "month" ? (u(), i(F, { key: 0 }, [
+        d("div", we, [
+          (u(!0), i(F, null, S(J.value, (t) => (u(), i("span", { key: t }, b(t), 1))), 128))
+        ]),
+        d("div", Me, [
+          (u(!0), i(F, null, S(de.value, (t) => (u(), i("button", {
+            key: t.key,
+            type: "button",
+            class: M(["x-calendar__cell", { "is-muted": !t.current, "is-active": t.date === ce.value, "is-disabled": t.disabled }]),
+            disabled: t.disabled,
+            onClick: (n) => A(t.date)
+          }, [
+            N(e.$slots, "date-cell", { cell: t }, () => [
+              d("div", Fe, [
+                d("span", xe, b(t.label), 1),
+                d("div", ke, [
+                  p.showLunar && t.metaLabel ? (u(), i("span", {
+                    key: 0,
+                    class: M(["x-calendar__meta", `is-${t.metaType}`])
+                  }, b(t.metaLabel), 3)) : V("", !0),
+                  p.showGanzhi && t.ganzhiLabel ? (u(), i("span", ze, b(t.ganzhiLabel), 1)) : V("", !0)
+                ]),
+                N(e.$slots, "date-extra", { cell: t })
+              ])
+            ])
+          ], 10, Ne))), 128))
+        ])
+      ], 64)) : (u(), i("div", Ce, [
+        (u(!0), i(F, null, S(ie.value, (t) => (u(), i("button", {
+          key: t.key,
+          type: "button",
+          class: M(["x-calendar__month-cell", { "is-active": t.current, "is-disabled": t.disabled }]),
+          disabled: t.disabled,
+          onClick: (n) => A(t.date)
+        }, [
+          N(e.$slots, "month-cell", { cell: t }, () => [
+            ge(b(t.label), 1)
+          ])
+        ], 10, Ae))), 128))
+      ]))
+    ], 2));
+  }
+});
+export {
+  Se as default
+};

package/dist/components/XCalendar.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XCalendar.vue.js";
+export {
+  f as default
+};

package/dist/components/XCard.vue.d.ts

@@ -23,8 +23,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    cover: string;
     size: CardSize;
+    cover: string;
     loading: boolean;
     bordered: boolean;
     hoverable: boolean;

package/dist/components/XCard.vue.js

@@ -0,0 +1,80 @@
+import { defineComponent as k, useSlots as f, computed as r, openBlock as t, createElementBlock as s, normalizeClass as n, createStaticVNode as h, Fragment as m, renderSlot as d, createCommentVNode as l, createElementVNode as v, createTextVNode as b, toDisplayString as $, normalizeStyle as B } from "vue";
+const S = {
+  key: 0,
+  class: "x-card__skeleton"
+}, g = {
+  key: 0,
+  class: "x-card__cover"
+}, C = ["src"], p = { class: "x-card__title" }, z = {
+  key: 0,
+  class: "x-card__extra"
+}, N = {
+  key: 2,
+  class: "x-card__actions"
+}, E = /* @__PURE__ */ k({
+  __name: "XCard",
+  props: {
+    title: {},
+    bordered: { type: Boolean, default: !0 },
+    hoverable: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    headerBordered: { type: Boolean, default: !1 },
+    bodyStyle: { default: () => ({}) },
+    cover: { default: "" }
+  },
+  setup(o) {
+    const a = o, c = f(), u = r(() => a.title || c.title || c.extra), _ = r(() => ({
+      "x-card": !0,
+      [`x-card--${a.size}`]: !0,
+      "is-hoverable": a.hoverable,
+      "is-borderless": !a.bordered,
+      "is-loading": a.loading
+    })), y = r(() => ({
+      "x-card__header": !0,
+      "is-bordered": a.headerBordered
+    })), x = r(() => a.bodyStyle);
+    return (e, i) => (t(), s("section", {
+      class: n(_.value)
+    }, [
+      o.loading ? (t(), s("div", S, [...i[0] || (i[0] = [
+        h('<div class="x-card__skeleton-header"><div class="x-card__skeleton-avatar"></div><div class="x-card__skeleton-content"><div class="x-card__skeleton-title"></div><div class="x-card__skeleton-text"></div></div></div><div class="x-card__skeleton-body"><div class="x-card__skeleton-text"></div><div class="x-card__skeleton-text"></div></div>', 2)
+      ])])) : (t(), s(m, { key: 1 }, [
+        o.cover || e.$slots.cover ? (t(), s("div", g, [
+          d(e.$slots, "cover", {}, () => [
+            o.cover ? (t(), s("img", {
+              key: 0,
+              src: o.cover,
+              alt: "card-cover"
+            }, null, 8, C)) : l("", !0)
+          ])
+        ])) : l("", !0),
+        u.value ? (t(), s("header", {
+          key: 1,
+          class: n(y.value)
+        }, [
+          v("div", p, [
+            d(e.$slots, "title", {}, () => [
+              b($(o.title), 1)
+            ])
+          ]),
+          e.$slots.extra ? (t(), s("div", z, [
+            d(e.$slots, "extra")
+          ])) : l("", !0)
+        ], 2)) : l("", !0),
+        v("div", {
+          class: "x-card__body",
+          style: B(x.value)
+        }, [
+          d(e.$slots, "default")
+        ], 4),
+        e.$slots.actions ? (t(), s("div", N, [
+          d(e.$slots, "actions")
+        ])) : l("", !0)
+      ], 64))
+    ], 2));
+  }
+});
+export {
+  E as default
+};

package/dist/components/XCard.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XCard.vue.js";
+export {
+  f as default
+};

package/dist/components/XCarousel.vue.d.ts

@@ -80,12 +80,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     onChange?: ((current: number, prev: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
+    type: "" | "card";
     direction: "horizontal" | "vertical";
     height: string;
-    type: "" | "card";
+    trigger: "click" | "hover";
     modelValue: number;
     initialIndex: number;
-    trigger: "click" | "hover";
     autoplay: boolean;
     interval: number;
     indicatorPosition: "outside" | "none" | "";

package/dist/components/XCarousel.vue.js

@@ -0,0 +1,7 @@
+import o from "./XCarousel.vue2.js";
+/* empty css               */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-589f2e66"]]);
+export {
+  f as default
+};

package/dist/components/XCarousel.vue2.js

@@ -0,0 +1,150 @@
+import { defineComponent as F, ref as g, computed as I, onMounted as U, onUnmounted as j, watch as S, provide as q, openBlock as d, createElementBlock as v, normalizeStyle as G, normalizeClass as f, createElementVNode as y, renderSlot as J, Fragment as P, withDirectives as T, createVNode as z, unref as B, vShow as E, createCommentVNode as _, renderList as K, toDisplayString as Q } from "vue";
+import $ from "./XIcon.js";
+const W = { class: "x-carousel__viewport" }, Y = ["onMouseenter", "onClick"], Z = { class: "x-carousel__button" }, ee = { key: 0 }, le = /* @__PURE__ */ F({
+  __name: "XCarousel",
+  props: {
+    modelValue: { default: void 0 },
+    height: { default: "" },
+    initialIndex: { default: 0 },
+    trigger: { default: "hover" },
+    autoplay: { type: Boolean, default: !0 },
+    interval: { default: 3e3 },
+    indicatorPosition: { default: "" },
+    arrow: { default: "hover" },
+    type: { default: "" },
+    loop: { type: Boolean, default: !0 },
+    direction: { default: "horizontal" },
+    cardScale: { default: 0.82 },
+    sideTranslatePercent: { default: 60 },
+    pauseOnHover: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o, { expose: H, emit: L }) {
+    const t = o, b = L, k = g(), a = g([]), l = g(t.initialIndex), c = g(!1);
+    let s = null;
+    const C = I(() => t.type === "card"), p = I(() => t.direction === "vertical"), N = I(() => a.value.some((e) => e.label !== void 0));
+    function M(e) {
+      e.index = a.value.length, a.value.push(e), a.value.length === 1 && m();
+    }
+    function V(e) {
+      const i = a.value.findIndex((n) => n.uid === e);
+      i !== -1 && (a.value.splice(i, 1), a.value.forEach((n, r) => n.index = r), l.value >= a.value.length && (l.value = Math.max(0, a.value.length - 1)));
+    }
+    function u(e) {
+      const i = a.value.length;
+      if (i === 0) return;
+      let n = e;
+      if (e < 0 ? n = t.loop ? i - 1 : 0 : e >= i && (n = t.loop ? 0 : i - 1), n !== l.value) {
+        const r = l.value;
+        l.value = n, b("update:modelValue", l.value), b("change", l.value, r);
+      }
+    }
+    function x() {
+      u(l.value - 1);
+    }
+    function h() {
+      u(l.value + 1);
+    }
+    function m() {
+      s && clearInterval(s), t.autoplay && t.interval > 0 && a.value.length > 1 && (s = setInterval(() => {
+        (t.loop || l.value < a.value.length - 1) && h();
+      }, t.interval));
+    }
+    function w() {
+      s && (clearInterval(s), s = null);
+    }
+    function D() {
+      c.value = !0, t.pauseOnHover !== !1 && w();
+    }
+    function O() {
+      c.value = !1, m();
+    }
+    function R(e) {
+      t.trigger === "click" && u(e);
+    }
+    function X(e) {
+      t.trigger === "hover" && e !== l.value && u(e);
+    }
+    return U(() => m()), j(() => w()), S(() => t.autoplay, (e) => e ? m() : w()), S(() => t.modelValue, (e) => {
+      e !== void 0 && e !== l.value && u(e);
+    }), q("carousel", {
+      root: k,
+      isCardType: C,
+      isVertical: p,
+      items: a,
+      activeIndex: l,
+      loop: t.loop,
+      cardScale: t.cardScale,
+      sideTranslatePercent: t.sideTranslatePercent,
+      addItem: M,
+      removeItem: V,
+      setActiveItem: u,
+      next: h,
+      prev: x
+    }), H({ activeIndex: l, setActiveItem: u, prev: x, next: h, addItem: M, removeItem: V }), (e, i) => (d(), v("div", {
+      ref_key: "carouselRef",
+      ref: k,
+      class: f(["x-carousel", [
+        `is-${o.direction}`,
+        {
+          "is-card": o.type === "card"
+        }
+      ]]),
+      style: G(o.height ? { height: o.height } : {}),
+      onMouseenter: D,
+      onMouseleave: O
+    }, [
+      y("div", W, [
+        J(e.$slots, "default", {}, void 0, !0),
+        !C.value && o.arrow !== "never" && a.value.length > 1 && !p.value ? (d(), v(P, { key: 0 }, [
+          T(y("button", {
+            type: "button",
+            class: f(["x-carousel__arrow x-carousel__arrow--left", { "is-visible": o.arrow === "always" || c.value }]),
+            onClick: x
+          }, [
+            z(B($), {
+              name: "mono-left-full",
+              size: 12
+            })
+          ], 2), [
+            [E, o.arrow === "always" || c.value]
+          ]),
+          T(y("button", {
+            type: "button",
+            class: f(["x-carousel__arrow x-carousel__arrow--right", { "is-visible": o.arrow === "always" || c.value }]),
+            onClick: h
+          }, [
+            z(B($), {
+              name: "mono-right-full",
+              size: 12
+            })
+          ], 2), [
+            [E, o.arrow === "always" || c.value]
+          ])
+        ], 64)) : _("", !0)
+      ]),
+      o.indicatorPosition !== "none" && a.value.length > 1 ? (d(), v("ul", {
+        key: 0,
+        class: f(["x-carousel__indicators", {
+          "x-carousel__indicators--outside": o.indicatorPosition === "outside",
+          "x-carousel__indicators--labels": N.value,
+          "x-carousel__indicators--vertical": p.value
+        }])
+      }, [
+        (d(!0), v(P, null, K(a.value, (n, r) => (d(), v("li", {
+          key: r,
+          class: f(["x-carousel__indicator", { "is-active": r === l.value }]),
+          onMouseenter: (A) => X(r),
+          onClick: (A) => R(r)
+        }, [
+          y("button", Z, [
+            n.label !== void 0 ? (d(), v("span", ee, Q(n.label), 1)) : _("", !0)
+          ])
+        ], 42, Y))), 128))
+      ], 2)) : _("", !0)
+    ], 38));
+  }
+});
+export {
+  le as default
+};

package/dist/components/XCarouselItem.vue.js

@@ -0,0 +1,7 @@
+import o from "./XCarouselItem.vue2.js";
+/* empty css                   */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29d445bf"]]);
+export {
+  e as default
+};