@7pmlabs/design-system 0.5.11 → 0.6.1

package/dist/design-system52.mjs

@@ -1,865 +1,130 @@
-import { assign as M, isNumber as pe, isString as T, isObject as k, warn as ye, isEmptyObject as Da, isBoolean as p, isArray as V, isPlainObject as A, isRegExp as re, isFunction as K, getGlobalThis as J, format as Ma, makeSymbol as U, deepCopy as ne, hasOwn as se, warnOnce as Sa, inBrowser as Be, createEmitter as ya, incrementer as ia } from "./design-system99.mjs";
-import { DEFAULT_LOCALE as ca, registerMessageCompiler as je, registerMessageResolver as Va, registerLocaleFallbacker as Ua, setDevToolsHook as ha, updateFallbackLocale as Z, NUMBER_FORMAT_OPTIONS_KEYS as Wa, DATETIME_FORMAT_OPTIONS_KEYS as wa, compile as Ga, compileToFunction as xa, resolveValue as Ha, fallbackWithLocaleChain as _a, CoreErrorCodes as Ya, createCoreContext as Ba, clearDateTimeFormat as Xe, clearNumberFormat as Je, CoreWarnCodes as ja, setAdditionalMeta as Xa, getFallbackContext as Ja, NOT_REOSLVED as $a, isTranslateFallbackWarn as Ka, isTranslateMissingWarn as qa, parseTranslateArgs as $e, translate as Ke, MISSING_RESOLVE_VALUE as qe, parseDateTimeArgs as ze, datetime as Qe, parseNumberArgs as Ze, number as ea, isMessageAST as za, isMessageFunction as Qa, setFallbackContext as aa } from "./design-system100.mjs";
-import { defineComponent as Ve, h as ma, getCurrentInstance as Ue, inject as Za, onMounted as et, onUnmounted as at, shallowRef as fa, ref as $, computed as D, onBeforeMount as tt, watch as ta, Fragment as Ea, createVNode as lt, Text as nt } from "vue";
-import { createCompileError as rt } from "./design-system101.mjs";
-/*!
-  * vue-i18n v9.13.0
-  * (c) 2024 kazuya kawaguchi
-  * Released under the MIT License.
-  */
-const st = "9.13.0";
-function ut() {
-  typeof __VUE_I18N_FULL_INSTALL__ != "boolean" && (J().__VUE_I18N_FULL_INSTALL__ = !0), typeof __VUE_I18N_LEGACY_API__ != "boolean" && (J().__VUE_I18N_LEGACY_API__ = !0), typeof __INTLIFY_JIT_COMPILATION__ != "boolean" && (J().__INTLIFY_JIT_COMPILATION__ = !1), typeof __INTLIFY_DROP_MESSAGE_COMPILER__ != "boolean" && (J().__INTLIFY_DROP_MESSAGE_COMPILER__ = !1), typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (J().__INTLIFY_PROD_DEVTOOLS__ = !1);
-}
-const va = ja.__EXTEND_POINT__, y = ia(va), P = {
-  FALLBACK_TO_ROOT: va,
-  // 9
-  NOT_SUPPORTED_PRESERVE: y(),
-  // 10
-  NOT_SUPPORTED_FORMATTER: y(),
-  // 11
-  NOT_SUPPORTED_PRESERVE_DIRECTIVE: y(),
-  // 12
-  NOT_SUPPORTED_GET_CHOICE_INDEX: y(),
-  // 13
-  COMPONENT_NAME_LEGACY_COMPATIBLE: y(),
-  // 14
-  NOT_FOUND_PARENT_SCOPE: y(),
-  // 15
-  IGNORE_OBJ_FLATTEN: y(),
-  // 16
-  NOTICE_DROP_ALLOW_COMPOSITION: y(),
-  // 17
-  NOTICE_DROP_TRANSLATE_EXIST_COMPATIBLE_FLAG: y()
-  // 18
-}, ot = {
-  [P.FALLBACK_TO_ROOT]: "Fall back to {type} '{key}' with root locale.",
-  [P.NOT_SUPPORTED_PRESERVE]: "Not supported 'preserve'.",
-  [P.NOT_SUPPORTED_FORMATTER]: "Not supported 'formatter'.",
-  [P.NOT_SUPPORTED_PRESERVE_DIRECTIVE]: "Not supported 'preserveDirectiveContent'.",
-  [P.NOT_SUPPORTED_GET_CHOICE_INDEX]: "Not supported 'getChoiceIndex'.",
-  [P.COMPONENT_NAME_LEGACY_COMPATIBLE]: "Component name legacy compatible: '{name}' -> 'i18n'",
-  [P.NOT_FOUND_PARENT_SCOPE]: "Not found parent scope. use the global scope.",
-  [P.IGNORE_OBJ_FLATTEN]: "Ignore object flatten: '{key}' key has an string value",
-  [P.NOTICE_DROP_ALLOW_COMPOSITION]: "'allowComposition' option will be dropped in the next major version. For more information, please see 👉 https://tinyurl.com/2p97mcze",
-  [P.NOTICE_DROP_TRANSLATE_EXIST_COMPATIBLE_FLAG]: "'translateExistCompatible' option will be dropped in the next major version."
-};
-function ue(e, ...u) {
-  return Ma(ot[e], ...u);
-}
-const ga = Ya.__EXTEND_POINT__, R = ia(ga), N = {
-  // composer module errors
-  UNEXPECTED_RETURN_TYPE: ga,
-  // 24
-  // legacy module errors
-  INVALID_ARGUMENT: R(),
-  // 25
-  // i18n module errors
-  MUST_BE_CALL_SETUP_TOP: R(),
-  // 26
-  NOT_INSTALLED: R(),
-  // 27
-  NOT_AVAILABLE_IN_LEGACY_MODE: R(),
-  // 28
-  // directive module errors
-  REQUIRED_VALUE: R(),
-  // 29
-  INVALID_VALUE: R(),
-  // 30
-  // vue-devtools errors
-  CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN: R(),
-  // 31
-  NOT_INSTALLED_WITH_PROVIDE: R(),
-  // 32
-  // unexpected error
-  UNEXPECTED_ERROR: R(),
-  // 33
-  // not compatible legacy vue-i18n constructor
-  NOT_COMPATIBLE_LEGACY_VUE_I18N: R(),
-  // 34
-  // bridge support vue 2.x only
-  BRIDGE_SUPPORT_VUE_2_ONLY: R(),
-  // 35
-  // need to define `i18n` option in `allowComposition: true` and `useScope: 'local' at `useI18n``
-  MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION: R(),
-  // 36
-  // Not available Compostion API in Legacy API mode. Please make sure that the legacy API mode is working properly
-  NOT_AVAILABLE_COMPOSITION_IN_LEGACY: R(),
-  // 37
-  // for enhancement
-  __EXTEND_POINT__: R()
-  // 38
-};
-function w(e, ...u) {
-  return rt(e, null, process.env.NODE_ENV !== "production" ? { messages: it, args: u } : void 0);
-}
-const it = {
-  [N.UNEXPECTED_RETURN_TYPE]: "Unexpected return type in composer",
-  [N.INVALID_ARGUMENT]: "Invalid argument",
-  [N.MUST_BE_CALL_SETUP_TOP]: "Must be called at the top of a `setup` function",
-  [N.NOT_INSTALLED]: "Need to install with `app.use` function",
-  [N.UNEXPECTED_ERROR]: "Unexpected error",
-  [N.NOT_AVAILABLE_IN_LEGACY_MODE]: "Not available in legacy mode",
-  [N.REQUIRED_VALUE]: "Required in value: {0}",
-  [N.INVALID_VALUE]: "Invalid value",
-  [N.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN]: "Cannot setup vue-devtools plugin",
-  [N.NOT_INSTALLED_WITH_PROVIDE]: "Need to install with `provide` function",
-  [N.NOT_COMPATIBLE_LEGACY_VUE_I18N]: "Not compatible legacy VueI18n.",
-  [N.BRIDGE_SUPPORT_VUE_2_ONLY]: "vue-i18n-bridge support Vue 2.x only",
-  [N.MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION]: "Must define ‘i18n’ option or custom block in Composition API with using local scope in Legacy API mode",
-  [N.NOT_AVAILABLE_COMPOSITION_IN_LEGACY]: "Not available Compostion API in Legacy API mode. Please make sure that the legacy API mode is working properly"
-}, Ae = /* @__PURE__ */ U("__translateVNode"), Ce = /* @__PURE__ */ U("__datetimeParts"), ke = /* @__PURE__ */ U("__numberParts"), De = /* @__PURE__ */ U("__enableEmitter"), Me = /* @__PURE__ */ U("__disableEmitter"), ct = U("__setPluralRules"), Oa = /* @__PURE__ */ U("__injectWithOption"), Se = /* @__PURE__ */ U("__dispose");
-function ee(e) {
-  if (!k(e))
-    return e;
-  for (const u in e)
-    if (se(e, u))
-      if (!u.includes("."))
-        k(e[u]) && ee(e[u]);
-      else {
-        const r = u.split("."), n = r.length - 1;
-        let o = e, a = !1;
-        for (let i = 0; i < n; i++) {
-          if (r[i] in o || (o[r[i]] = {}), !k(o[r[i]])) {
-            process.env.NODE_ENV !== "production" && ye(ue(P.IGNORE_OBJ_FLATTEN, {
-              key: r[i]
-            })), a = !0;
-            break;
-          }
-          o = o[r[i]];
-        }
-        a || (o[r[n]] = e[u], delete e[u]), k(o[r[n]]) && ee(o[r[n]]);
+import { defineComponent as z, ref as L, computed as p, watch as f, nextTick as M, onMounted as T, onBeforeUnmount as A, provide as E, openBlock as u, createElementBlock as i, createElementVNode as r, renderSlot as F, Fragment as k, createCommentVNode as h, renderList as $, normalizeClass as K, pushScopeId as O, popScopeId as R } from "vue";
+import { PIKey as U } from "./design-system4.mjs";
+const B = (n) => (O("data-v-b5c5062f"), n = n(), R(), n), j = { class: "ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg" }, q = { class: "carousel-content" }, D = /* @__PURE__ */ B(() => /* @__PURE__ */ r("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
+  /* @__PURE__ */ r("svg", {
+    class: "ds-h-5 ds-w-5 ds-fill-white",
+    viewBox: "0 0 320 512",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ r("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" })
+  ])
+], -1)), G = [
+  D
+], H = /* @__PURE__ */ B(() => /* @__PURE__ */ r("div", { class: "ds-cursor-pointer ds-rounded-full ds-bg-primary-f/40 ds-p-2 hover:ds-bg-primary-f/70" }, [
+  /* @__PURE__ */ r("svg", {
+    class: "ds-h-5 ds-w-5 ds-fill-white",
+    viewBox: "0 0 320 512",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ r("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
+  ])
+], -1)), J = [
+  H
+], Q = {
+  key: 1,
+  class: "carousel-pagination"
+}, W = ["onClick"], x = /* @__PURE__ */ z({
+  __name: "BCarousel",
+  props: {
+    modelValue: { default: void 0 },
+    autoplay: { type: Boolean, default: !1 },
+    duration: { default: 5e3 },
+    navigation: { type: Boolean, default: !1 },
+    pagination: { type: Boolean, default: !1 },
+    continuous: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: V }) {
+    const t = n, I = V;
+    let d;
+    const _ = L(0), a = L([]), o = p(() => a.value.length), e = p({
+      get() {
+        return t.modelValue !== void 0 ? t.modelValue : _.value;
+      },
+      set(s) {
+        t.modelValue !== void 0 ? I("update:modelValue", s) : _.value = s;
       }
-  return e;
-}
-function he(e, u) {
-  const { messages: r, __i18n: n, messageResolver: o, flatJson: a } = u, i = A(r) ? r : V(n) ? {} : { [e]: {} };
-  if (V(n) && n.forEach((_) => {
-    if ("locale" in _ && "resource" in _) {
-      const { locale: f, resource: m } = _;
-      f ? (i[f] = i[f] || {}, ne(m, i[f])) : ne(m, i);
-    } else
-      T(_) && ne(JSON.parse(_), i);
-  }), o == null && a)
-    for (const _ in i)
-      se(i, _) && ee(i[_]);
-  return i;
-}
-function Na(e) {
-  return e.type;
-}
-function _t(e, u, r) {
-  let n = k(u.messages) ? u.messages : {};
-  "__i18nGlobal" in r && (n = he(e.locale.value, {
-    messages: n,
-    __i18n: r.__i18nGlobal
-  }));
-  const o = Object.keys(n);
-  o.length && o.forEach((a) => {
-    e.mergeLocaleMessage(a, n[a]);
-  });
-  {
-    if (k(u.datetimeFormats)) {
-      const a = Object.keys(u.datetimeFormats);
-      a.length && a.forEach((i) => {
-        e.mergeDateTimeFormat(i, u.datetimeFormats[i]);
-      });
-    }
-    if (k(u.numberFormats)) {
-      const a = Object.keys(u.numberFormats);
-      a.length && a.forEach((i) => {
-        e.mergeNumberFormat(i, u.numberFormats[i]);
-      });
-    }
-  }
-}
-function la(e) {
-  return lt(nt, null, e, 0);
-}
-const na = "__INTLIFY_META__", ra = () => [], mt = () => !1;
-let sa = 0;
-function ua(e) {
-  return (u, r, n, o) => e(r, n, Ue() || void 0, o);
-}
-const ft = /* @__NO_SIDE_EFFECTS__ */ () => {
-  const e = Ue();
-  let u = null;
-  return e && (u = Na(e)[na]) ? { [na]: u } : null;
-};
-function Et(e = {}, u) {
-  const { __root: r, __injectWithOption: n } = e, o = r === void 0, a = e.flatJson, i = Be ? $ : fa, _ = !!e.translateExistCompatible;
-  process.env.NODE_ENV !== "production" && _ && Sa(ue(P.NOTICE_DROP_TRANSLATE_EXIST_COMPATIBLE_FLAG));
-  let f = p(e.inheritLocale) ? e.inheritLocale : !0;
-  const m = i(
-    // prettier-ignore
-    r && f ? r.locale.value : T(e.locale) ? e.locale : ca
-  ), g = i(
-    // prettier-ignore
-    r && f ? r.fallbackLocale.value : T(e.fallbackLocale) || V(e.fallbackLocale) || A(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : m.value
-  ), O = i(he(m.value, e)), L = i(A(e.datetimeFormats) ? e.datetimeFormats : { [m.value]: {} }), d = i(A(e.numberFormats) ? e.numberFormats : { [m.value]: {} });
-  let C = r ? r.missingWarn : p(e.missingWarn) || re(e.missingWarn) ? e.missingWarn : !0, F = r ? r.fallbackWarn : p(e.fallbackWarn) || re(e.fallbackWarn) ? e.fallbackWarn : !0, G = r ? r.fallbackRoot : p(e.fallbackRoot) ? e.fallbackRoot : !0, B = !!e.fallbackFormat, q = K(e.missing) ? e.missing : null, x = K(e.missing) ? ua(e.missing) : null, H = K(e.postTranslation) ? e.postTranslation : null, z = r ? r.warnHtmlMessage : p(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, Q = !!e.escapeParameter;
-  const ae = r ? r.modifiers : A(e.modifiers) ? e.modifiers : {};
-  let j = e.pluralRules || r && r.pluralRules, c;
-  c = (() => {
-    o && aa(null);
-    const t = {
-      version: st,
-      locale: m.value,
-      fallbackLocale: g.value,
-      messages: O.value,
-      modifiers: ae,
-      pluralRules: j,
-      missing: x === null ? void 0 : x,
-      missingWarn: C,
-      fallbackWarn: F,
-      fallbackFormat: B,
-      unresolving: !0,
-      postTranslation: H === null ? void 0 : H,
-      warnHtmlMessage: z,
-      escapeParameter: Q,
-      messageResolver: e.messageResolver,
-      messageCompiler: e.messageCompiler,
-      __meta: { framework: "vue" }
-    };
-    t.datetimeFormats = L.value, t.numberFormats = d.value, t.__datetimeFormatters = A(c) ? c.__datetimeFormatters : void 0, t.__numberFormatters = A(c) ? c.__numberFormatters : void 0, process.env.NODE_ENV !== "production" && (t.__v_emitter = A(c) ? c.__v_emitter : void 0);
-    const l = Ba(t);
-    return o && aa(l), l;
-  })(), Z(c, m.value, g.value);
-  function oe() {
-    return [
-      m.value,
-      g.value,
-      O.value,
-      L.value,
-      d.value
-    ];
-  }
-  const ie = D({
-    get: () => m.value,
-    set: (t) => {
-      m.value = t, c.locale = m.value;
-    }
-  }), ce = D({
-    get: () => g.value,
-    set: (t) => {
-      g.value = t, c.fallbackLocale = g.value, Z(c, m.value, t);
-    }
-  }), _e = D(() => O.value), me = /* @__PURE__ */ D(() => L.value), h = /* @__PURE__ */ D(() => d.value);
-  function fe() {
-    return K(H) ? H : null;
-  }
-  function Ee(t) {
-    H = t, c.postTranslation = t;
-  }
-  function ve() {
-    return q;
-  }
-  function ge(t) {
-    t !== null && (x = ua(t)), q = t, c.missing = x;
-  }
-  function Oe(t, l) {
-    return t !== "translate" || !l.resolvedMessage;
-  }
-  const S = (t, l, E, I, W, le) => {
-    oe();
-    let X;
-    try {
-      (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && Xa(/* @__PURE__ */ ft()), o || (c.fallbackContext = r ? Ja() : void 0), X = t(c);
-    } finally {
-      process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__, o || (c.fallbackContext = void 0);
-    }
-    if (E !== "translate exists" && // for not `te` (e.g `t`)
-    pe(X) && X === $a || E === "translate exists" && !X) {
-      const [Y, ka] = l();
-      if (process.env.NODE_ENV !== "production" && r && T(Y) && Oe(E, ka) && (G && (Ka(F, Y) || qa(C, Y)) && ye(ue(P.FALLBACK_TO_ROOT, {
-        key: Y,
-        type: E
-      })), process.env.NODE_ENV !== "production")) {
-        const { __v_emitter: Ye } = c;
-        Ye && G && Ye.emit("fallback", {
-          type: E,
-          key: Y,
-          to: "global",
-          groupId: `${E}:${Y}`
-        });
+    }), b = p(
+      () => t.continuous || e.value < o.value - 1
+    ), N = p(() => t.continuous || e.value > 0);
+    f(e, (s, l) => {
+      y(s, l);
+    }), f(o, () => {
+      const s = o.value - 1;
+      e.value > s && y(s, s);
+    }), f(
+      () => t.autoplay,
+      (s) => {
+        s && t.duration > 0 ? (v(), g()) : v();
+      }
+    ), f(
+      () => t.duration,
+      (s) => {
+        t.autoplay && (s > 0 ? (v(), g()) : v());
       }
-      return r && G ? I(r) : W(Y);
-    } else {
-      if (le(X))
-        return X;
-      throw w(N.UNEXPECTED_RETURN_TYPE);
-    }
-  };
-  function te(...t) {
-    return S((l) => Reflect.apply(Ke, null, [l, ...t]), () => $e(...t), "translate", (l) => Reflect.apply(l.t, l, [...t]), (l) => l, (l) => T(l));
-  }
-  function Ne(...t) {
-    const [l, E, I] = t;
-    if (I && !k(I))
-      throw w(N.INVALID_ARGUMENT);
-    return te(l, E, M({ resolvedMessage: !0 }, I || {}));
-  }
-  function Te(...t) {
-    return S((l) => Reflect.apply(Qe, null, [l, ...t]), () => ze(...t), "datetime format", (l) => Reflect.apply(l.d, l, [...t]), () => qe, (l) => T(l));
-  }
-  function Le(...t) {
-    return S((l) => Reflect.apply(ea, null, [l, ...t]), () => Ze(...t), "number format", (l) => Reflect.apply(l.n, l, [...t]), () => qe, (l) => T(l));
-  }
-  function Ie(t) {
-    return t.map((l) => T(l) || pe(l) || p(l) ? la(String(l)) : l);
-  }
-  const be = {
-    normalize: Ie,
-    interpolate: (t) => t,
-    type: "vnode"
-  };
-  function de(...t) {
-    return S(
-      (l) => {
-        let E;
-        const I = l;
-        try {
-          I.processor = be, E = Reflect.apply(Ke, null, [I, ...t]);
-        } finally {
-          I.processor = null;
-        }
-        return E;
-      },
-      () => $e(...t),
-      "translate",
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (l) => l[Ae](...t),
-      (l) => [la(l)],
-      (l) => V(l)
-    );
-  }
-  function Re(...t) {
-    return S(
-      (l) => Reflect.apply(ea, null, [l, ...t]),
-      () => Ze(...t),
-      "number format",
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (l) => l[ke](...t),
-      ra,
-      (l) => T(l) || V(l)
-    );
-  }
-  function Pe(...t) {
-    return S(
-      (l) => Reflect.apply(Qe, null, [l, ...t]),
-      () => ze(...t),
-      "datetime format",
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (l) => l[Ce](...t),
-      ra,
-      (l) => T(l) || V(l)
     );
-  }
-  function Fe(t) {
-    j = t, c.pluralRules = j;
-  }
-  function s(t, l) {
-    return S(() => {
-      if (!t)
-        return !1;
-      const E = T(l) ? l : m.value, I = He(E), W = c.messageResolver(I, t);
-      return _ ? W != null : za(W) || Qa(W) || T(W);
-    }, () => [t], "translate exists", (E) => Reflect.apply(E.te, E, [t, l]), mt, (E) => p(E));
-  }
-  function v(t) {
-    let l = null;
-    const E = _a(c, g.value, m.value);
-    for (let I = 0; I < E.length; I++) {
-      const W = O.value[E[I]] || {}, le = c.messageResolver(W, t);
-      if (le != null) {
-        l = le;
-        break;
+    const P = (s) => {
+      e.value = s;
+    }, w = () => {
+      e.value === o.value - 1 ? t.continuous && (e.value = 0) : e.value = e.value + 1;
+    }, S = () => {
+      e.value === 0 ? t.continuous && (e.value = o.value - 1) : e.value = e.value - 1;
+    }, g = () => {
+      d = setInterval(() => {
+        w();
+      }, t.duration);
+    }, v = () => {
+      d && clearInterval(d);
+    }, y = async (s, l) => {
+      if (o.value > 0 && o.value > s && o.value > l) {
+        e.value = s, await M();
+        const m = s < l, c = m ? "slide-out-reverse" : "slide-out", C = m ? "slide-in-reverse" : "slide-in";
+        m ? (a.value[l].classList.add("reverse"), a.value[e.value].classList.add("reverse")) : (a.value[l].classList.remove("reverse"), a.value[e.value].classList.remove("reverse")), l !== s && (a.value[l].classList.remove(
+          "slide-in",
+          "slide-in-reverse"
+        ), a.value[l].classList.add(c), setTimeout(() => {
+          a.value[l].classList.remove("active");
+        }, 500)), a.value[e.value].classList.remove(
+          "slide-out",
+          "slide-out-reverse"
+        ), a.value[e.value].classList.add(C), a.value[e.value].classList.add("active");
       }
-    }
-    return l;
-  }
-  function Ia(t) {
-    const l = v(t);
-    return l ?? (r ? r.tm(t) || {} : {});
-  }
-  function He(t) {
-    return O.value[t] || {};
-  }
-  function ba(t, l) {
-    if (a) {
-      const E = { [t]: l };
-      for (const I in E)
-        se(E, I) && ee(E[I]);
-      l = E[t];
-    }
-    O.value[t] = l, c.messages = O.value;
-  }
-  function da(t, l) {
-    O.value[t] = O.value[t] || {};
-    const E = { [t]: l };
-    if (a)
-      for (const I in E)
-        se(E, I) && ee(E[I]);
-    l = E[t], ne(l, O.value[t]), c.messages = O.value;
-  }
-  function Ra(t) {
-    return L.value[t] || {};
-  }
-  function Pa(t, l) {
-    L.value[t] = l, c.datetimeFormats = L.value, Xe(c, t, l);
-  }
-  function Fa(t, l) {
-    L.value[t] = M(L.value[t] || {}, l), c.datetimeFormats = L.value, Xe(c, t, l);
-  }
-  function pa(t) {
-    return d.value[t] || {};
-  }
-  function Aa(t, l) {
-    d.value[t] = l, c.numberFormats = d.value, Je(c, t, l);
-  }
-  function Ca(t, l) {
-    d.value[t] = M(d.value[t] || {}, l), c.numberFormats = d.value, Je(c, t, l);
-  }
-  sa++, r && Be && (ta(r.locale, (t) => {
-    f && (m.value = t, c.locale = t, Z(c, m.value, g.value));
-  }), ta(r.fallbackLocale, (t) => {
-    f && (g.value = t, c.fallbackLocale = t, Z(c, m.value, g.value));
-  }));
-  const b = {
-    id: sa,
-    locale: ie,
-    fallbackLocale: ce,
-    get inheritLocale() {
-      return f;
-    },
-    set inheritLocale(t) {
-      f = t, t && r && (m.value = r.locale.value, g.value = r.fallbackLocale.value, Z(c, m.value, g.value));
-    },
-    get availableLocales() {
-      return Object.keys(O.value).sort();
-    },
-    messages: _e,
-    get modifiers() {
-      return ae;
-    },
-    get pluralRules() {
-      return j || {};
-    },
-    get isGlobal() {
-      return o;
-    },
-    get missingWarn() {
-      return C;
-    },
-    set missingWarn(t) {
-      C = t, c.missingWarn = C;
-    },
-    get fallbackWarn() {
-      return F;
-    },
-    set fallbackWarn(t) {
-      F = t, c.fallbackWarn = F;
-    },
-    get fallbackRoot() {
-      return G;
-    },
-    set fallbackRoot(t) {
-      G = t;
-    },
-    get fallbackFormat() {
-      return B;
-    },
-    set fallbackFormat(t) {
-      B = t, c.fallbackFormat = B;
-    },
-    get warnHtmlMessage() {
-      return z;
-    },
-    set warnHtmlMessage(t) {
-      z = t, c.warnHtmlMessage = t;
-    },
-    get escapeParameter() {
-      return Q;
-    },
-    set escapeParameter(t) {
-      Q = t, c.escapeParameter = t;
-    },
-    t: te,
-    getLocaleMessage: He,
-    setLocaleMessage: ba,
-    mergeLocaleMessage: da,
-    getPostTranslationHandler: fe,
-    setPostTranslationHandler: Ee,
-    getMissingHandler: ve,
-    setMissingHandler: ge,
-    [ct]: Fe
-  };
-  return b.datetimeFormats = me, b.numberFormats = h, b.rt = Ne, b.te = s, b.tm = Ia, b.d = Te, b.n = Le, b.getDateTimeFormat = Ra, b.setDateTimeFormat = Pa, b.mergeDateTimeFormat = Fa, b.getNumberFormat = pa, b.setNumberFormat = Aa, b.mergeNumberFormat = Ca, b[Oa] = n, b[Ae] = de, b[Ce] = Pe, b[ke] = Re, process.env.NODE_ENV !== "production" && (b[De] = (t) => {
-    c.__v_emitter = t;
-  }, b[Me] = () => {
-    c.__v_emitter = void 0;
-  }), b;
-}
-const We = {
-  tag: {
-    type: [String, Object]
-  },
-  locale: {
-    type: String
-  },
-  scope: {
-    type: String,
-    // NOTE: avoid https://github.com/microsoft/rushstack/issues/1050
-    validator: (e) => e === "parent" || e === "global",
-    default: "parent"
-    /* ComponentI18nScope */
-  },
-  i18n: {
-    type: Object
-  }
-};
-function vt({ slots: e }, u) {
-  return u.length === 1 && u[0] === "default" ? (e.default ? e.default() : []).reduce((n, o) => [
-    ...n,
-    // prettier-ignore
-    ...o.type === Ea ? o.children : [o]
-  ], []) : u.reduce((r, n) => {
-    const o = e[n];
-    return o && (r[n] = o()), r;
-  }, {});
-}
-function Ta(e) {
-  return Ea;
-}
-M({
-  keypath: {
-    type: String,
-    required: !0
-  },
-  plural: {
-    type: [Number, String],
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    validator: (e) => pe(e) || !isNaN(e)
-  }
-}, We);
-function gt(e) {
-  return V(e) && !T(e[0]);
-}
-function La(e, u, r, n) {
-  const { slots: o, attrs: a } = u;
-  return () => {
-    const i = { part: !0 };
-    let _ = {};
-    e.locale && (i.locale = e.locale), T(e.format) ? i.key = e.format : k(e.format) && (T(e.format.key) && (i.key = e.format.key), _ = Object.keys(e.format).reduce((L, d) => r.includes(d) ? M({}, L, { [d]: e.format[d] }) : L, {}));
-    const f = n(e.value, i, _);
-    let m = [i.key];
-    V(f) ? m = f.map((L, d) => {
-      const C = o[L.type], F = C ? C({ [L.type]: L.value, index: d, parts: f }) : [L.value];
-      return gt(F) && (F[0].key = `${L.type}-${d}`), F;
-    }) : T(f) && (m = [f]);
-    const g = M({}, a), O = T(e.tag) || k(e.tag) ? e.tag : Ta();
-    return ma(O, g, m);
-  };
-}
-M({
-  value: {
-    type: Number,
-    required: !0
-  },
-  format: {
-    type: [String, Object]
-  }
-}, We);
-M({
-  value: {
-    type: [Number, Date],
-    required: !0
-  },
-  format: {
-    type: [String, Object]
-  }
-}, We);
-function oa(e, u) {
-}
-const Ot = /* @__PURE__ */ U("global-vue-i18n");
-function we(e = {}) {
-  const u = Ue();
-  if (u == null)
-    throw w(N.MUST_BE_CALL_SETUP_TOP);
-  if (!u.isCE && u.appContext.app != null && !u.appContext.app.__VUE_I18N_SYMBOL__)
-    throw w(N.NOT_INSTALLED);
-  const r = Nt(u), n = Lt(r), o = Na(u), a = Tt(e, o);
-  if (__VUE_I18N_LEGACY_API__ && r.mode === "legacy" && !e.__useComponent) {
-    if (!r.allowComposition)
-      throw w(N.NOT_AVAILABLE_IN_LEGACY_MODE);
-    return Rt(u, a, n, e);
-  }
-  if (a === "global")
-    return _t(n, e, o), n;
-  if (a === "parent") {
-    let f = It(r, u, e.__useComponent);
-    return f == null && (process.env.NODE_ENV !== "production" && ye(ue(P.NOT_FOUND_PARENT_SCOPE)), f = n), f;
-  }
-  const i = r;
-  let _ = i.__getInstance(u);
-  if (_ == null) {
-    const f = M({}, e);
-    "__i18n" in o && (f.__i18n = o.__i18n), n && (f.__root = n), _ = Et(f), i.__composerExtend && (_[Se] = i.__composerExtend(_)), dt(i, u, _), i.__setInstance(u, _);
-  }
-  return _;
-}
-function Nt(e) {
-  {
-    const u = Za(e.isCE ? Ot : e.appContext.app.__VUE_I18N_SYMBOL__);
-    if (!u)
-      throw w(e.isCE ? N.NOT_INSTALLED_WITH_PROVIDE : N.UNEXPECTED_ERROR);
-    return u;
-  }
-}
-function Tt(e, u) {
-  return Da(e) ? "__i18n" in u ? "local" : "global" : e.useScope ? e.useScope : "local";
-}
-function Lt(e) {
-  return e.mode === "composition" ? e.global : e.global.__composer;
-}
-function It(e, u, r = !1) {
-  let n = null;
-  const o = u.root;
-  let a = bt(u, r);
-  for (; a != null; ) {
-    const i = e;
-    if (e.mode === "composition")
-      n = i.__getInstance(a);
-    else if (__VUE_I18N_LEGACY_API__) {
-      const _ = i.__getInstance(a);
-      _ != null && (n = _.__composer, r && n && !n[Oa] && (n = null));
-    }
-    if (n != null || o === a)
-      break;
-    a = a.parent;
-  }
-  return n;
-}
-function bt(e, u = !1) {
-  return e == null ? null : u && e.vnode.ctx || e.parent;
-}
-function dt(e, u, r) {
-  let n = null;
-  et(() => {
-    if (process.env.NODE_ENV !== "production" && u.vnode.el) {
-      u.vnode.el.__VUE_I18N__ = r, n = ya();
-      const o = r;
-      o[De] && o[De](n), n.on("*", oa);
-    }
-  }, u), at(() => {
-    const o = r;
-    process.env.NODE_ENV !== "production" && u.vnode.el && u.vnode.el.__VUE_I18N__ && (n && n.off("*", oa), o[Me] && o[Me](), delete u.vnode.el.__VUE_I18N__), e.__deleteInstance(u);
-    const a = o[Se];
-    a && (a(), delete o[Se]);
-  }, u);
-}
-function Rt(e, u, r, n = {}) {
-  const o = u === "local", a = fa(null);
-  if (o && e.proxy && !(e.proxy.$options.i18n || e.proxy.$options.__i18n))
-    throw w(N.MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION);
-  const i = p(n.inheritLocale) ? n.inheritLocale : !T(n.locale), _ = $(
-    // prettier-ignore
-    !o || i ? r.locale.value : T(n.locale) ? n.locale : ca
-  ), f = $(
-    // prettier-ignore
-    !o || i ? r.fallbackLocale.value : T(n.fallbackLocale) || V(n.fallbackLocale) || A(n.fallbackLocale) || n.fallbackLocale === !1 ? n.fallbackLocale : _.value
-  ), m = $(he(_.value, n)), g = $(A(n.datetimeFormats) ? n.datetimeFormats : { [_.value]: {} }), O = $(A(n.numberFormats) ? n.numberFormats : { [_.value]: {} }), L = o ? r.missingWarn : p(n.missingWarn) || re(n.missingWarn) ? n.missingWarn : !0, d = o ? r.fallbackWarn : p(n.fallbackWarn) || re(n.fallbackWarn) ? n.fallbackWarn : !0, C = o ? r.fallbackRoot : p(n.fallbackRoot) ? n.fallbackRoot : !0, F = !!n.fallbackFormat, G = K(n.missing) ? n.missing : null, B = K(n.postTranslation) ? n.postTranslation : null, q = o ? r.warnHtmlMessage : p(n.warnHtmlMessage) ? n.warnHtmlMessage : !0, x = !!n.escapeParameter, H = o ? r.modifiers : A(n.modifiers) ? n.modifiers : {}, z = n.pluralRules || o && r.pluralRules;
-  function Q() {
-    return [
-      _.value,
-      f.value,
-      m.value,
-      g.value,
-      O.value
-    ];
-  }
-  const ae = D({
-    get: () => a.value ? a.value.locale.value : _.value,
-    set: (s) => {
-      a.value && (a.value.locale.value = s), _.value = s;
-    }
-  }), j = D({
-    get: () => a.value ? a.value.fallbackLocale.value : f.value,
-    set: (s) => {
-      a.value && (a.value.fallbackLocale.value = s), f.value = s;
-    }
-  }), c = D(() => a.value ? a.value.messages.value : m.value), Ge = D(() => g.value), oe = D(() => O.value);
-  function ie() {
-    return a.value ? a.value.getPostTranslationHandler() : B;
-  }
-  function ce(s) {
-    a.value && a.value.setPostTranslationHandler(s);
-  }
-  function _e() {
-    return a.value ? a.value.getMissingHandler() : G;
-  }
-  function me(s) {
-    a.value && a.value.setMissingHandler(s);
-  }
-  function h(s) {
-    return Q(), s();
-  }
-  function fe(...s) {
-    return a.value ? h(() => Reflect.apply(a.value.t, null, [...s])) : h(() => "");
-  }
-  function Ee(...s) {
-    return a.value ? Reflect.apply(a.value.rt, null, [...s]) : "";
-  }
-  function ve(...s) {
-    return a.value ? h(() => Reflect.apply(a.value.d, null, [...s])) : h(() => "");
-  }
-  function ge(...s) {
-    return a.value ? h(() => Reflect.apply(a.value.n, null, [...s])) : h(() => "");
-  }
-  function Oe(s) {
-    return a.value ? a.value.tm(s) : {};
-  }
-  function S(s, v) {
-    return a.value ? a.value.te(s, v) : !1;
-  }
-  function te(s) {
-    return a.value ? a.value.getLocaleMessage(s) : {};
-  }
-  function Ne(s, v) {
-    a.value && (a.value.setLocaleMessage(s, v), m.value[s] = v);
-  }
-  function Te(s, v) {
-    a.value && a.value.mergeLocaleMessage(s, v);
-  }
-  function Le(s) {
-    return a.value ? a.value.getDateTimeFormat(s) : {};
-  }
-  function Ie(s, v) {
-    a.value && (a.value.setDateTimeFormat(s, v), g.value[s] = v);
-  }
-  function xe(s, v) {
-    a.value && a.value.mergeDateTimeFormat(s, v);
-  }
-  function be(s) {
-    return a.value ? a.value.getNumberFormat(s) : {};
-  }
-  function de(s, v) {
-    a.value && (a.value.setNumberFormat(s, v), O.value[s] = v);
-  }
-  function Re(s, v) {
-    a.value && a.value.mergeNumberFormat(s, v);
-  }
-  const Pe = {
-    get id() {
-      return a.value ? a.value.id : -1;
-    },
-    locale: ae,
-    fallbackLocale: j,
-    messages: c,
-    datetimeFormats: Ge,
-    numberFormats: oe,
-    get inheritLocale() {
-      return a.value ? a.value.inheritLocale : i;
-    },
-    set inheritLocale(s) {
-      a.value && (a.value.inheritLocale = s);
-    },
-    get availableLocales() {
-      return a.value ? a.value.availableLocales : Object.keys(m.value);
-    },
-    get modifiers() {
-      return a.value ? a.value.modifiers : H;
-    },
-    get pluralRules() {
-      return a.value ? a.value.pluralRules : z;
-    },
-    get isGlobal() {
-      return a.value ? a.value.isGlobal : !1;
-    },
-    get missingWarn() {
-      return a.value ? a.value.missingWarn : L;
-    },
-    set missingWarn(s) {
-      a.value && (a.value.missingWarn = s);
-    },
-    get fallbackWarn() {
-      return a.value ? a.value.fallbackWarn : d;
-    },
-    set fallbackWarn(s) {
-      a.value && (a.value.missingWarn = s);
-    },
-    get fallbackRoot() {
-      return a.value ? a.value.fallbackRoot : C;
-    },
-    set fallbackRoot(s) {
-      a.value && (a.value.fallbackRoot = s);
-    },
-    get fallbackFormat() {
-      return a.value ? a.value.fallbackFormat : F;
-    },
-    set fallbackFormat(s) {
-      a.value && (a.value.fallbackFormat = s);
-    },
-    get warnHtmlMessage() {
-      return a.value ? a.value.warnHtmlMessage : q;
-    },
-    set warnHtmlMessage(s) {
-      a.value && (a.value.warnHtmlMessage = s);
-    },
-    get escapeParameter() {
-      return a.value ? a.value.escapeParameter : x;
-    },
-    set escapeParameter(s) {
-      a.value && (a.value.escapeParameter = s);
-    },
-    t: fe,
-    getPostTranslationHandler: ie,
-    setPostTranslationHandler: ce,
-    getMissingHandler: _e,
-    setMissingHandler: me,
-    rt: Ee,
-    d: ve,
-    n: ge,
-    tm: Oe,
-    te: S,
-    getLocaleMessage: te,
-    setLocaleMessage: Ne,
-    mergeLocaleMessage: Te,
-    getDateTimeFormat: Le,
-    setDateTimeFormat: Ie,
-    mergeDateTimeFormat: xe,
-    getNumberFormat: be,
-    setNumberFormat: de,
-    mergeNumberFormat: Re
-  };
-  function Fe(s) {
-    s.locale.value = _.value, s.fallbackLocale.value = f.value, Object.keys(m.value).forEach((v) => {
-      s.mergeLocaleMessage(v, m.value[v]);
-    }), Object.keys(g.value).forEach((v) => {
-      s.mergeDateTimeFormat(v, g.value[v]);
-    }), Object.keys(O.value).forEach((v) => {
-      s.mergeNumberFormat(v, O.value[v]);
-    }), s.escapeParameter = x, s.fallbackFormat = F, s.fallbackRoot = C, s.fallbackWarn = d, s.missingWarn = L, s.warnHtmlMessage = q;
-  }
-  return tt(() => {
-    if (e.proxy == null || e.proxy.$i18n == null)
-      throw w(N.NOT_AVAILABLE_COMPOSITION_IN_LEGACY);
-    const s = a.value = e.proxy.$i18n.__composer;
-    u === "global" ? (_.value = s.locale.value, f.value = s.fallbackLocale.value, m.value = s.messages.value, g.value = s.datetimeFormats.value, O.value = s.numberFormats.value) : o && Fe(s);
-  }), Pe;
-}
-ut();
-__INTLIFY_JIT_COMPILATION__ ? je(Ga) : je(xa);
-Va(Ha);
-Ua(_a);
-if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
-  const e = J();
-  e.__INTLIFY__ = !0, ha(e.__INTLIFY_DEVTOOLS_GLOBAL_HOOK__);
-}
-process.env.NODE_ENV;
+    };
+    return (() => {
+      t.autoplay && g();
+    })(), T(() => {
+      y(e.value, e.value);
+    }), A(() => {
+      clearInterval(d);
+    }), E(U.Carousel, a), (s, l) => (u(), i("div", j, [
+      r("div", q, [
+        F(s.$slots, "default", {}, void 0, !0)
+      ]),
+      t.navigation ? (u(), i(k, { key: 0 }, [
+        N.value ? (u(), i("div", {
+          key: 0,
+          class: "carousel-navigation--left",
+          onClick: S
+        }, G)) : h("", !0),
+        b.value ? (u(), i("div", {
+          key: 1,
+          class: "carousel-navigation--right",
+          onClick: w
+        }, J)) : h("", !0)
+      ], 64)) : h("", !0),
+      t.pagination ? (u(), i("div", Q, [
+        (u(!0), i(k, null, $(o.value, (m, c) => (u(), i("span", {
+          key: c,
+          class: K({
+            "ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t": c === e.value
+          }),
+          onClick: (C) => P(c)
+        }, null, 10, W))), 128))
+      ])) : h("", !0)
+    ]));
+  }
+});
 export {
-  Ot as I18nInjectionKey,
-  st as VERSION,
-  we as useI18n
+  x as default
 };
 //# sourceMappingURL=design-system52.mjs.map