@ozdao/prometheus-framework 0.0.94 → 0.0.95

package/dist/Product-dccb371a.mjs

@@ -0,0 +1,838 @@
+import { getCurrentInstance as E, isProxy as J, watch as O, defineComponent as Y, withAsyncContext as Z, openBlock as a, createElementBlock as n, createElementVNode as o, toDisplayString as r, unref as d, Fragment as T, renderList as N, createCommentVNode as l, normalizeClass as M, computed as x, createBlock as I, createVNode as w, ref as C, onMounted as F, withCtx as P, onUnmounted as G, Transition as D, withModifiers as Q, createStaticVNode as U, normalizeStyle as K, reactive as tt } from "vue";
+import { b as q, s as b, _ as et } from "./organizations.client-fa3b0839.mjs";
+import { useRouter as B, useRoute as ot } from "vue-router";
+import { useI18n as V } from "vue-i18n";
+import { C as st, S as it } from "./carousel.es-44c501bc.mjs";
+import { u as at } from "./vuex.esm-bundler-57d8b6ba.mjs";
+import { L as nt } from "./Feed-13499a3a.mjs";
+import { _ as j } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { _ as ct } from "./Popup-e6685f31.mjs";
+import "./auth-cfeacd61.mjs";
+import "./globals-96ba60e4.mjs";
+import "./Breadcrumbs.vue_vue_type_style_index_0_lang-97217d38.mjs";
+import "./Tab-a243605d.mjs";
+import "./inputs.validation-14e8e01f.mjs";
+import "./ButtonFollow-6765c266.mjs";
+import "./Feed-345d8513.mjs";
+import "./EmptyState-34d85f10.mjs";
+import "./Chips-f0b7ce36.mjs";
+import "./PlaceholderUserpic-14c6ea7e.mjs";
+import "./IconEdit-f0ad8b9a.mjs";
+import "./CardOrganization-c2e7e903.mjs";
+import "./organizations-8ffdf84d.mjs";
+import "./UploadImage-8835be69.mjs";
+import "./Publics-cbb8eaaa.mjs";
+/**
+ * vue-meta v3.0.0-alpha.10
+ * (c) 2022
+ * - Pim (@pimlie)
+ * - All the amazing contributors
+ * @license MIT
+ */
+const rt = (t) => t !== null && typeof t == "object";
+function R(t, e, s) {
+  for (const i in e)
+    i in s ? rt(t[i]) ? R(t[i], e[i], s[i]) : e[i] !== s[i] && (t[i] = e[i]) : t[i] = e[i];
+  for (const i in s)
+    e && i in e || delete t[i];
+}
+function X(t) {
+  if (t || (t = E() || void 0), t)
+    return t.appContext.config.globalProperties.$metaManager;
+}
+function lt(t, e) {
+  const s = E() || void 0;
+  if (!e && s && (e = X(s)), !e)
+    throw new Error("No manager or current instance");
+  J(t) && (O(t, (c, u) => {
+    R(i.meta, c, u);
+  }), t = t.value);
+  const i = e.addMeta(t, s);
+  return i;
+}
+Y({ name: "Metainfo", inheritAttrs: !1, setup: (t, { slots: e }) => () => {
+  const s = X();
+  if (s)
+    return s.render({ slots: e });
+} });
+const ut = { class: "pd-t-zero pd-thin" }, dt = { class: "bg-black t-white radius-big footer" }, mt = {
+  id: "top-footer",
+  class: "cols-3 section"
+}, ht = {
+  href: "mailto:hello@weeder.delivery",
+  class: "w-100 radius-small contact col"
+}, pt = { class: "t-transp" }, ft = { class: "h4 mn-small" }, gt = /* @__PURE__ */ o("div", { class: "store-buttons" }, null, -1), _t = {
+  href: "https://t.me/weeder_support",
+  target: "_blank",
+  class: "w-100 radius-small contact col"
+}, vt = { class: "h4 mn-small" }, Ct = /* @__PURE__ */ o("div", { class: "socials flex-nojustify flex" }, [
+  /* @__PURE__ */ o("a", {
+    class: "mn-r-small",
+    href: "https://t.me/weederdelivery",
+    target: "_blank"
+  }),
+  /* @__PURE__ */ o("a", {
+    class: "mn-r-small",
+    href: "https://t.me/weederdelivery",
+    target: "_blank"
+  }),
+  /* @__PURE__ */ o("a", {
+    class: "mn-r-small",
+    href: "https://t.me/weederdelivery",
+    target: "_blank"
+  })
+], -1), wt = { class: "cols-3 section" }, yt = { class: "lh-semi nav-footer col" }, $t = { class: "mn-small t-semi h5" }, bt = { class: "mn-medium ol" }, xt = ["innerHTML"], kt = /* @__PURE__ */ o("a", {
+  href: "https://ozdao.dev",
+  target: "_blank"
+}, null, -1), St = { class: "lh-semi nav-footer col" }, Lt = { class: "mn-small t-semi h5" }, Mt = { class: "lh-semi col" }, It = { class: "mn-small t-semi h5" }, Pt = /* @__PURE__ */ o("div", { class: "mn-medium" }, [
+  /* @__PURE__ */ o("li", null, "Phuket,"),
+  /* @__PURE__ */ o("li", null, "43 283 Soi Boathouse,"),
+  /* @__PURE__ */ o("li", null, "Rawai")
+], -1), Vt = { class: "pd-small t-center br-top-dark copyright" }, At = {
+  __name: "Footer",
+  async setup(t) {
+    let e, s;
+    B(), [e, s] = Z(() => q.fetchCategories()), await e, s();
+    const i = {
+      locale: "en",
+      messages: {
+        en: {
+          store: "Online Store",
+          information: "Information",
+          description: "Weeder Delivery stocks a wide range of quality!",
+          app: "Get Our App",
+          adress: "Adress",
+          support: "Get Online Support",
+          socials: "Find Us in Socials",
+          email: "Contact by email",
+          // request: 'hello@weeder.delivery',
+          time: "24 / 7 Seven days a week",
+          copyright: "2022 © Weeder Delivery. Proudly created with OZ DAO.",
+          pages: [],
+          categories: []
+        },
+        ru: {
+          store: "Онлайн Каталог",
+          information: "Информация",
+          description: "Weeder Delivery предлагает широкий ассортимент качественных!",
+          app: "Скачайте Наше Приложение",
+          adress: "Адрес",
+          support: "Онлайн Поддержка",
+          socials: "Найдите Нас в Социальных Сетях",
+          email: "Связаться по email",
+          // request: 'hello@weeder.delivery',
+          time: "24 / 7 без перерывов",
+          copyright: "2022 © Weeder Delivery. С гордостью создано OZ DAO.",
+          pages: [],
+          categories: []
+        }
+      }
+    };
+    b.all.forEach((u) => {
+      u.localization.forEach((g) => {
+        i.messages[g.locale].categories.push(g.text);
+      });
+    });
+    const { t: c } = V(i);
+    return (u, g) => (a(), n("div", ut, [
+      o("footer", dt, [
+        o("div", mt, [
+          o("a", ht, [
+            o("p", pt, r(d(c)("description")), 1)
+          ]),
+          o("div", {
+            onClick: g[0] || (g[0] = (p) => this.$router.push({ name: "Home" })),
+            class: "flex-v-center flex logo-link col"
+          }, [
+            o("p", ft, r(d(c)("app")), 1),
+            gt
+          ]),
+          o("a", _t, [
+            o("p", vt, r(d(c)("socials")), 1),
+            Ct
+          ])
+        ]),
+        o("div", wt, [
+          o("ul", yt, [
+            o("li", $t, r(d(c)("store")), 1),
+            o("div", bt, [
+              (a(!0), n(T, null, N(b.all, (p, h) => (a(), n("li", null, [
+                o("span", {
+                  innerHTML: d(c)("categories[" + h + "]")
+                }, null, 8, xt)
+              ]))), 256))
+            ]),
+            kt
+          ]),
+          o("ul", St, [
+            o("li", Lt, r(d(c)("information")), 1)
+          ]),
+          o("ul", Mt, [
+            o("li", It, r(d(c)("email")), 1),
+            Pt
+          ])
+        ]),
+        o("p", Vt, r(d(c)("copyright")), 1)
+      ])
+    ]));
+  }
+}, zt = {
+  key: 0,
+  class: "thc"
+}, Tt = { class: "t-bold t-white" }, Nt = /* @__PURE__ */ o("p", { class: "t-white h6" }, "THC", -1), Ht = {
+  key: 0,
+  width: "60",
+  height: "66",
+  viewBox: "0 0 60 66",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ot = /* @__PURE__ */ o("path", {
+  fill: "#FF0000",
+  stroke: "white",
+  "stroke-width": "3",
+  d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
+}, null, -1), Zt = [
+  Ot
+], Ft = {
+  key: 1,
+  width: "60",
+  height: "66",
+  viewBox: "0 0 60 66",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, qt = /* @__PURE__ */ o("path", {
+  fill: "#FF0099",
+  stroke: "white",
+  "stroke-width": "3",
+  d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
+}, null, -1), Bt = [
+  qt
+], jt = {
+  key: 2,
+  width: "60",
+  height: "66",
+  viewBox: "0 0 60 66",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Dt = /* @__PURE__ */ o("path", {
+  fill: "#EB00FF",
+  stroke: "white",
+  "stroke-width": "3",
+  d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
+}, null, -1), Et = [
+  Dt
+], Rt = {
+  key: 3,
+  width: "60",
+  height: "66",
+  viewBox: "0 0 60 66",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Xt = /* @__PURE__ */ o("path", {
+  fill: "#00FF29",
+  stroke: "white",
+  "stroke-width": "3",
+  d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
+}, null, -1), Wt = [
+  Xt
+], Jt = {
+  __name: "THC",
+  props: {
+    product: Object
+  },
+  setup(t) {
+    return (e, s) => t.product.information[1] ? (a(), n("div", zt, [
+      o("p", Tt, r(t.product.information[1].value) + " %", 1),
+      Nt,
+      Number(t.product.information[1].value) >= 18 ? (a(), n("svg", Ht, Zt)) : l("", !0),
+      Number(t.product.information[1].value) <= 18 && Number(t.product.information[1].value) >= 14 ? (a(), n("svg", Ft, Bt)) : l("", !0),
+      Number(t.product.information[1].value) <= 14 && Number(t.product.information[1].value) >= 10 ? (a(), n("svg", jt, Et)) : l("", !0),
+      Number(t.product.information[1].value) <= 10 ? (a(), n("svg", Rt, Wt)) : l("", !0)
+    ])) : l("", !0);
+  }
+}, Yt = { class: "price-tag radius-small" }, Gt = {
+  key: 0,
+  class: "t-transp t-main p-medium line-through price"
+}, W = {
+  __name: "Price",
+  props: {
+    product: Object,
+    size: String
+  },
+  setup(t) {
+    return (e, s) => (a(), n("div", Yt, [
+      o("p", {
+        class: M(
+          {
+            "t-main": t.product.sale,
+            h4: !t.size,
+            "h5 t-semi pd-thin": t.size === "small",
+            "h3 t-semi pd-small": t.size === "big"
+          }
+        )
+      }, r(t.product.price) + " " + r(e.returnCurrency()), 3),
+      t.product.sale ? (a(), n("p", Gt, r(t.product.price / 100 * (100 + t.product.sale)) + " " + r(e.returnCurrency()), 1)) : l("", !0)
+    ]));
+  }
+}, Qt = ["src"], Ut = {
+  key: 1,
+  class: "h-100 w-100",
+  style: { "object-fit": "cover" },
+  width: "524",
+  height: "345",
+  viewBox: "0 0 524 345",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Kt = /* @__PURE__ */ o("rect", {
+  width: "524",
+  height: "345",
+  fill: "white"
+}, null, -1), te = /* @__PURE__ */ o("rect", {
+  width: "524",
+  height: "345",
+  fill: "white"
+}, null, -1), ee = /* @__PURE__ */ o("circle", {
+  cx: "262",
+  cy: "172",
+  r: "56",
+  fill: "#00ff88",
+  "fill-opacity": "0.1"
+}, null, -1), oe = /* @__PURE__ */ o("path", {
+  fill: "#00ff88",
+  d: "M229.348 186.819C230.243 191.884 233.393 194.231 238.458 193.273V193.644C238.458 198.832 241.206 201.581 246.364 201.581H291.545C296.733 201.581 299.481 198.74 299.481 193.644V162.576C299.481 157.481 296.733 154.64 291.545 154.64H285.677L284.071 145.653C283.175 140.619 279.995 138.303 274.899 139.198L230.398 147.043C225.302 147.969 223.048 151.15 223.943 156.246L229.348 186.819ZM230.83 186.479L225.456 156.06C224.715 151.86 226.537 149.266 230.737 148.525L275.084 140.712C279.13 140.001 281.848 141.762 282.62 145.993L284.102 154.64H246.364C241.206 154.64 238.458 157.419 238.458 162.576V191.729L238.365 191.76C234.165 192.532 231.571 190.679 230.83 186.479ZM239.971 162.669C239.971 158.376 242.164 156.153 246.456 156.153H291.483C295.59 156.153 297.968 158.376 297.968 162.669V190.093L284.565 177.894C283.145 176.597 281.662 175.856 279.809 175.856C277.987 175.856 276.628 176.566 275.146 177.863L262.052 189.073L257.142 184.565C255.875 183.36 254.764 182.743 253.158 182.743C251.675 182.743 250.656 183.36 249.39 184.503L239.971 193.212V162.669ZM257.636 178.419C261.373 178.419 264.43 175.3 264.43 171.471C264.43 167.734 261.373 164.584 257.636 164.584C253.806 164.584 250.718 167.734 250.718 171.471C250.718 175.3 253.806 178.419 257.636 178.419Z"
+}, null, -1), se = [
+  Kt,
+  te,
+  ee,
+  oe
+], ie = { class: "pd-medium t-left product-card-content" }, ae = { class: "mn-thin h4" }, ne = {
+  key: 1,
+  class: "mn-small t-transp p-small"
+}, ce = /* @__PURE__ */ o("div", null, null, -1), re = {
+  __name: "ProductCard",
+  props: ["product"],
+  setup(t) {
+    const e = t, s = at();
+    return V(), x(() => s.state.favorites.items.filter(function(i, c) {
+      if (i._id === e.product._id)
+        return !0;
+    })), (i, c) => (a(), n("div", {
+      class: M([
+        "radius-big product",
+        t.product.information[2] && t.product.information[2].value === "AAAA" ? "bg-black t-white" : "bg-white"
+      ])
+    }, [
+      o("div", {
+        class: M([
+          "o-hidden w-100 h-100 square",
+          t.product.information[2] && t.product.information[2].value === "AAAA" ? "bg-black" : "bg-white"
+        ])
+      }, [
+        t.product.images[0] ? (a(), n("img", {
+          key: 0,
+          src: t.product.images[0],
+          class: "w-100 h-100"
+        }, null, 8, Qt)) : (a(), n("svg", Ut, se)),
+        t.product.information.length > 0 ? (a(), I(Jt, {
+          key: 2,
+          product: t.product
+        }, null, 8, ["product"])) : l("", !0)
+      ], 2),
+      o("div", ie, [
+        t.product.information.length > 0 ? (a(), n("p", {
+          key: 0,
+          class: M([
+            "t-semi h6",
+            t.product.information[2] && t.product.information[2].value === "AAAA" ? "t-violet" : "t-main"
+          ])
+        }, r(t.product.information[0].value), 3)) : l("", !0),
+        o("p", ae, r(t.product.name), 1),
+        t.product.description && !t.product.localization ? (a(), n("p", ne, r(t.product.description.substring(0, 99)) + "... ", 1)) : l("", !0),
+        w(W, {
+          product: t.product,
+          size: "small",
+          class: M(
+            t.product.information[2] && t.product.information[2].value === "AAAA" ? "bg-third t-white" : ""
+          )
+        }, null, 8, ["product", "class"])
+      ]),
+      ce
+    ], 2));
+  }
+}, le = {
+  id: "popularProducts",
+  class: "pd-thin"
+}, ue = { class: "bg-grey radius-big pd-t-big pd-b-big" }, de = { class: "mn-semi t-center title" }, me = { class: "" }, he = {
+  __name: "PopularProducts",
+  async setup(t) {
+    let e, s;
+    B(), [e, s] = Z(() => q.read({ limit: 10 })), await e, s();
+    const i = {
+      messages: {
+        en: {
+          title: "Explore Hot Products 🔥",
+          subtitle: "We attach great importance to high quality and customer satisfaction"
+        },
+        ru: {
+          title: "Самое Горячее 🔥",
+          subtitle: "Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов"
+        }
+      }
+    }, { t: c } = V(i), u = C(null), g = {
+      320: { itemsToShow: 1 },
+      640: { itemsToShow: 3 },
+      1024: { itemsToShow: 3 }
+    };
+    return F(async () => {
+      setTimeout(() => {
+        u.value.updateSlideWidth();
+      }, 500);
+    }), (p, h) => (a(), n("div", le, [
+      o("div", ue, [
+        o("div", de, [
+          o("h2", me, r(d(c)("title")), 1)
+        ]),
+        w(d(st), {
+          ref_key: "myCarousel",
+          ref: u,
+          "items-to-show": 3,
+          transition: 330,
+          wrapAround: !0,
+          autoplay: 3e3,
+          pauseAutoplayOnHover: !0,
+          breakpoints: g
+        }, {
+          default: P(() => [
+            (a(!0), n(T, null, N(b.all, (f, _, y) => (a(), I(d(it), {
+              class: "pd-thin",
+              key: _
+            }, {
+              default: P(() => [
+                w(re, {
+                  class: "carousel__item h-100 w-100",
+                  product: f
+                }, null, 8, ["product"])
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        }, 512)
+      ])
+    ]));
+  }
+};
+const pe = { class: "product-360-viewer" }, fe = /* @__PURE__ */ U('<svg class="pos-absolute z-index-2 pos-b-0 pd-small" width="73" height="50" viewBox="0 0 73 50" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-333fa548><path d="M42.5934 17.2017C42.5934 20.8208 39.8428 23.7544 36.45 23.7544C33.0573 23.7544 30.3066 20.8208 30.3066 17.2017C30.3066 13.5826 33.0573 10.6484 36.45 10.6484C39.8428 10.6484 42.5934 13.5826 42.5934 17.2017Z" fill="black" fill-opacity="0.1" data-v-333fa548></path><path d="M22.5953 29.4883H50.3053C53.7389 29.4883 56.5197 26.778 56.5197 23.4405V10.8396C56.5197 7.49996 53.739 4.79176 50.3053 4.79176H48.8712C48.2747 2.05313 45.7826 0 42.7962 0H30.1063C27.1179 0 24.6257 2.053 24.0313 4.78967H22.5971C19.1656 4.78967 16.3828 7.49788 16.3828 10.8375V23.4384C16.3807 26.778 19.1634 29.4882 22.595 29.4882L22.5953 29.4883ZM36.449 8.31471C41.4535 8.31471 45.5123 12.2648 45.5123 17.1352C45.5123 22.0062 41.4535 25.9582 36.449 25.9582C31.4445 25.9582 27.3856 22.0081 27.3856 17.1377C27.3856 12.2673 31.4445 8.31471 36.449 8.31471ZM20.9092 9.32597H24.0182C24.9472 9.32597 25.7019 10.0584 25.7019 10.9625C25.7019 11.8686 24.9493 12.6011 24.0182 12.6011H20.9092C19.9823 12.6011 19.2254 11.8707 19.2254 10.9625C19.2275 10.0604 19.9822 9.32597 20.9092 9.32597Z" fill="black" fill-opacity="0.1" data-v-333fa548></path><path d="M58.8645 12.2878C58.8645 12.2878 77.1839 21.8549 65.5604 32.0445C63.6718 33.6967 55.2747 38.9138 42.5947 39.9368V45.0519C50.0424 44.2514 61.7635 41.887 68.4037 34.9253C82.5323 20.1097 58.8657 12.2871 58.8657 12.2871L58.8645 12.2878Z" fill="black" fill-opacity="0.1" data-v-333fa548></path><path d="M37.6664 41.209L29.1818 35.5097C28.077 34.7658 27.1702 35.2358 27.1702 36.5516V39.5855C16.2598 38.0408 9.07761 33.565 7.35125 32.0517C-4.2894 21.858 14.0557 12.2871 14.0557 12.2871C14.0557 12.2871 -9.64257 20.1134 4.5039 34.9343C10.2723 40.9769 19.8619 43.5552 27.1712 44.656V44.952V48.5701C27.1712 49.8901 28.078 50.3554 29.1827 49.6141L37.6673 43.9127C38.7757 43.1683 38.7757 41.9525 37.6673 41.2092L37.6664 41.209Z" fill="black" fill-opacity="0.1" data-v-333fa548></path></svg>', 1), ge = {
+  key: 0,
+  class: "h-100 w-100 transition-ease"
+}, _e = ["src"], ve = {
+  __name: "Images360",
+  props: {
+    imagePath: {
+      type: String,
+      required: !0
+    },
+    imageCount: {
+      type: Number,
+      default: 36
+    },
+    autoRotateSpeed: {
+      type: Number,
+      default: 100
+    }
+  },
+  setup(t) {
+    const e = t, s = C(0), i = C(!1), c = C(0), u = C(0);
+    C(!0);
+    const g = async () => {
+      const v = [];
+      for (let $ = 1; $ <= e.imageCount; $++) {
+        const S = new Image();
+        S.src = `${e.imagePath}/${$}.jpg`;
+        try {
+          await S.decode(), u.value++;
+        } catch (H) {
+          console.warn(`Failed to decode ${e.imagePath}/${$}.jpg:`, H);
+        }
+        v.push(S);
+      }
+      return v;
+    }, p = x(() => Math.round(u.value / e.imageCount * 100)), h = C([]), f = C(""), _ = C(null);
+    O(s, (v) => {
+      f.value = h.value[v] || "";
+    });
+    function y(v) {
+      i.value = !0, c.value = v.clientX || v.touches[0].clientX;
+    }
+    function A(v) {
+      if (!i.value)
+        return;
+      const $ = v.clientX || v.touches[0].clientX, S = $ - c.value;
+      if (Math.abs(S) >= 5) {
+        const H = S > 0 ? 1 : -1;
+        s.value = (s.value + H) % e.imageCount, s.value < 0 && (s.value = e.imageCount - 1), c.value = $;
+      }
+    }
+    function L() {
+      i.value = !1;
+    }
+    let k = null;
+    const z = () => {
+      h.value = [];
+    };
+    return F(async () => {
+      h.value = await g(), f.value = h.value[0] || "";
+    }), G(() => {
+      clearInterval(k), z();
+    }), (v, $) => (a(), n("div", pe, [
+      fe,
+      w(D, {
+        name: "scale5",
+        css: !_.value,
+        appear: ""
+      }, {
+        default: P(() => [
+          f.value ? (a(), n("div", ge, [
+            f.value ? (a(), n("img", {
+              key: f.value,
+              class: "h-100 w-100 transition-ease",
+              src: f.value.src,
+              alt: "360 product view",
+              onMousedown: y,
+              onMousemove: A,
+              onMouseup: L,
+              onMouseleave: L,
+              onTouchstart: y,
+              onTouchmove: A,
+              onTouchend: L,
+              onDragstart: $[0] || ($[0] = Q(() => {
+              }, ["prevent"]))
+            }, null, 40, _e)) : l("", !0)
+          ])) : l("", !0)
+        ]),
+        _: 1
+      }, 8, ["css"]),
+      w(D, { name: "scale5" }, {
+        default: P(() => [
+          f.value ? l("", !0) : (a(), I(nt, {
+            key: 0,
+            progress: d(p),
+            class: "center z-index-5"
+          }, null, 8, ["progress"]))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}, Ce = /* @__PURE__ */ j(ve, [["__scopeId", "data-v-333fa548"]]);
+const we = ["src"], ye = {
+  __name: "Magnifier",
+  props: {
+    imageSrc: String,
+    zoomFactor: {
+      type: Number,
+      default: 2
+    }
+  },
+  setup(t) {
+    const e = t, s = C(!1), i = C({});
+    function c(_) {
+      const y = _.target.getBoundingClientRect(), A = _.clientX - y.left, L = _.clientY - y.top, k = 100, z = Math.max(0, Math.min(A - k / 2, y.width - k)), v = Math.max(0, Math.min(L - k / 2, y.height - k));
+      i.value = {
+        left: `${z}px`,
+        top: `${v}px`,
+        backgroundPosition: `-${z * e.zoomFactor}px -${v * e.zoomFactor}px`,
+        backgroundImage: `url(${e.imageSrc})`,
+        backgroundSize: `${y.width * e.zoomFactor}px ${y.height * e.zoomFactor}px`
+      };
+    }
+    function u(_) {
+      s.value = !0, c(_);
+    }
+    function g() {
+      s.value = !1;
+    }
+    function p(_) {
+      _.preventDefault(), s.value = !0, c(_.touches[0]);
+    }
+    function h(_) {
+      _.preventDefault(), c(_.touches[0]);
+    }
+    function f() {
+      s.value = !1;
+    }
+    return (_, y) => (a(), n("div", {
+      class: "w-100 image-container",
+      onMousemove: u,
+      onMouseleave: g,
+      onTouchstart: p,
+      onTouchmove: h,
+      onTouchend: f
+    }, [
+      o("img", {
+        src: t.imageSrc,
+        class: "w-100"
+      }, null, 8, we),
+      s.value ? (a(), n("div", {
+        key: 0,
+        class: "zoom-lens",
+        style: K(i.value)
+      }, null, 4)) : l("", !0)
+    ], 32));
+  }
+}, $e = /* @__PURE__ */ j(ye, [["__scopeId", "data-v-a2ed98ca"]]);
+const be = { class: "product-images" }, xe = { class: "no-responsive cols-4 thumbnails" }, ke = ["src", "onClick"], Se = {
+  __name: "ImagesThumbnails",
+  props: {
+    images: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(t) {
+    const e = C(!1), s = C(0), i = (u) => {
+      s.value = u, e.value = !0;
+    }, c = () => {
+      e.value = !1;
+    };
+    return (u, g) => (a(), n("div", be, [
+      o("div", xe, [
+        (a(!0), n(T, null, N(t.images, (p, h) => (a(), n("img", {
+          key: h,
+          src: p,
+          onClick: (f) => i(h),
+          class: "radius-medium bg-white o-hidden thumbnail"
+        }, null, 8, ke))), 128))
+      ]),
+      w(ct, {
+        onClosePopup: c,
+        isPopupOpen: e.value,
+        class: "radius-medium o-hidden"
+      }, {
+        default: P(() => [
+          w($e, {
+            imageSrc: u.path + t.images[s.value],
+            class: "magnifier z-index-4"
+          }, null, 8, ["imageSrc"])
+        ]),
+        _: 1
+      }, 8, ["isPopupOpen"])
+    ]));
+  }
+}, Le = /* @__PURE__ */ j(Se, [["__scopeId", "data-v-54ffbce2"]]), m = tt({
+  items: [],
+  currentState: !1
+}), Me = {
+  toggleShopcart() {
+    m.currentState = !m.currentState;
+  },
+  setShopcart() {
+    try {
+      localStorage.getItem("shopcart") && (m.items = JSON.parse(localStorage.getItem("shopcart")));
+    } catch (t) {
+      throw console.error(t), t;
+    }
+  },
+  addProductToCart(t) {
+    const e = m.items.find(
+      (s) => s._id === t._id
+    );
+    e ? e.quantity++ : m.items.push({
+      _id: t._id,
+      images: t.images,
+      name: t.name,
+      price: t.price,
+      quantity: 1
+    }), localStorage.setItem("shopcart", JSON.stringify(m.items));
+  },
+  removeProduct(t) {
+    const e = m.items.find(
+      (i) => i._id === t
+    ), s = m.items.indexOf(e);
+    s > -1 && (m.items.splice(s, 1), localStorage.setItem("shopcart", JSON.stringify(m.items)));
+  },
+  decrementItemQuantity(t) {
+    const e = m.items.find(
+      (i) => i._id === t
+    ), s = m.items.indexOf(e);
+    s > -1 && (e.quantity--, e.quantity < 1 && m.items.splice(s, 1), localStorage.setItem("shopcart", JSON.stringify(m.items)));
+  },
+  incrementItemQuantity(t) {
+    const e = m.items.find(
+      (s) => s._id === t
+    );
+    e && (e.quantity++, localStorage.setItem("shopcart", JSON.stringify(m.items)));
+  },
+  resetShopcart({ state: t }) {
+    t.items = [], localStorage.removeItem("shopcart");
+  }
+};
+x(() => Number(m.items.reduce((t, e) => t + e.price * e.quantity, 0))), x(() => Number(m.items.reduce((t, e) => t + e.quantity, 0))), x(() => Number(m.currentState));
+O(m, (t, e) => {
+});
+const Ie = { class: "cols-2-1_2 gap-big product-data-wrapper" }, Pe = { class: "flex-nowrap flex-column flex" }, Ve = { class: "h-100 bg-white radius-medium o-hidden" }, Ae = ["src"], ze = {
+  key: 2,
+  width: "524",
+  height: "345",
+  viewBox: "0 0 524 345",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-100 w-100",
+  style: { "object-fit": "cover" }
+}, Te = /* @__PURE__ */ o("rect", {
+  width: "524",
+  height: "345",
+  fill: "white"
+}, null, -1), Ne = /* @__PURE__ */ o("rect", {
+  width: "524",
+  height: "345",
+  fill: "white"
+}, null, -1), He = /* @__PURE__ */ o("circle", {
+  cx: "262",
+  cy: "172",
+  r: "56",
+  fill: "#00ff88",
+  "fill-opacity": "0.1"
+}, null, -1), Oe = /* @__PURE__ */ o("path", {
+  fill: "#00ff88",
+  d: "M229.348 186.819C230.243 191.884 233.393 194.231 238.458 193.273V193.644C238.458 198.832 241.206 201.581 246.364 201.581H291.545C296.733 201.581 299.481 198.74 299.481 193.644V162.576C299.481 157.481 296.733 154.64 291.545 154.64H285.677L284.071 145.653C283.175 140.619 279.995 138.303 274.899 139.198L230.398 147.043C225.302 147.969 223.048 151.15 223.943 156.246L229.348 186.819ZM230.83 186.479L225.456 156.06C224.715 151.86 226.537 149.266 230.737 148.525L275.084 140.712C279.13 140.001 281.848 141.762 282.62 145.993L284.102 154.64H246.364C241.206 154.64 238.458 157.419 238.458 162.576V191.729L238.365 191.76C234.165 192.532 231.571 190.679 230.83 186.479ZM239.971 162.669C239.971 158.376 242.164 156.153 246.456 156.153H291.483C295.59 156.153 297.968 158.376 297.968 162.669V190.093L284.565 177.894C283.145 176.597 281.662 175.856 279.809 175.856C277.987 175.856 276.628 176.566 275.146 177.863L262.052 189.073L257.142 184.565C255.875 183.36 254.764 182.743 253.158 182.743C251.675 182.743 250.656 183.36 249.39 184.503L239.971 193.212V162.669ZM257.636 178.419C261.373 178.419 264.43 175.3 264.43 171.471C264.43 167.734 261.373 164.584 257.636 164.584C253.806 164.584 250.718 167.734 250.718 171.471C250.718 175.3 253.806 178.419 257.636 178.419Z"
+}, null, -1), Ze = [
+  Te,
+  Ne,
+  He,
+  Oe
+], Fe = { class: "h-100 flex-justify flex col" }, qe = {
+  key: 0,
+  class: "t-main t-semi p-big"
+}, Be = { class: "w-100 h1-product mn-thin" }, je = {
+  key: 1,
+  class: "mn-semi"
+}, De = {
+  key: 2,
+  class: "w-100 mn-medium t-transp"
+}, Ee = {
+  key: 3,
+  class: "w-100 mn-medium t-transp"
+}, Re = { class: "cols-2 w-100 gap-small mn-semi" }, Xe = { class: "w-100 pd-small radius-small bg-white product-information" }, We = { class: "t-demi" }, Je = { class: "max-w-33rem mobile-w-100 t-white gap-small cols-2" }, Ye = ["disabled"], Ge = {
+  __name: "SectionProduct",
+  props: {
+    product: {
+      type: Object,
+      required: !0
+    },
+    recommendation: {
+      type: String
+    }
+  },
+  setup(t) {
+    const e = t, s = x(() => e.product.images), i = {
+      messages: {
+        en: {
+          airecommend: "AI Recommends You",
+          description: "",
+          addtoorder: "Add to order",
+          fastorder: "Fast Order"
+        },
+        ru: {
+          airecommend: "AI Рекомендует вам",
+          description: "",
+          addtoorder: "Добавить в корзину",
+          fastorder: "Быстрый заказ"
+        }
+      }
+    };
+    e.product.localization.forEach((p) => {
+      i.messages[p.locale].description = p.text;
+    });
+    const { t: c } = V(i);
+    function u(p) {
+      return !(p.quantity > 0);
+    }
+    function g(p) {
+      Me.addProductToCart(p);
+    }
+    return (p, h) => (a(), n("div", Ie, [
+      o("div", Pe, [
+        o("div", Ve, [
+          t.product && t.product.image3d ? (a(), I(Ce, {
+            key: 0,
+            class: "h-100 w-100",
+            imagePath: `/assets/images/products/${t.product.image3d}`,
+            imageCount: 36
+          }, null, 8, ["imagePath"])) : l("", !0),
+          d(s)[0] && !t.product.image3d ? (a(), n("img", {
+            key: 1,
+            class: "h-100 w-100",
+            style: { "object-fit": "cover" },
+            src: d(s)[0]
+          }, null, 8, Ae)) : l("", !0),
+          !d(s)[0] && !t.product.image3d ? (a(), n("svg", ze, Ze)) : l("", !0)
+        ]),
+        d(s).length > 1 ? (a(), I(Le, {
+          key: 0,
+          images: d(s),
+          class: "mn-t-medium"
+        }, null, 8, ["images"])) : l("", !0)
+      ]),
+      o("div", Fe, [
+        t.recommendation ? (a(), n("h2", qe, r(d(c)("airecommend")), 1)) : l("", !0),
+        o("h1", Be, r(t.product.name), 1),
+        w(W, {
+          product: t.product,
+          size: "big",
+          class: "mn-semi"
+        }, null, 8, ["product"]),
+        t.recommendation ? (a(), n("h3", je, r(t.recommendation), 1)) : l("", !0),
+        t.product.description && !t.product.localization && !t.recommendation ? (a(), n("p", De, r(t.product.description), 1)) : l("", !0),
+        t.product.localization && t.product.localization.length > 1 && !t.recommendation ? (a(), n("p", Ee, r(d(c)("description")), 1)) : l("", !0),
+        o("div", Re, [
+          t.product.information.length > 0 ? (a(!0), n(T, { key: 0 }, N(t.product.information, (f) => (a(), n("div", Xe, [
+            o("p", We, r(f.name), 1),
+            o("p", null, r(f.value), 1)
+          ]))), 256)) : l("", !0)
+        ]),
+        o("div", Je, [
+          o("button", {
+            disabled: u(t.product),
+            onClick: h[0] || (h[0] = (f) => g(t.product)),
+            class: "w-100 mn-r-small bg-main button"
+          }, r(d(c)("addtoorder")), 9, Ye)
+        ])
+      ])
+    ]));
+  }
+};
+const $o = {
+  __name: "Product",
+  async setup(t) {
+    let e, s;
+    const i = ot();
+    B(), [e, s] = Z(() => q.read({ _id: i.params.product })), await e, s(), i.meta.title.en = b.current.name, i.meta.title.ru = b.current.name;
+    const c = x(() => b.current), u = {
+      messages: {
+        en: {},
+        ru: {}
+      }
+    };
+    b.current.localization.forEach((h) => {
+      u.messages[h.locale].description = h.text;
+    });
+    const { t: g } = V(u), p = x(() => ({
+      title: b.current.name,
+      description: g("description")
+    }));
+    return lt(p), F(() => {
+    }), (h, f) => (a(), n("div", null, [
+      w(et, { class: "section" }),
+      w(Ge, {
+        product: d(c),
+        class: "section"
+      }, null, 8, ["product"]),
+      w(he),
+      w(At)
+    ]));
+  }
+};
+export {
+  $o as default
+};