@wikicasa-dev/components 2.1.2 → 2.1.3

package/dist/{chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CUgJNst9.js → packages/components/lib/UIKit/Tab/BaseTabView.vue.js}

@@ -1,6 +1,6 @@
-import { defineComponent as S, mergeModels as C, useModel as z, ref as b, useId as j, useSlots as q, computed as G, provide as v, watch as k, createElementBlock as p, openBlock as i, normalizeClass as I, createElementVNode as H, createBlock as d, createCommentVNode as o, unref as f, toDisplayString as J, Fragment as _, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
-import { _ as R } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.CVJUssBq.js";
-import { _ as g } from "./BaseTabList.vue_vue_type_script_setup_true_lang.CHOGs5d-.js";
+import { defineComponent as S, mergeModels as C, useModel as z, ref as b, useId as j, useSlots as q, computed as G, provide as v, watch as k, createElementBlock as p, openBlock as l, normalizeClass as I, createElementVNode as H, createBlock as d, createCommentVNode as o, unref as f, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
+import R from "./BaseTabPanel.vue.js";
+import P from "./BaseTabList.vue.js";
 const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "BaseTabView",
@@ -14,8 +14,8 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
     activeIdxModifiers: {}
   }),
   emits: /* @__PURE__ */ C(["tabClicked"], ["update:activeIdx"]),
-  setup(P, { emit: x }) {
-    const B = x, l = z(P, "activeIdx"), $ = b(""), u = b(null), A = b(null), r = j(), m = q(), c = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", y = (e, a) => ({
+  setup(_, { emit: x }) {
+    const B = x, i = z(_, "activeIdx"), $ = b(""), u = b(null), A = b(null), r = j(), m = q(), c = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", y = (e, a) => ({
       renderFn: e,
       tabId: T(a),
       "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? a,
@@ -26,13 +26,13 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
     }), n = G(() => m.default ? m.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
       h(t) && e.push(y(t, e.length));
     }) : h(a) && e.push(y(a, e.length)), e), []) : []);
-    v("tabs", n), v("isTabActive", (e) => l.value === e);
+    v("tabs", n), v("isTabActive", (e) => i.value === e);
     const F = (e = -1) => u.value === e, T = (e) => `base-tab-${e}-${r}`, V = (e = -1) => `base-tab-panel-${e}-${r}`, w = (e = -1) => {
       const a = n.value.reduce(
         (t, s, N) => (s["active-tab-panel-idx"] !== e || t.push({ tab: s, idx: N }), t),
         []
       );
-      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === l.value)?.tab.tabId;
+      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === i.value)?.tab.tabId;
     }, D = (e) => {
       $.value = T(e);
     }, L = (e) => {
@@ -40,9 +40,9 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
       u.value = a?.["active-tab-panel-idx"] ?? null;
     };
     v("handleClick", (e, a) => {
-      D(e), l.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
+      D(e), i.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
     }), k(
-      l,
+      i,
       (e) => {
         L(e ?? -1);
       },
@@ -61,9 +61,9 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
         const t = E(e, a);
         if (t === null) return;
         const s = n.value[t]["active-tab-panel-idx"];
-        l.value !== t || s === void 0 || (u.value = s);
+        i.value !== t || s === void 0 || (u.value = s);
       }
