@ozdao/prometheus-framework 0.2.30 → 0.2.32

package/dist/node_modules/vue3-carousel/dist/carousel.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as ce, ref as r, reactive as L, provide as T, onMounted as Se, nextTick as ge, onUnmounted as we, computed as W, watch as de, watchEffect as ye, h as P, withModifiers as re, inject as I } from "vue";
+import { defineComponent as Q, inject as T, reactive as E, ref as v, h as _, provide as S, onMounted as be, nextTick as ye, onUnmounted as xe, computed as ve, watch as q, cloneVNode as fe, Fragment as Ae } from "vue";
 /**
- * Vue 3 Carousel 0.1.48
- * (c) 2022
+ * Vue 3 Carousel 0.3.1
+ * (c) 2023
  * @license MIT
  */
-const f = {
+const d = {
   itemsToShow: 1,
   itemsToScroll: 1,
   modelValue: 0,
@@ -12,52 +12,69 @@ const f = {
   autoplay: 0,
   snapAlign: "center",
   wrapAround: !1,
+  throttle: 16,
   pauseAutoplayOnHover: !1,
   mouseDrag: !0,
   touchDrag: !0,
   dir: "ltr",
-  breakpoints: void 0
-}, ue = {
+  breakpoints: void 0,
+  i18n: {
+    ariaNextSlide: "Navigate to next slide",
+    ariaPreviousSlide: "Navigate to previous slide",
+    ariaNavigateToSlide: "Navigate to slide {slideNumber}",
+    ariaGallery: "Gallery",
+    itemXofY: "Item {currentSlide} of {slidesCount}",
+    iconArrowUp: "Arrow pointing upwards",
+    iconArrowDown: "Arrow pointing downwards",
+    iconArrowRight: "Arrow pointing to the right",
+    iconArrowLeft: "Arrow pointing to the left"
+  }
+}, pe = {
   // count of items to showed per view
   itemsToShow: {
-    default: f.itemsToShow,
+    default: d.itemsToShow,
     type: Number
   },
   // count of items to be scrolled
   itemsToScroll: {
-    default: f.itemsToScroll,
+    default: d.itemsToScroll,
     type: Number
   },
   // control infinite scrolling mode
   wrapAround: {
-    default: f.wrapAround,
+    default: d.wrapAround,
     type: Boolean
   },
+  // control max drag
+  throttle: {
+    default: d.throttle,
+    type: Number
+  },
   // control snap position alignment
   snapAlign: {
-    default: f.snapAlign,
-    validator(t) {
-      return ["start", "end", "center", "center-even", "center-odd"].includes(t);
+    default: d.snapAlign,
+    validator(e) {
+      return ["start", "end", "center", "center-even", "center-odd"].includes(e);
     }
   },
   // sliding transition time in ms
   transition: {
-    default: f.transition,
+    default: d.transition,
     type: Number
   },
   // an object to store breakpoints
   breakpoints: {
-    default: f.breakpoints,
+    default: d.breakpoints,
     type: Object
   },
   // time to auto advance slides in ms
   autoplay: {
-    default: f.autoplay,
+    default: d.autoplay,
     type: Number
   },
   // pause autoplay when mouse hover over the carousel
   pauseAutoplayOnHover: {
-    default: f.pauseAutoplayOnHover,
+    default: d.pauseAutoplayOnHover,
     type: Boolean
   },
   // slide number number of initial slide
@@ -67,21 +84,26 @@ const f = {
   },
   // toggle mouse dragging.
   mouseDrag: {
-    default: f.mouseDrag,
+    default: d.mouseDrag,
     type: Boolean
   },
   // toggle mouse dragging.
   touchDrag: {
-    default: f.touchDrag,
+    default: d.touchDrag,
     type: Boolean
   },
   // control snap position alignment
   dir: {
-    default: f.dir,
-    validator(t) {
-      return ["rtl", "ltr"].includes(t);
+    default: d.dir,
+    validator(e) {
+      return ["rtl", "ltr"].includes(e);
     }
   },
+  // aria-labels and additional text labels
+  i18n: {
+    default: d.i18n,
+    type: Object
+  },
   // an object to pass all settings
   settings: {
     default() {
@@ -90,294 +112,368 @@ const f = {
     type: Object
   }
 };
-function xe(t, l) {
-  let o;
-  return function(...a) {
-    o && clearTimeout(o), o = setTimeout(() => {
-      t(...a), o = null;
-    }, l);
-  };
-}
-function be(t, l) {
-  let o;
-  return function(...a) {
-    const g = this;
-    o || (t.apply(g, a), o = !0, setTimeout(() => o = !1, l));
-  };
-}
-function Te(t) {
-  var l, o, a;
-  return t ? ((o = (l = t[0]) === null || l === void 0 ? void 0 : l.type) === null || o === void 0 ? void 0 : o.name) === "CarouselSlide" ? t : ((a = t[0]) === null || a === void 0 ? void 0 : a.children) || [] : [];
-}
-function Me(t, l) {
-  if (t.wrapAround)
-    return l - 1;
-  switch (t.snapAlign) {
+function Te({ config: e, slidesCount: r }) {
+  const { snapAlign: n, wrapAround: o, itemsToShow: l = 1 } = e;
+  if (o)
+    return Math.max(r - 1, 0);
+  let a;
+  switch (n) {
     case "start":
-      return l - t.itemsToShow;
+      a = r - l;
+      break;
     case "end":
-      return l - 1;
+      a = r - 1;
+      break;
     case "center":
     case "center-odd":
-      return l - Math.ceil(t.itemsToShow / 2);
+      a = r - Math.ceil((l - 0.5) / 2);
+      break;
     case "center-even":
-      return l - Math.ceil(t.itemsToShow / 2);
+      a = r - Math.ceil(l / 2);
+      break;
     default:
-      return 0;
+      a = 0;
+      break;
   }
+  return Math.max(a, 0);
 }
-function Ae(t) {
-  if (t.wrapAround)
-    return 0;
-  switch (t.snapAlign) {
+function ke({ config: e, slidesCount: r }) {
+  const { wrapAround: n, snapAlign: o, itemsToShow: l = 1 } = e;
+  let a = 0;
+  if (n || l > r)
+    return a;
+  switch (o) {
     case "start":
-      return 0;
+      a = 0;
+      break;
     case "end":
-      return t.itemsToShow - 1;
+      a = l - 1;
+      break;
     case "center":
     case "center-odd":
-      return Math.floor((t.itemsToShow - 1) / 2);
+      a = Math.floor((l - 1) / 2);
+      break;
     case "center-even":
-      return Math.floor((t.itemsToShow - 2) / 2);
+      a = Math.floor((l - 2) / 2);
+      break;
     default:
-      return 0;
+      a = 0;
+      break;
   }
+  return a;
 }
-function se(t, l, o, a) {
-  return t.wrapAround ? l : Math.min(Math.max(l, a), o);
+function J({ val: e, max: r, min: n }) {
+  return r < n ? e : Math.min(Math.max(e, n), r);
 }
-function Oe({ slidesBuffer: t, currentSlide: l, snapAlign: o, itemsToShow: a, wrapAround: g, slidesCount: p }) {
-  let c = t.indexOf(l);
-  if (c === -1 && (c = t.indexOf(Math.ceil(l))), o === "center" || o === "center-odd" ? c -= (a - 1) / 2 : o === "center-even" ? c -= (a - 2) / 2 : o === "end" && (c -= a - 1), !g) {
-    const w = p - a, y = 0;
-    c = Math.max(Math.min(c, w), y);
+function Ce({ config: e, currentSlide: r, slidesCount: n }) {
+  const { snapAlign: o, wrapAround: l, itemsToShow: a = 1 } = e;
+  let g = r;
+  switch (o) {
+    case "center":
+    case "center-odd":
+      g -= (a - 1) / 2;
+      break;
+    case "center-even":
+      g -= (a - 2) / 2;
+      break;
+    case "end":
+      g -= a - 1;
+      break;
   }
-  return c;
+  return l ? g : J({
+    val: g,
+    max: n - a,
+    min: 0
+  });
+}
+function ge(e) {
+  return e ? e.reduce((r, n) => {
+    var o;
+    return n.type === Ae ? [...r, ...ge(n.children)] : ((o = n.type) === null || o === void 0 ? void 0 : o.name) === "CarouselSlide" ? [...r, n] : r;
+  }, []) : [];
+}
+function K({ val: e, max: r, min: n = 0 }) {
+  return e > r ? K({ val: e - (r + 1), max: r, min: n }) : e < n ? K({ val: e + (r + 1), max: r, min: n }) : e;
+}
+function _e(e, r) {
+  let n;
+  return r ? function(...o) {
+    const l = this;
+    n || (e.apply(l, o), n = !0, setTimeout(() => n = !1, r));
+  } : e;
+}
+function Oe(e, r) {
+  let n;
+  return function(...o) {
+    n && clearTimeout(n), n = setTimeout(() => {
+      e(...o), n = null;
+    }, r);
+  };
+}
+function Me(e = "", r = {}) {
+  return Object.entries(r).reduce((n, [o, l]) => n.replace(`{${o}}`, String(l)), e);
 }
-var ke = ce({
+var je = Q({
+  name: "ARIA",
+  setup() {
+    const e = T("config", E(Object.assign({}, d))), r = T("currentSlide", v(0)), n = T("slidesCount", v(0));
+    return () => _("div", {
+      class: ["carousel__liveregion", "carousel__sr-only"],
+      "aria-live": "polite",
+      "aria-atomic": "true"
+    }, Me(e.i18n.itemXofY, {
+      currentSlide: r.value + 1,
+      slidesCount: n.value
+    }));
+  }
+}), Ne = Q({
   name: "Carousel",
-  props: ue,
-  setup(t, { slots: l, emit: o, expose: a }) {
-    var g;
-    const p = r(null), c = r([]), w = r([]), y = r(0), u = r(1);
-    let x, k, M = r({}), h = Object.assign({}, f);
-    const n = L(Object.assign({}, h)), d = r((g = n.modelValue) !== null && g !== void 0 ? g : 0), fe = r(0), z = r(0), O = r(0), _ = r(0);
-    T("config", n), T("slidesBuffer", w), T("slidesCount", u), T("currentSlide", d), T("maxSlide", O), T("minSlide", _);
-    function R() {
-      const e = Object.assign(Object.assign({}, t), t.settings);
-      M = r(Object.assign({}, e.breakpoints)), h = Object.assign(Object.assign({}, e), { settings: void 0, breakpoints: void 0 }), G(h);
+  props: pe,
+  setup(e, { slots: r, emit: n, expose: o }) {
+    var l;
+    const a = v(null), g = v([]), w = v(0), f = v(0), i = E(Object.assign({}, d));
+    let m = Object.assign({}, d), b;
+    const s = v((l = e.modelValue) !== null && l !== void 0 ? l : 0), R = v(0), Z = v(0), k = v(0), O = v(0);
+    let C, V;
+    S("config", i), S("slidesCount", f), S("currentSlide", s), S("maxSlide", k), S("minSlide", O), S("slideWidth", w);
+    function X() {
+      b = Object.assign({}, e.breakpoints), m = Object.assign(Object.assign(Object.assign({}, m), e), { i18n: Object.assign(Object.assign({}, m.i18n), e.i18n), breakpoints: void 0 }), ee(m);
     }
-    function E() {
-      const e = Object.keys(M.value).map((s) => Number(s)).sort((s, m) => +m - +s);
-      let i = Object.assign({}, h);
-      e.some((s) => window.matchMedia(`(min-width: ${s}px)`).matches ? (i = Object.assign(Object.assign({}, i), M.value[s]), !0) : !1), G(i);
+    function N() {
+      if (!b || !Object.keys(b).length)
+        return;
+      const t = Object.keys(b).map((u) => Number(u)).sort((u, h) => +h - +u);
+      let c = Object.assign({}, m);
+      t.some((u) => {
+        const h = window.matchMedia(`(min-width: ${u}px)`).matches;
+        return h && (c = Object.assign(Object.assign({}, c), b[u])), h;
+      }), ee(c);
     }
-    function G(e) {
-      for (let i in e)
-        n[i] = e[i];
+    function ee(t) {
+      Object.entries(t).forEach(([c, u]) => i[c] = u);
     }
-    const ve = xe(() => {
-      M.value && (E(), j()), D();
+    const te = Oe(() => {
+      N(), M();
     }, 16);
-    function D() {
-      if (!p.value)
+    function M() {
+      if (!a.value)
         return;
-      const e = p.value.getBoundingClientRect();
-      y.value = e.width / n.itemsToShow;
-    }
-    function j() {
-      u.value = Math.max(c.value.length, 1), !(u.value <= 0) && (z.value = Math.ceil((u.value - 1) / 2), O.value = Me(n, u.value), _.value = Ae(n), d.value = se(n, d.value, O.value, _.value));
+      const t = a.value.getBoundingClientRect();
+      w.value = t.width / i.itemsToShow;
     }
     function B() {
-      const e = [...Array(u.value).keys()];
-      if (n.wrapAround && n.itemsToShow + 1 <= u.value) {
-        let m = (n.itemsToShow !== 1 ? Math.round((u.value - n.itemsToShow) / 2) : 0) - d.value;
-        if (n.snapAlign === "end" ? m += Math.floor(n.itemsToShow - 1) : (n.snapAlign === "center" || n.snapAlign === "center-odd") && m++, m < 0)
-          for (let S = m; S < 0; S++)
-            e.push(Number(e.shift()));
-        else
-          for (let S = 0; S < m; S++)
-            e.unshift(Number(e.pop()));
-      }
-      w.value = e;
+      f.value <= 0 || (Z.value = Math.ceil((f.value - 1) / 2), k.value = Te({ config: i, slidesCount: f.value }), O.value = ke({ config: i, slidesCount: f.value }), i.wrapAround || (s.value = J({
+        val: s.value,
+        max: k.value,
+        min: O.value
+      })));
     }
-    Se(() => {
-      M.value && (E(), j()), ge(() => setTimeout(D, 16)), K(), window.addEventListener("resize", ve, { passive: !0 });
-    }), we(() => {
-      k && clearTimeout(k), x && clearInterval(x);
+    be(() => {
+      ye(() => M()), setTimeout(() => M(), 1e3), N(), ae(), window.addEventListener("resize", te, { passive: !0 }), n("init");
+    }), xe(() => {
+      V && clearTimeout(V), C && clearInterval(C), window.removeEventListener("resize", te, {
+        passive: !0
+      });
     });
-    let v = !1;
-    const V = { x: 0, y: 0 }, N = { x: 0, y: 0 }, A = L({ x: 0, y: 0 }), X = r(!1), me = () => {
-      X.value = !0;
-    }, he = () => {
-      X.value = !1;
+    let p = !1;
+    const D = { x: 0, y: 0 }, I = { x: 0, y: 0 }, y = E({ x: 0, y: 0 }), L = v(!1), $ = v(!1), he = () => {
+      L.value = !0;
+    }, Se = () => {
+      L.value = !1;
     };
-    function q(e) {
-      v = e.type === "touchstart", !(!v && e.button !== 0 || C.value) && (v || e.preventDefault(), V.x = v ? e.touches[0].clientX : e.clientX, V.y = v ? e.touches[0].clientY : e.clientY, document.addEventListener(v ? "touchmove" : "mousemove", F, !0), document.addEventListener(v ? "touchend" : "mouseup", J, !0));
+    function ne(t) {
+      ["INPUT", "TEXTAREA", "SELECT"].includes(t.target.tagName) || (p = t.type === "touchstart", p || t.preventDefault(), !(!p && t.button !== 0 || x.value) && (D.x = p ? t.touches[0].clientX : t.clientX, D.y = p ? t.touches[0].clientY : t.clientY, document.addEventListener(p ? "touchmove" : "mousemove", re, !0), document.addEventListener(p ? "touchend" : "mouseup", ie, !0)));
     }
-    const F = be((e) => {
-      N.x = v ? e.touches[0].clientX : e.clientX, N.y = v ? e.touches[0].clientY : e.clientY;
-      const i = N.x - V.x, s = N.y - V.y;
-      A.y = s, A.x = i;
-    }, 16);
-    function J() {
-      const e = n.dir === "rtl" ? -1 : 1, i = Math.sign(A.x) * 0.4, s = Math.round(A.x / y.value + i) * e;
-      let m = se(n, d.value - s, O.value, _.value);
-      if (s && !v) {
-        const S = ($) => {
-          $.stopPropagation(), window.removeEventListener("click", S, !0);
+    const re = _e((t) => {
+      $.value = !0, I.x = p ? t.touches[0].clientX : t.clientX, I.y = p ? t.touches[0].clientY : t.clientY;
+      const c = I.x - D.x, u = I.y - D.y;
+      y.y = u, y.x = c;
+    }, i.throttle);
+    function ie() {
+      const t = i.dir === "rtl" ? -1 : 1, c = Math.sign(y.x) * 0.4, u = Math.round(y.x / w.value + c) * t;
+      if (u && !p) {
+        const h = (W) => {
+          W.stopPropagation(), window.removeEventListener("click", h, !0);
         };
-        window.addEventListener("click", S, !0);
+        window.addEventListener("click", h, !0);
       }
-      b(m), A.x = 0, A.y = 0, document.removeEventListener(v ? "touchmove" : "mousemove", F, !0), document.removeEventListener(v ? "touchend" : "mouseup", J, !0);
+      A(s.value - u), y.x = 0, y.y = 0, $.value = !1, document.removeEventListener(p ? "touchmove" : "mousemove", re, !0), document.removeEventListener(p ? "touchend" : "mouseup", ie, !0);
     }
-    function K() {
-      !n.autoplay || n.autoplay <= 0 || (x = setInterval(() => {
-        n.pauseAutoplayOnHover && X.value || H();
-      }, n.autoplay));
+    function ae() {
+      !i.autoplay || i.autoplay <= 0 || (C = setInterval(() => {
+        i.pauseAutoplayOnHover && L.value || P();
+      }, i.autoplay));
     }
-    function Q() {
-      x && (clearInterval(x), x = null), K();
+    function oe() {
+      C && (clearInterval(C), C = null), ae();
     }
-    const C = r(!1);
-    function b(e, i = !1) {
-      if (d.value === e || C.value)
-        return;
-      Q();
-      const s = u.value - 1;
-      if (e > s)
-        return b(e - u.value);
-      if (e < 0)
-        return b(e + u.value);
-      C.value = !0, fe.value = d.value, d.value = e, i || o("update:modelValue", d.value), k = setTimeout(() => {
-        n.wrapAround && B(), C.value = !1;
-      }, n.transition);
+    const x = v(!1);
+    function A(t) {
+      const c = i.wrapAround ? t : J({
+        val: t,
+        max: k.value,
+        min: O.value
+      });
+      s.value === c || x.value || (n("slide-start", {
+        slidingToIndex: t,
+        currentSlideIndex: s.value,
+        prevSlideIndex: R.value,
+        slidesCount: f.value
+      }), x.value = !0, R.value = s.value, s.value = c, V = setTimeout(() => {
+        if (i.wrapAround) {
+          const u = K({
+            val: c,
+            max: k.value,
+            min: 0
+          });
+          u !== s.value && (s.value = u, n("loop", {
+            currentSlideIndex: s.value,
+            slidingToIndex: t
+          }));
+        }
+        n("update:modelValue", s.value), n("slide-end", {
+          currentSlideIndex: s.value,
+          prevSlideIndex: R.value,
+          slidesCount: f.value
+        }), x.value = !1, oe();
+      }, i.transition));
     }
-    function H() {
-      let e = d.value + n.itemsToScroll;
-      n.wrapAround || (e = Math.min(e, O.value)), b(e);
+    function P() {
+      A(s.value + i.itemsToScroll);
     }
-    function Z() {
-      let e = d.value - n.itemsToScroll;
-      n.wrapAround || (e = Math.max(e, _.value)), b(e);
+    function Y() {
+      A(s.value - i.itemsToScroll);
     }
-    const ee = { slideTo: b, next: H, prev: Z };
-    T("nav", ee);
-    const te = W(() => Oe({
-      slidesBuffer: w.value,
-      itemsToShow: n.itemsToShow,
-      snapAlign: n.snapAlign,
-      wrapAround: !!n.wrapAround,
-      currentSlide: d.value,
-      slidesCount: u.value
+    const le = { slideTo: A, next: P, prev: Y };
+    S("nav", le), S("isSliding", x);
+    const ue = ve(() => Ce({
+      config: i,
+      currentSlide: s.value,
+      slidesCount: f.value
     }));
-    T("slidesToScroll", te);
-    const pe = W(() => {
-      const e = n.dir === "rtl" ? -1 : 1, i = te.value * y.value * e;
+    S("slidesToScroll", ue);
+    const we = ve(() => {
+      const t = i.dir === "rtl" ? -1 : 1, c = ue.value * w.value * t;
       return {
-        transform: `translateX(${A.x - i}px)`,
-        transition: `${C.value ? n.transition : 0}ms`
+        transform: `translateX(${y.x - c}px)`,
+        transition: `${x.value ? i.transition : 0}ms`,
+        margin: i.wrapAround ? `0 -${f.value * w.value}px` : "",
+        width: "100%"
       };
     });
-    function ne() {
-      R();
-    }
-    function le() {
-      R(), E(), j(), B(), D(), Q();
+    function se() {
+      X(), N(), B(), M(), oe();
     }
-    function oe() {
-      j(), B();
-    }
-    Object.keys(ue).forEach((e) => {
-      ["modelValue"].includes(e) || de(() => t[e], le);
-    }), ne(), ye(() => {
-      const e = u.value !== c.value.length;
-      t.modelValue !== void 0 && d.value !== t.modelValue && b(Number(t.modelValue), !0), e && oe();
-    });
-    const ae = {
-      config: n,
-      slidesBuffer: w,
-      slidesCount: u,
-      slideWidth: y,
-      currentSlide: d,
-      maxSlide: O,
-      minSlide: _,
-      middleSlide: z
+    Object.keys(pe).forEach((t) => {
+      ["modelValue"].includes(t) || q(() => e[t], se);
+    }), q(() => e.modelValue, (t) => {
+      t !== s.value && A(Number(t));
+    }), q(f, B), n("before-init"), X();
+    const ce = {
+      config: i,
+      slidesCount: f,
+      slideWidth: w,
+      next: P,
+      prev: Y,
+      slideTo: A,
+      currentSlide: s,
+      maxSlide: k,
+      minSlide: O,
+      middleSlide: Z
     };
-    a({
-      updateBreakpointsConfigs: E,
-      updateSlidesData: j,
-      updateSlideWidth: D,
-      updateSlidesBuffer: B,
-      initCarousel: ne,
-      restartCarousel: le,
-      updateCarousel: oe,
-      slideTo: b,
-      next: H,
-      prev: Z,
-      nav: ee,
-      data: ae
+    o({
+      updateBreakpointsConfigs: N,
+      updateSlidesData: B,
+      updateSlideWidth: M,
+      initDefaultConfigs: X,
+      restartCarousel: se,
+      slideTo: A,
+      next: P,
+      prev: Y,
+      nav: le,
+      data: ce
     });
-    const Y = l.default || l.slides, U = l.addons, ie = L(ae);
+    const H = r.default || r.slides, U = r.addons, de = E(ce);
     return () => {
-      const e = Te(Y == null ? void 0 : Y(ie)), i = (U == null ? void 0 : U(ie)) || [];
-      c.value = e, e.forEach((S, $) => S.props.index = $);
-      const s = P("ol", {
+      const t = ge(H == null ? void 0 : H(de)), c = (U == null ? void 0 : U(de)) || [];
+      t.forEach((z, G) => z.props.index = G);
+      let u = t;
+      if (i.wrapAround) {
+        const z = t.map((F, j) => fe(F, {
+          index: -t.length + j,
+          isClone: !0,
+          key: `clone-before-${j}`
+        })), G = t.map((F, j) => fe(F, {
+          index: t.length + j,
+          isClone: !0,
+          key: `clone-after-${j}`
+        }));
+        u = [...z, ...t, ...G];
+      }
+      g.value = t, f.value = Math.max(t.length, 1);
+      const h = _("ol", {
         class: "carousel__track",
-        style: pe.value,
-        onMousedown: n.mouseDrag ? re(q, ["capture"]) : null,
-        onTouchstart: n.touchDrag ? re(q, ["capture"]) : null
-      }, e), m = P("div", { class: "carousel__viewport" }, s);
-      return P("section", {
-        ref: p,
+        style: we.value,
+        onMousedownCapture: i.mouseDrag ? ne : null,
+        onTouchstartPassiveCapture: i.touchDrag ? ne : null
+      }, u), W = _("div", { class: "carousel__viewport" }, h);
+      return _("section", {
+        ref: a,
         class: {
           carousel: !0,
-          "carousel--rtl": n.dir === "rtl"
+          "is-sliding": x.value,
+          "is-dragging": $.value,
+          "is-hover": L.value,
+          "carousel--rtl": i.dir === "rtl"
         },
-        dir: n.dir,
-        "aria-label": "Gallery",
-        onMouseenter: me,
-        onMouseleave: he
-      }, [m, i]);
+        dir: i.dir,
+        "aria-label": i.i18n.ariaGallery,
+        tabindex: "0",
+        onMouseenter: he,
+        onMouseleave: Se
+      }, [W, c, _(je)]);
     };
   }
-}), je = ce({
+}), me;
+(function(e) {
+  e.arrowUp = "arrowUp", e.arrowDown = "arrowDown", e.arrowRight = "arrowRight", e.arrowLeft = "arrowLeft";
+})(me || (me = {}));
+var De = Q({
   name: "CarouselSlide",
   props: {
     index: {
       type: Number,
       default: 1
+    },
+    isClone: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(t, { slots: l }) {
-    const o = I("config", L(Object.assign({}, f))), a = I("slidesBuffer", r([])), g = I("currentSlide", r(0)), p = I("slidesToScroll", r(0)), c = r(t.index);
-    o.wrapAround && (w(), de(a, w));
-    function w() {
-      c.value = a.value.indexOf(t.index);
-    }
-    const y = W(() => ({
-      width: `${1 / o.itemsToShow * 100}%`,
-      order: c.value.toString()
-    })), u = () => t.index === g.value, x = () => {
-      const h = Math.ceil(p.value), n = Math.floor(p.value + o.itemsToShow);
-      return a.value.slice(h, n).includes(t.index);
-    }, k = () => t.index === a.value[Math.ceil(p.value) - 1], M = () => t.index === a.value[Math.floor(p.value + o.itemsToShow)];
+  setup(e, { slots: r }) {
+    const n = T("config", E(Object.assign({}, d))), o = T("currentSlide", v(0)), l = T("slidesToScroll", v(0)), a = T("isSliding", v(!1)), g = () => e.index === o.value, w = () => e.index === o.value - 1, f = () => e.index === o.value + 1, i = () => {
+      const m = Math.floor(l.value), b = Math.ceil(l.value + n.itemsToShow - 1);
+      return e.index >= m && e.index <= b;
+    };
     return () => {
-      var h;
-      return P("li", {
-        style: y.value,
+      var m;
+      return _("li", {
+        style: { width: `${100 / n.itemsToShow}%` },
         class: {
           carousel__slide: !0,
-          "carousel__slide--active": u(),
-          "carousel__slide--visible": x(),
-          "carousel__slide--prev": k(),
-          "carousel__slide--next": M()
-        }
-      }, (h = l.default) === null || h === void 0 ? void 0 : h.call(l));
+          "carousel__slide--clone": e.isClone,
+          "carousel__slide--visible": i(),
+          "carousel__slide--active": g(),
+          "carousel__slide--prev": w(),
+          "carousel__slide--next": f(),
+          "carousel__slide--sliding": a.value
+        },
+        "aria-hidden": !i()
+      }, (m = r.default) === null || m === void 0 ? void 0 : m.call(r));
     };
   }
 });
 export {
-  ke as Carousel,
-  je as Slide
+  Ne as Carousel,
+  De as Slide
 };