@ozdao/martyrs 0.2.602 → 0.2.603

package/dist/martyrs.es25.js

@@ -0,0 +1,139 @@
+import { ref as B, watch as L, resolveComponent as y, createElementBlock as m, openBlock as s, Fragment as V, renderList as x, normalizeClass as N, createCommentVNode as b, createBlock as H, createElementVNode as d, withCtx as j, createTextVNode as S, toDisplayString as g } from "vue";
+import { useRoute as P, useRouter as E } from "vue-router";
+import { useI18n as R } from "vue-i18n";
+/* empty css             */
+const Z = {
+  class: "breadcrumbs flex-row flex-nowrap flex-left flex",
+  "aria-label": "breadcrumbs"
+}, D = {
+  key: 0,
+  class: "i-small mn-r-thin",
+  viewBox: "0 0 10 9",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, I = { key: 2 }, O = {
+  key: 3,
+  class: "i-small chevron",
+  viewBox: "0 0 4 8",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, q = {
+  __name: "Breadcrumbs",
+  props: {
+    homeName: {
+      type: [String, Object],
+      default: "Home"
+    },
+    debug: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(C) {
+    const l = P();
+    E();
+    const { t: T, locale: u } = R(), c = B([]), i = C;
+    function f(t, n, r) {
+      if (n === 0 && t[0].path === "/")
+        return "/";
+      const e = [];
+      for (let o = 0; o <= n; o++) {
+        const h = t[o].path.split("/").filter(Boolean);
+        if (o > 0) {
+          const _ = t[o - 1].path.split("/").filter(Boolean), k = h.slice(_.length);
+          e.push(...k);
+        } else
+          e.push(...h);
+      }
+      return "/" + e.map((o) => {
+        if (o.startsWith(":")) {
+          const p = o.replace(/[:?]/g, "");
+          return r[p] || "";
+        }
+        return o;
+      }).filter(Boolean).join("/");
+    }
+    function v(t, n, r) {
+      const e = u?.value;
+      let a;
+      return t?.breadcrumbs?.name ? a = typeof t.breadcrumbs.name == "object" && e ? t.breadcrumbs.name[e] : t.breadcrumbs.name : t?.title ? a = typeof t.title == "object" && e ? t.title[e] : t.title : a = n || "", a && typeof a == "string" && Object.keys(r).forEach((o) => {
+        a = a.replace(`:${o}`, r[o]);
+      }), a;
+    }
+    function w() {
+      const t = l.matched, n = [], r = t.length === 1 && t[0].path === "/";
+      for (let e = 0; e < t.length; e++) {
+        const a = t[e];
+        if (a.path === "/" && !r || a.meta?.breadcrumbs?.hide)
+          continue;
+        if (a.meta?.breadcrumbs?.linkToPrevious && n.length > 0) {
+          const p = n[n.length - 1];
+          p.path = f(t, e, l.params);
+          continue;
+        }
+        const o = v(a.meta, a.name, l.params);
+        o && n.push({
+          name: o,
+          path: f(t, e, l.params)
+        });
+      }
+      if (n.length > 0 && !r && n[0].name !== "Home") {
+        const e = typeof i.homeName == "object" && u?.value ? i.homeName[u.value] : i.homeName;
+        n.unshift({
+          name: e,
+          path: "/"
+        });
+      }
+      i.debug && console.log("Breadcrumbs Debug:", {
+        currentPath: l.path,
+        params: l.params,
+        matched: t.map((e) => ({
+          path: e.path,
+          name: e.name,
+          meta: e.meta
+        })),
+        result: n
+      }), c.value = n;
+    }
+    return L(
+      () => [l.path, l.params, u.value],
+      () => {
+        w();
+      },
+      { immediate: !0 }
+    ), (t, n) => {
+      const r = y("router-link");
+      return s(), m("ol", Z, [
+        (s(!0), m(V, null, x(c.value, (e, a) => (s(), m("li", {
+          key: a,
+          class: N(["flex-v-center flex-nowrap flex", { "t-main": a === c.value.length - 1 }])
+        }, [
+          a === 0 ? (s(), m("svg", D, n[0] || (n[0] = [
+            d("path", {
+              fill: "rgb(var(--black))",
+              d: "M0.494141 4.26391C0.494141 4.48862 0.659906 4.66912 0.928813 4.66912C1.05037 4.66912 1.16825 4.6065 1.27139 4.52177L1.64344 4.20866V7.56448C1.64344 8.13545 1.98971 8.47803 2.5791 8.47803H7.56678C8.15616 8.47803 8.50243 8.13545 8.50243 7.56448V4.19392L8.8929 4.52177C8.99604 4.6065 9.11392 4.66912 9.23916 4.66912C9.48597 4.66912 9.67015 4.5144 9.67015 4.27128C9.67015 4.1313 9.61121 4.01343 9.5007 3.92133L8.50243 3.08146V1.47538C8.50243 1.30961 8.3956 1.1991 8.22984 1.1991H7.63308C7.46732 1.1991 7.35313 1.30961 7.35313 1.47538V2.11634L5.66969 0.70181C5.31606 0.403433 4.85928 0.403433 4.50197 0.70181L0.663589 3.92133C0.553079 4.01711 0.494141 4.14235 0.494141 4.26391ZM6.13752 5.26219C6.13752 5.08906 6.02701 4.97855 5.85387 4.97855H4.31779C4.14097 4.97855 4.02678 5.08906 4.02678 5.26219V7.63447H2.83327C2.60856 7.63447 2.48332 7.50922 2.48332 7.28084V3.5014L4.90349 1.47538C5.01768 1.37592 5.15029 1.37592 5.26817 1.47538L7.66255 3.48298V7.28084C7.66255 7.50922 7.53731 7.63447 7.3126 7.63447H6.13752V5.26219Z"
+            }, null, -1)
+          ]))) : b("", !0),
+          a !== c.value.length - 1 ? (s(), H(r, {
+            key: 1,
+            to: e.path
+          }, {
+            default: j(() => [
+              S(g(e.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["to"])) : (s(), m("a", I, g(e.name), 1)),
+          a !== c.value.length - 1 ? (s(), m("svg", O, n[1] || (n[1] = [
+            d("path", {
+              d: "M4 3.99992C4 3.83673 3.94307 3.70391 3.81025 3.57867L0.899431 0.732369C0.800759 0.629902 0.679317 0.580566 0.531309 0.580566C0.239089 0.580566 0 0.815861 0 1.10808C0 1.25229 0.0607211 1.38512 0.166983 1.49138L2.74763 3.99613L0.166983 6.50846C0.0607211 6.61093 0 6.74375 0 6.89176C0 7.18398 0.239089 7.41928 0.531309 7.41928C0.675522 7.41928 0.800759 7.36994 0.899431 7.26747L3.81025 4.42117C3.94307 4.29594 4 4.15931 4 3.99992Z",
+              fill: "rgb(var(--black))"
+            }, null, -1)
+          ]))) : b("", !0)
+        ], 2))), 128))
+      ]);
+    };
+  }
+};
+export {
+  q as default
+};

package/dist/martyrs.es26.js

@@ -0,0 +1,21 @@
+import { createElementBlock as e, openBlock as t, renderSlot as n, Fragment as a, renderList as l, normalizeClass as o, toDisplayString as d } from "vue";
+const m = { class: "" }, c = {
+  key: 1,
+  class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-semi bg-white"
+}, f = {
+  __name: "Chips",
+  props: ["chips"],
+  setup(r) {
+    return (i, p) => (t(), e("div", m, [
+      n(i.$slots, "default"),
+      r.chips?.length ? (t(!0), e(a, { key: 0 }, l(r.chips, (s, u) => (t(), e("p", {
+        class: o(["p-regular", "mn-r-nano d-inline-block w-max p-regular pd-thin radius-thin fw-medium bg-main"])
+      }, d(s.text ? s.text : s), 1))), 256)) : (t(), e("div", c, [
+        n(i.$slots, "default")
+      ]))
+    ]));
+  }
+};
+export {
+  f as default
+};

package/dist/martyrs.es27.js

@@ -0,0 +1,60 @@
+import { ref as a, onMounted as x, onBeforeUnmount as _, createElementBlock as o, openBlock as i, createCommentVNode as n, createElementVNode as s, toDisplayString as r } from "vue";
+const w = { class: "gap-thin flex-nowrap flex flex-center" }, k = {
+  key: 0,
+  class: "flex-child-grow-1 flex-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small"
+}, y = {
+  key: 1,
+  class: "flex-child-grow-1 flex-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
+}, D = { class: "p-medium" }, M = {
+  key: 2,
+  class: "flex-child-grow-1 flex-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
+}, T = { class: "p-medium" }, B = {
+  key: 3,
+  class: "flex-child-grow-1 flex-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
+}, I = { class: "p-medium" }, C = {
+  key: 4,
+  class: "flex-child-grow-1 flex-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
+}, E = { class: "p-medium" }, O = {
+  __name: "Countdown",
+  props: [
+    "date"
+  ],
+  setup(v) {
+    const g = v, b = new Date(g.date).getTime(), f = a((/* @__PURE__ */ new Date()).getTime());
+    let u;
+    const d = a(0), c = a(0), p = a(0), m = a(0), l = a(!1), h = () => {
+      const t = b - f.value;
+      t <= 0 ? (d.value = 0, c.value = 0, p.value = 0, m.value = 0, l.value = !0, clearInterval(u)) : (d.value = Math.floor(t / (1e3 * 60 * 60 * 24)), c.value = Math.floor(t % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)), p.value = Math.floor(t % (1e3 * 60 * 60) / (1e3 * 60)), m.value = Math.floor(t % (1e3 * 60) / 1e3));
+    };
+    return h(), x(() => {
+      u = setInterval(() => {
+        f.value = (/* @__PURE__ */ new Date()).getTime(), h();
+      }, 1e3);
+    }), _(() => {
+      clearInterval(u);
+    }), (t, e) => (i(), o("div", w, [
+      l.value ? (i(), o("div", k, e[0] || (e[0] = [
+        s("p", { class: "p-small t-transp" }, "Offer is over", -1)
+      ]))) : n("", !0),
+      l.value ? n("", !0) : (i(), o("div", y, [
+        s("p", D, r(d.value), 1),
+        e[1] || (e[1] = s("p", { class: "p-small t-transp" }, "Days", -1))
+      ])),
+      l.value ? n("", !0) : (i(), o("div", M, [
+        s("p", T, r(c.value), 1),
+        e[2] || (e[2] = s("p", { class: "p-small t-transp" }, "hours", -1))
+      ])),
+      l.value ? n("", !0) : (i(), o("div", B, [
+        s("p", I, r(p.value), 1),
+        e[3] || (e[3] = s("p", { class: "p-small t-transp" }, "minutes", -1))
+      ])),
+      l.value ? n("", !0) : (i(), o("div", C, [
+        s("p", E, r(m.value), 1),
+        e[4] || (e[4] = s("p", { class: "p-small t-transp" }, "seconds", -1))
+      ]))
+    ]));
+  }
+};
+export {
+  O as default
+};

package/dist/martyrs.es28.js

@@ -0,0 +1,75 @@
+import { ref as d, onMounted as C, createElementBlock as u, openBlock as g, createElementVNode as a, Fragment as f, renderList as k, unref as v, createCommentVNode as E, toDisplayString as r, normalizeClass as L } from "vue";
+const B = {
+  key: 0,
+  class: "mn-r-thin mn-l-thin pd-thin radius-thin flex-column flex-center flex bg-light"
+}, M = { class: "t-transp t-noselect p-small mn-b-thin" }, N = { class: "t-noselect fw-semi" }, F = ["onClick"], H = { class: "t-transp t-noselect p-small mn-b-thin" }, $ = { class: "t-noselect fw-semi day-number" }, U = {
+  __name: "DatePicker",
+  props: ["date", "options", "locale"],
+  setup(D, { emit: _ }) {
+    const h = _, n = D, o = d(null), p = /* @__PURE__ */ new Date();
+    p.setHours(0, 0, 0, 0);
+    const s = d(null);
+    if (n.date) {
+      const t = parseInt(n.date.substring(0, 2)), i = parseInt(n.date.substring(2, 4)) - 1, e = parseInt(n.date.substring(4));
+      s.value = new Date(e, i, t), s.value.setHours(0, 0, 0, 0);
+    }
+    const m = x(p, n.options.dateEnd || 30);
+    C(() => {
+      if (o.value) {
+        const t = o.value.getElementsByClassName("selected")[0] || o.value.getElementsByClassName("bg-main")[0] || o.value.getElementsByClassName("highlighted")[0];
+        t && (o.value.scrollLeft = t.offsetLeft - o.value.offsetWidth / 2 + t.offsetWidth / 2);
+      }
+    });
+    function S(t) {
+      s.value && s.value.toDateString() === t.toDateString() ? (s.value = null, h("update:date", null)) : (s.value = t, b(t), h("update:date", t));
+    }
+    function y(t) {
+      return s.value === null && t.toDateString() === p.toDateString();
+    }
+    function b(t) {
+      return `${t.getDate().toString().padStart(2, "0")}${(t.getMonth() + 1).toString().padStart(2, "0")}${t.getFullYear()}`;
+    }
+    function w(t) {
+      return t.toLocaleDateString(n.locale ? n.locale : "en", {
+        weekday: "short"
+      }).toUpperCase();
+    }
+    function x(t, i) {
+      const e = [];
+      for (let l = n.options.dateStart || 0; l < i - n.options.dateStart; l++) {
+        const c = new Date(t);
+        c.setDate(t.getDate() + l), c.setHours(0, 0, 0, 0), e.push(c);
+      }
+      return e;
+    }
+    return (t, i) => (g(), u("div", null, [
+      a("div", {
+        class: "w-100 scroller o-x-scroll o-y-visible scroll-snap-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex",
+        ref_key: "scrollContainer",
+        ref: o
+      }, [
+        (g(!0), u(f, null, k(v(m), (e, l) => (g(), u(f, {
+          key: e.toString()
+        }, [
+          l === 0 || v(m)[l - 1].getMonth() !== e.getMonth() ? (g(), u("div", B, [
+            a("span", M, r(String(e.getMonth() + 1).padStart(2, "0")) + "/" + r(e.getFullYear()), 1),
+            a("span", N, r(e.toLocaleDateString(n.locale || "en", { month: "short" }).toUpperCase()), 1)
+          ])) : E("", !0),
+          a("div", {
+            onClick: (c) => S(e),
+            class: L([{
+              "bg-main t-white": s.value && s.value.toDateString() === e.toDateString(),
+              "bg-second t-white": y(e)
+            }, "ease-in-out hover:bg-light cursor-pointer o-y-visible scroll-snap-start mn-r-thin mn-l-thin pd-thin radius-thin flex-column flex-center flex"])
+          }, [
+            a("span", H, r(w(e)), 1),
+            a("span", $, r(e.getDate()), 1)
+          ], 10, F)
+        ], 64))), 128))
+      ], 512)
+    ]));
+  }
+};
+export {
+  U as default
+};

package/dist/martyrs.es29.js

@@ -0,0 +1,36 @@
+import { createElementBlock as a, openBlock as c, createElementVNode as l, createCommentVNode as o, toDisplayString as e } from "vue";
+const r = { class: "mn-b-small" }, s = { class: "t-transp p-regular" }, d = {
+  __name: "EmptyState",
+  props: {
+    title: {
+      type: String,
+      default: "Sorry, nothing found."
+    },
+    description: {
+      type: String,
+      default: "No items to display. Try changing your search criteria."
+    },
+    action: {
+      type: String
+    },
+    callback: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  setup(t) {
+    return (u, n) => (c(), a("section", null, [
+      l("h5", r, e(t.title), 1),
+      l("p", s, e(t.description), 1),
+      t.action ? (c(), a("button", {
+        key: 0,
+        onClick: n[0] || (n[0] = (...i) => t.callback && t.callback(...i)),
+        class: "mn-t-small t-white bg-second w-100 button"
+      }, e(t.action), 1)) : o("", !0)
+    ]));
+  }
+};
+export {
+  d as default
+};

package/dist/martyrs.es3.js

@@ -0,0 +1,116 @@
+import { ref as d, createElementBlock as f, openBlock as s, normalizeClass as r, withModifiers as h, createElementVNode as a, createCommentVNode as B, renderSlot as x, createBlock as m, Fragment as v, createTextVNode as y, toDisplayString as b } from "vue";
+import w from "./martyrs.es43.js";
+import L from "./martyrs.es44.js";
+/* empty css             */
+import S from "./martyrs.es46.js";
+const T = ["disabled"], N = {
+  key: 0,
+  class: "button-counter font-second flex flex-center"
+}, E = { class: "t-black dark:t-white" }, O = {
+  __name: "Button",
+  props: {
+    submit: {
+      type: Function,
+      default: async () => {
+        console.log("Button click.");
+      }
+    },
+    text: {
+      type: Object,
+      default: () => ({
+        success: null,
+        error: null
+      })
+    },
+    counter: {
+      type: Object
+    },
+    callback: {
+      type: Function,
+      default: async () => {
+        console.log("Button callback.");
+      }
+    },
+    callbackDelay: {
+      type: Number,
+      default: 750
+    },
+    showSucces: {
+      type: Boolean,
+      default: !0
+    },
+    showLoader: {
+      type: Boolean,
+      default: !0
+    },
+    validation: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["error"],
+  setup(e, { emit: k }) {
+    const o = e, p = k, t = d(null), n = d(null), l = d(!1), i = d(!1);
+    async function g() {
+      console.log("click"), t.value.style["pointer-events"] = "none", n.value = null, l.value = !0;
+      const c = () => {
+        t.value && (t.value.style.pointerEvents = "auto", l.value = !1, i.value = !1, n.value = null);
+      };
+      try {
+        await o.submit(), t.value.classList.replace("bg-main", "bg-second"), l.value = !1, o.showSucces ? (i.value = !0, setTimeout(() => {
+          c(), t.value.classList.replace("bg-second", "bg-main");
+        }, 500)) : (c(), t.value.classList.replace("bg-second", "bg-main")), o.callback && setTimeout(() => o.callback(), o.callbackDelay);
+      } catch (u) {
+        console.error("=== BUTTON ERROR ===", u), p("error", u), t.value.classList.replace("bg-main", "bg-fourth-nano"), l.value = !1, n.value = !0, setTimeout(() => {
+          c(), t.value.classList.replace("bg-fourth-nano", "bg-main");
+        }, 1330);
+      }
+    }
+    return (c, u) => (s(), f("button", {
+      onClick: h(g, ["stop"]),
+      disabled: e.validation,
+      ref_key: "button",
+      ref: t,
+      class: r(["button", { "button--disabled": l.value || e.validation }])
+    }, [
+      a("span", {
+        class: r(["button-content", { hidden: l.value || n.value || i.value }])
+      }, [
+        x(c.$slots, "default", {}, void 0, !0)
+      ], 2),
+      a("span", {
+        class: r(["button-loader", { active: l.value && e.showLoader }])
+      }, u[0] || (u[0] = [
+        a("span", { class: "dot" }, null, -1),
+        a("span", { class: "dot" }, null, -1),
+        a("span", { class: "dot" }, null, -1)
+      ]), 2),
+      a("span", {
+        class: r(["button-success", { active: i.value && e.showSucces }])
+      }, [
+        e.text.success ? (s(), f(v, { key: 0 }, [
+          y(b(e.text.success), 1)
+        ], 64)) : (s(), m(w, {
+          key: 1,
+          class: "i-regular"
+        }))
+      ], 2),
+      a("span", {
+        class: r(["button-error", { active: n.value }])
+      }, [
+        e.text.error ? (s(), f(v, { key: 0 }, [
+          y(b(e.text.error), 1)
+        ], 64)) : (s(), m(L, {
+          key: 1,
+          class: "i-regular"
+        }))
+      ], 2),
+      e.counter ? (s(), f("div", N, [
+        a("span", E, b(e.counter), 1)
+      ])) : B("", !0)
+    ], 10, T));
+  }
+}, $ = /* @__PURE__ */ S(O, [["__scopeId", "data-v-8d15c58c"]]);
+export {
+  $ as default
+};