-    ), (e, a) => (i(), p("div", {
+    ), (e, a) => (l(), p("div", {
       ref_key: "root",
       ref: A,
       class: I(e.$attrs.class),
@@ -73,13 +73,13 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
         id: `tablist-${f(r)}`,
         class: "uikit-sr-only"
       }, J(e.tabViewDescription), 9, W),
-      e.tabsPosition === "top" ? (i(), d(g, {
+      e.tabsPosition === "top" ? (l(), d(P, {
         key: 0,
         uid: f(r),
         "tab-list-classes": e.tabListClasses
       }, null, 8, ["uid", "tab-list-classes"])) : o("", !0),
-      (i(!0), p(_, null, K(n.value, (t, s) => (i(), p(_, { key: s }, [
-        M(s) ? (i(), d(R, {
+      (l(!0), p(g, null, K(n.value, (t, s) => (l(), p(g, { key: s }, [
+        M(s) ? (l(), d(R, {
           key: 0,
           id: V(t["active-tab-panel-idx"]),
           "labelled-by": w(s) ?? "",
@@ -87,12 +87,12 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
           class: I(t["tab-panel-classes"])
         }, {
           default: O(() => [
-            t.renderFn.children && t.renderFn.children.default ? (i(), d(Q(t.renderFn.children.default), { key: 0 })) : o("", !0)
+            t.renderFn.children && t.renderFn.children.default ? (l(), d(Q(t.renderFn.children.default), { key: 0 })) : o("", !0)
           ]),
           _: 2
         }, 1032, ["id", "labelled-by", "active", "class"])) : o("", !0)
       ], 64))), 128)),
-      e.tabsPosition === "bottom" ? (i(), d(g, {
+      e.tabsPosition === "bottom" ? (l(), d(P, {
         key: 1,
         uid: f(r),
         "tab-list-classes": e.tabListClasses
@@ -101,5 +101,5 @@ const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
   }
 });
 export {
-  te as _
+  te as default
 };

package/dist/packages/components/lib/chart/DoughnutChart.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as u, onBeforeMount as i, createBlock as p, createCommentVNode as m, unref as t, openBlock as c } from "vue";
+import { Doughnut as l } from "vue-chartjs";
+import { Chart as d, DoughnutController as f, ArcElement as g } from "chart.js";
+import { useChartJsModules as h } from "../../../../chart/composables/useChartjsModules.js";
+const y = /* @__PURE__ */ u({
+  __name: "DoughnutChart",
+  props: {
+    options: {},
+    data: {}
+  },
+  setup(e) {
+    d.register(f, g);
+    const r = e, { registerPlugins: n, resolved: a, executeRegistration: s } = h(
+      r.options
+    );
+    return i(async () => {
+      await s(n);
+    }), (o, C) => t(a) ? (c(), p(t(l), {
+      key: 0,
+      options: o.options,
+      data: o.data
+    }, null, 8, ["options", "data"])) : m("", !0);
+  }
+});
+export {
+  y as default
+};

package/dist/{chunks/LineChart.vue_vue_type_script_setup_true_lang.ByrHxeZr.js → packages/components/lib/chart/LineChart.vue.js}

@@ -1,7 +1,7 @@
 import { defineComponent as m, onBeforeMount as u, useTemplateRef as f, computed as d, createBlock as h, createCommentVNode as C, unref as t, openBlock as g } from "vue";
 import { Line as L } from "vue-chartjs";
 import { Chart as _, LineController as k, LineElement as x, Filler as y, PointElement as B, CategoryScale as E, LinearScale as v } from "chart.js";
-import { useChartJsModules as M } from "../chart/composables/useChartjsModules.js";
+import { useChartJsModules as M } from "../../../../chart/composables/useChartjsModules.js";
 const A = /* @__PURE__ */ m({
   __name: "LineChart",
   props: {
@@ -38,5 +38,5 @@ const A = /* @__PURE__ */ m({
   }
 });
 export {
-  A as _
+  A as default
 };

package/dist/{chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.DC17cx-h.js → packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js}

@@ -1,5 +1,5 @@
-import { defineComponent as t, ref as n, onMounted as a, createElementBlock as i, renderSlot as s, openBlock as u, normalizeClass as f } from "vue";
-const b = /* @__PURE__ */ t({
+import { defineComponent as t, ref as n, onMounted as a, createElementBlock as u, renderSlot as s, openBlock as f, normalizeClass as i } from "vue";
+const d = /* @__PURE__ */ t({
   __name: "IntersectionObservable",
   props: {
     observer: { default: null },
@@ -9,16 +9,16 @@ const b = /* @__PURE__ */ t({
     const r = l, o = n(null);
     return a(() => {
       !r.observer || !o.value || r.observer.observe(o.value);
-    }), (e, p) => e.isVisible ? s(e.$slots, "default", { key: 1 }) : (u(), i("div", {
+    }), (e, p) => e.isVisible ? s(e.$slots, "default", { key: 1 }) : (f(), u("div", {
       key: 0,
       ref_key: "root",
       ref: o,
-      class: f(e.$attrs["root-classes"])
+      class: i(e.$attrs["root-classes"])
     }, [
       s(e.$slots, "default")
     ], 2));
   }
 });
 export {
-  b as _
+  d as default
 };

package/dist/{chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BKewKDXG.js → packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js}

@@ -1,5 +1,5 @@
-import { defineComponent as p, reactive as d, ref as m, onBeforeMount as h, onBeforeUnmount as V, createElementBlock as k, renderSlot as l, unref as t, openBlock as B, normalizeClass as O } from "vue";
-const _ = /* @__PURE__ */ p({
+import { defineComponent as d, reactive as p, ref as m, onBeforeMount as h, onBeforeUnmount as V, createElementBlock as k, renderSlot as l, unref as t, openBlock as B, normalizeClass as O } from "vue";
+const E = /* @__PURE__ */ d({
   __name: "IntersectionObserver",
   props: {
     observeOnce: { type: Boolean, default: !0 },
@@ -9,7 +9,7 @@ const _ = /* @__PURE__ */ p({
   emits: ["intersection"],
   setup(a, { emit: u }) {
     const c = u, o = a;
-    let r = d({ root: null, isVisible: !1 });
+    let r = p({ root: null, isVisible: !1 });
     const e = m(null), v = (s) => {
       s.forEach(({ target: n, isIntersecting: i }) => {
         i && (r.isVisible = !0, c("intersection")), o.observeOnce && i && b(n);
@@ -48,5 +48,5 @@ const _ = /* @__PURE__ */ p({
   }
 });
 export {
-  _
+  E as default
 };

package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js

@@ -0,0 +1,247 @@
+import { defineComponent as J, reactive as Q, ref as k, useId as U, computed as f, onMounted as X, watch as Y, nextTick as M, createElementBlock as l, openBlock as u, normalizeClass as p, createElementVNode as v, createCommentVNode as y, renderSlot as E, Fragment as P, renderList as F, mergeProps as T, withModifiers as O } from "vue";
+import { Swiper as B } from "swiper";
+import x from "../../../../../node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.js";
+import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/swiper.css';/* empty css                                                                             */
+/* empty css                                                                                   */
+import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
+import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+import "../../../../../_virtual/polyline.js";
+const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], me = /* @__PURE__ */ J({
+  inheritAttrs: !1,
+  __name: "SwiperCarousel",
+  props: {
+    id: {},
+    swiperOptions: {},
+    thumbSwiperOptions: {},
+    lazyLoadImages: { type: Boolean, default: !0 },
+    backgroundImage: { type: Boolean, default: !1 },
+    images: { default: () => [] },
+    artDirection: {},
+    shiftFirstImage: { type: Boolean, default: !1 }
+  },
+  emits: ["moved", "click", "firstSlideLoaded"],
+  setup(s, { expose: D, emit: j }) {
+    const $ = j, r = Q({
+      swiperParams: { modules: [x] },
+      swiper: null,
+      initCarousel: !1
+    }), S = k(), A = k(!1), N = U(), d = f(() => s.id ?? N), g = f(() => s.swiperOptions?.slidesPerView || 1), V = f(() => !!s.swiperOptions?.keyboard), C = f(() => !!s.swiperOptions.navigation), I = f(() => !!s.swiperOptions.pagination), W = f(() => !!s.swiperOptions.autoplay), q = f(
+      () => s.swiperOptions?.effect || "slider"
+    ), K = () => {
+      s.swiperOptions && _(s.swiperOptions, r.swiperParams);
+    }, z = (e, i = -1, t = !1) => {
+      if (!e.images)
+        return { src: e.src || "" };
+      let a = "", o = "", b = "";
+      if (s.artDirection) {
+        for (const n in s.artDirection) {
+          const { mq: c, width: m } = s.artDirection[n];
+          m && (b += b ? `,${c} ${parseInt(m)}px` : `${c} ${parseInt(m)}px`);
+        }
+        o = e.images.reduce((n, c, m) => {
+          const w = Object.values(s.artDirection)[m];
+          return !w || !w.width || (n += n ? `, ${c.storagePath} ${w.width}` : `${c.storagePath} ${w.width}`), n;
+        }, ""), a = e.images[0].storagePath;
+      } else {
+        let n = e.images;
+        e.images.length > 3 ? n = e.images.slice(2, 5) : s.shiftFirstImage && (n[0] = n[1]), o = n.reduce((c, m, w) => (w === 0 && (a = `${m.storagePath}`), w > 0 && (c += ", "), `${c}${m.storagePath} ${w + 1}x`), "");
+      }
+      const G = a, H = o;
+      return typeof g.value == "number" && i > g.value ? (a = "", o = "", { sizes: b, "data-src": G, "data-srcset": H }) : t ? {
+        src: a,
+        srcset: o,
+        sizes: b,
+        loading: "lazy",
+        fetchpriority: "low"
+      } : {
+        src: a,
+        srcset: o,
+        sizes: b,
+        loading: s.lazyLoadImages || i >= g.value ? "lazy" : void 0,
+        fetchpriority: !s.lazyLoadImages && i === 0 ? "high" : "low"
+      };
+    }, h = [], R = (e) => {
+      if (typeof g.value == "string") return;
+      const i = h[e];
+      if (i && !i.src && (i.src = i.dataset.src || "", i.srcset = i.dataset.srcset || ""), e < g.value || e + 1 >= (s.images ?? []).length)
+        return;
+      const t = h[e + 1];
+      t && !t.src && (t.src = t?.dataset.src || "", t.srcset = t?.dataset.srcset || "");
+    };
+    D({
+      moveTo(e, i = 0, t = !0) {
+        r.swiper?.slideTo(e, i, t);
+      }
+    });
+    const L = k(null), Z = (e) => {
+      e === 0 && h && h[e] && M(() => {
+        L.value?.setAttribute("data-first-slide-loaded", "true"), $("firstSlideLoaded");
+      });
+    };
+    return X(async () => {
+      if (K(), V.value) {
+        const { Keyboard: t } = await import("../../../lazyModules/Swiper/keyboard.js");
+        r.swiperParams.modules?.push(t), r.swiperParams.keyboard = s.swiperOptions.keyboard;
+      }
+      if (I.value) {
+        const { Pagination: t } = await import("../../../lazyModules/Swiper/pagination.js");
+        r.swiperParams.modules?.push(t), r.swiperParams.pagination = {
+          el: ".swiper-pagination",
+          renderFraction: (a, o) => `<div class="uikit-rounded-xs uikit-border-w-black uikit-border uikit-border-solid uikit-px-3 uikit-bg-white uikit-pt-[3px] uikit-pb-[3px]">
+                    <span data-cy="swiper-pagination-current" class="${a}"></span>
+                    /
+                    <span data-cy="swiper-pagination-total" class="${o}"></span>
+                 </div>`,
+          ...typeof r.swiperParams.pagination == "boolean" ? {} : r.swiperParams.pagination
+        };
+      }
+      if (C.value) {
+        const { Navigation: t } = await import("../../../lazyModules/Swiper/navigation.js");
+        r.swiperParams.modules?.push(t);
+        const a = {
+          ...s.swiperOptions.navigation.nextEl ?? {
+            nextEl: ".swiper-button-next"
+          },
+          ...s.swiperOptions.navigation.prevEl ?? {
+            prevEl: ".swiper-button-prev"
+          }
+        };
+        r.swiperParams.navigation = {
+          ...typeof s.swiperOptions.navigation == "object" ? s.swiperOptions.navigation : {},
+          ...a
+        };
+      }
+      if (W.value) {
+        const { Autoplay: t } = await import("../../../lazyModules/Swiper/autoplay.js");
+        r.swiperParams.modules?.push(t), r.swiperParams.autoplay = s.swiperOptions.autoplay;
+      }
+      const e = {
+        ...r.swiperParams,
+        on: {
+          init: () => {
+            A.value = !0;
+          },
+          slideChange: (t) => {
+            R(t.activeIndex), $("moved", { activeIndex: t.activeIndex });
+          }
+        }
+      };
+      let i = null;
+      if (s.thumbSwiperOptions) {
+        const [t, a, o] = await Promise.all([
+          import("../../../lazyModules/Swiper/thumbs.js"),
+          import("../../../lazyModules/Swiper/free-mode.js"),
+          import("../../../lazyModules/Swiper/controller.js")
+        ]);
+        r.swiperParams.modules?.push(t.Thumbs), r.swiperParams.modules?.push(o.Controller), i = new B(`#thumb_${d.value}`, {
+          ...s.thumbSwiperOptions,
+          modules: [a.FreeMode]
+        }), e.thumbs = {
+          swiper: i
+        };
+      }
+      e.lazyPreloadPrevNext = 1, r.swiper = new B(`#${d.value}`, e), S.value?.classList.remove("uikit-hidden");
+    }), Y(
+      () => s.images,
+      () => {
+        M(() => {
+          r.swiper?.update();
+        });
+      }
+    ), (e, i) => (u(), l("div", {
+      id: `root-${d.value}`,
+      ref_key: "root",
+      ref: L,
+      class: p(["swiper-carousel-root", e.$attrs["root-classes"]])
+    }, [
+      v("div", {
+        id: d.value,
+        "data-cy": e.$attrs["data-cy"],
+        class: p(["swiper", e.$attrs["swiper-classes"]])
+      }, [
+        v("div", {
+          ref_key: "swiperWrapper",
+          ref: S,
+          class: p(["swiper-wrapper", [
+            e.$attrs["swiper-wrapper-classes"],
+            q.value === "none" && "no-transition"
+          ]]),
+          onClick: i[0] || (i[0] = (t) => $("click"))
+        }, [
+          E(e.$slots, "default", {}, () => [
+            (u(!0), l(P, null, F(e.images, (t, a) => (u(), l("div", {
+              key: `swiper_${d.value}_${a}`,
+              class: p(["swiper-slide", e.$attrs["swiper-slide-classes"]])
+            }, [
+              v("div", {
+                class: p(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
+              }, [
+                e.backgroundImage ? y("", !0) : (u(), l("img", T({
+                  key: 0,
+                  ref_for: !0,
+                  ref: (o) => {
+                    h.push(o);
+                  },
+                  class: ["disable-select", [e.$attrs["slide-img-classes"] || t.classes]],
+                  "data-idx": `${d.value}-slide-img-${a}`
+                }, z(t, a), {
+                  alt: t.alt,
+                  itemprop: "image",
+                  width: t.width,
+                  height: t.height,
+                  onLoad: (o) => Z(a)
+                }), null, 16, se))
+              ], 2)
+            ], 2))), 128)),
+            E(e.$slots, "last_slide", {}, void 0, !0)
+          ], !0)
+        ], 2),
+        I.value ? (u(), l("div", {
+          key: 0,
+          class: p([e.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
+          onClick: i[1] || (i[1] = O(() => {
+          }, ["stop"]))
+        }, null, 2)) : y("", !0),
+        C.value ? (u(), l(P, { key: 1 }, [
+          v("div", {
+            class: "swiper-button-prev",
+            "data-cy": "swiper-button-prev",
+            onClick: i[2] || (i[2] = O(() => {
+            }, ["stop"]))
+          }),
+          v("div", {
+            class: "swiper-button-next",
+            "data-cy": "swiper-button-next",
+            onClick: i[3] || (i[3] = O(() => {
+            }, ["stop"]))
+          })
+        ], 64)) : y("", !0)
+      ], 10, te),
+      e.thumbSwiperOptions ? (u(), l("div", {
+        key: 0,
+        id: `thumb_${d.value}`,
+        thumbsSlider: "",
+        class: p(["swiper", e.$attrs["thumb-swiper-classes"]])
+      }, [
+        v("div", {
+          class: p(["swiper-wrapper", e.$attrs["thumb-swiper-wrapper-classes"]])
+        }, [
+          (u(!0), l(P, null, F(e.images, (t, a) => (u(), l("div", {
+            key: `thumb_${d.value}_${a}`,
+            class: p(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
+          }, [
+            v("img", T({
+              class: e.$attrs["thumb-img-classes"],
+              ref_for: !0
+            }, z(t, -1, !1), {
+              alt: t.alt
+            }), null, 16, ae)
+          ], 2))), 128))
+        ], 2)
+      ], 10, ie)) : y("", !0)
+    ], 10, ee));
+  }
+});
+export {
+  me as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/assets/SwiperCarousel.css

@@ -1 +0,0 @@
-@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;inset:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper-pagination-bullet{--swiper-pagination-color: #ccc }.swiper-pagination-bullet-active{--swiper-pagination-color: #fff }.no-transition[data-v-211f4ba3]{transition-duration:0ms!important}.disable-select[data-v-211f4ba3]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-211f4ba3]{pointer-events:auto!important}