@ozdao/martyrs 0.2.602 → 0.2.603

package/dist/martyrs.es71.js

@@ -0,0 +1,114 @@
+import { Preferences as c } from "./martyrs.es92.js";
+import { reactive as r, isReactive as g } from "vue";
+import p from "./martyrs.es93.js";
+function m() {
+  const o = r({
+    loading: !1,
+    notFound: !1,
+    isOpenLocationPopup: !1,
+    isOpenSidebar: !1,
+    position: null,
+    search: null,
+    theme: {
+      mode: "system"
+      // 'light' | 'dark' | 'system'
+    },
+    navigation_bar: {
+      name: null,
+      actions: null
+    },
+    error: {
+      status: "",
+      headers: "",
+      data: "",
+      show: !1,
+      name: "",
+      message: ""
+    },
+    snack: {
+      show: !1,
+      type: "notification",
+      message: "",
+      duration: 3e3
+    },
+    // Session state - данные сессии хранятся здесь
+    session: {
+      token: null,
+      userId: null,
+      roles: null,
+      accesses: []
+    }
+  }), f = {
+    setLoading(e) {
+      o.loading = e;
+    },
+    // Theme: 'light' | 'dark' | 'system'
+    async setTheme(e) {
+      o.theme.mode = e, e === "light" || e === "dark" ? (typeof document < "u" && (document.cookie = `theme=${e}; path=/; max-age=31536000; SameSite=Lax`), await c.set({ key: "theme", value: e })) : (typeof document < "u" && (document.cookie = "theme=; path=/; max-age=0"), await c.remove({ key: "theme" }));
+      const t = document.documentElement;
+      t.classList.remove("dark-theme", "light-theme"), t.removeAttribute("data-theme"), e === "dark" ? (t.classList.add("dark-theme"), t.setAttribute("data-theme", "dark"), t.setAttribute("color-scheme", "dark")) : e === "light" ? (t.classList.add("light-theme"), t.setAttribute("data-theme", "light"), t.setAttribute("color-scheme", "light")) : t.setAttribute("color-scheme", "light dark");
+    },
+    toggleTheme() {
+      const e = o.theme.mode === "dark" || o.theme.mode === "system" && typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+      this.setTheme(e ? "light" : "dark");
+    },
+    add(e, t) {
+      const s = e.findIndex((i) => i._id === t._id);
+      s === -1 ? e.push(t) : e[s] = t;
+    },
+    update(e, t) {
+      const s = e.findIndex((i) => i._id === t._id);
+      s === -1 ? e.push(t) : Object.assign(e[s], t);
+    },
+    delete(e, t) {
+      const s = e.findIndex((i) => i._id === t._id);
+      s !== -1 && e.splice(s, 1);
+    },
+    increment(e, t) {
+      console.log(e), console.log(t);
+      const s = e.find((i) => i._id === t._id);
+      s && s.quantity++;
+    },
+    decrement(e, t) {
+      const s = e.find((n) => n._id === t._id), i = e.indexOf(s);
+      i > -1 && (s.quantity--, s.quantity < 1 && e.splice(i, 1));
+    },
+    reset(e) {
+    }
+  }, u = new p(o.session), h = r({
+    modules: [],
+    // Core module registered by default
+    core: { state: o, actions: f, session: u },
+    addStore(e, t) {
+      this[e] = t, this.modules.push(e);
+    },
+    async getInitialState() {
+      const e = {};
+      for (const [t, s] of Object.entries(this))
+        t !== "modules" && t !== "addStore" && t !== "getInitialState" && t !== "setInitialState" && s.state && (e[t] = JSON.parse(JSON.stringify(s.state)));
+      return e;
+    },
+    async setInitialState(e, t = !1) {
+      const s = Object.entries(e);
+      for (const [i, n] of s)
+        this[i] && this[i].state && (t ? Object.assign(this[i].state, n) : l(this[i].state, n));
+    }
+  });
+  function l(e, t) {
+    const s = Object.keys(t);
+    for (let i = 0; i < s.length; i++) {
+      const n = s[i], a = t[n];
+      a !== null && typeof a == "object" && !Array.isArray(a) && g(e[n]) ? l(e[n], a) : e[n] = a;
+    }
+  }
+  return h;
+}
+let d = null;
+function S() {
+  return typeof window > "u" ? (console.warn("[WARN] SSR store not in AsyncLocalStorage, creating new store instance"), m()) : (d || (d = m()), d);
+}
+S();
+export {
+  m as createStore,
+  S as useStore
+};

package/dist/martyrs.es73.js

@@ -0,0 +1,83 @@
+import { useSlots as m, computed as k, onMounted as y, createElementBlock as r, openBlock as s, normalizeClass as n, renderSlot as f, Fragment as g, renderList as p, normalizeStyle as h, createElementVNode as a } from "vue";
+/* empty css             */
+import v from "./martyrs.es46.js";
+const b = {
+  key: 2,
+  class: "skeleton-default"
+}, S = {
+  __name: "Skeleton",
+  props: {
+    // Флаг загрузки, определяет, нужно ли показывать скелетон
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    // Структура скелетона, если не используется слот
+    structure: {
+      type: Array,
+      default: () => []
+    },
+    // Горизонтальное расположение элементов (для карточек пользователей)
+    horizontal: {
+      type: Boolean,
+      default: !1
+    },
+    // Цвет фона карточки (светлый фон)
+    cardColor: {
+      type: String,
+      default: "rgb(var(--light))"
+    },
+    // Цвет блоков скелетона (серый)
+    blockColor: {
+      type: String,
+      default: "rgba(var(--white),0.25)"
+    },
+    // Цвет анимированной полосы (белый с прозрачностью)
+    highlightColor: {
+      type: String,
+      default: "rgba(var(--white), 0.9)"
+    },
+    // Скорость анимации в секундах
+    animationDuration: {
+      type: Number,
+      default: 1.5
+    },
+    // Радиус закругления
+    borderRadius: {
+      type: String,
+      default: "0.5rem"
+    }
+  },
+  setup(t) {
+    const u = m(), l = t, d = k(() => !!u.default);
+    return y(() => {
+      const e = document.documentElement;
+      e.style.setProperty("--skeleton-card-color", l.cardColor), e.style.setProperty("--skeleton-block-color", l.blockColor), e.style.setProperty("--skeleton-highlight-color", l.highlightColor), e.style.setProperty("--skeleton-animation-duration", `${l.animationDuration}s`), e.style.setProperty("--skeleton-border-radius", l.borderRadius);
+    }), (e, i) => (s(), r("div", {
+      class: n(["w-100 pos-relative", { "skeleton-wrapper--loading": t.loading }])
+    }, [
+      d.value && !t.structure.length ? f(e.$slots, "default", { key: 0 }, void 0, !0) : t.structure.length ? (s(), r("div", {
+        key: 1,
+        class: n(["skeleton-structure", { "skeleton-structure--horizontal": t.horizontal }])
+      }, [
+        (s(!0), r(g, null, p(t.structure, (o, c) => (s(), r("div", {
+          key: c,
+          class: n(["skeleton-item", [
+            `skeleton-item--${o.block}`,
+            `skeleton-item--${o.size || "medium"}`,
+            { "skeleton-item--rounded": o.rounded },
+            o.class
+          ]]),
+          style: h(o.style)
+        }, null, 6))), 128))
+      ], 2)) : (s(), r("div", b, i[0] || (i[0] = [
+        a("div", { class: "skeleton-item skeleton-item--text skeleton-item--small" }, null, -1),
+        a("div", { class: "skeleton-item skeleton-item--text skeleton-item--medium" }, null, -1),
+        a("div", { class: "skeleton-item skeleton-item--text skeleton-item--large" }, null, -1)
+      ])))
+    ], 2));
+  }
+}, B = /* @__PURE__ */ v(S, [["__scopeId", "data-v-b175ac0f"]]);
+export {
+  B as default
+};

package/dist/martyrs.es74.js

@@ -0,0 +1,52 @@
+import { ref as n, watch as s, createBlock as m, openBlock as i, withCtx as p, createVNode as f } from "vue";
+import h from "./martyrs.es95.js";
+import S from "./martyrs.es8.js";
+const v = {
+  __name: "BlockSearch",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "Enter shop or product name"
+    },
+    autofocus: {
+      type: Boolean,
+      default: !1
+    },
+    button: {
+      type: String,
+      default: "Search"
+    }
+  },
+  emits: ["search", "update:modelValue"],
+  setup(a, { emit: u }) {
+    const l = u, o = a, t = n(o.modelValue);
+    s(() => o.modelValue, (e) => {
+      t.value = e;
+    });
+    const c = (e) => {
+      t.value = e, l("update:modelValue", e), l("search", e);
+    };
+    return (e, r) => (i(), m(S, {
+      field: t.value,
+      "onUpdate:field": [
+        r[0] || (r[0] = (d) => t.value = d),
+        c
+      ],
+      placeholder: a.placeholder,
+      autofocus: a.autofocus,
+      class: "flex-v-center flex-nowrap flex pd-small bg-light w-100 radius-medium w-100"
+    }, {
+      icon: p(() => [
+        f(h, { class: "i-medium t-transp mn-r-thin" })
+      ]),
+      _: 1
+    }, 8, ["field", "placeholder", "autofocus"]));
+  }
+};
+export {
+  v as default
+};

package/dist/martyrs.es75.js

@@ -0,0 +1,75 @@
+import { mergeModels as f, useModel as o, createElementBlock as n, openBlock as t, createElementVNode as r, toDisplayString as v, Fragment as g, renderList as w, createBlock as x, normalizeClass as d, withModifiers as p, createVNode as u, createTextVNode as c } from "vue";
+import k from "./martyrs.es13.js";
+import m from "./martyrs.es96.js";
+const y = { class: "w-100 o-hidden" }, h = { class: "mn-b-thin" }, M = { class: "w-100 flex-nowrap flex gap-micro" }, D = {
+  __name: "BlockSorting",
+  props: /* @__PURE__ */ f({
+    title: {
+      type: String,
+      default: "Sorting Options"
+    },
+    options: {
+      type: Array,
+      default: [{
+        label: "Date",
+        value: "createdAt"
+      }, {
+        label: "Popularity",
+        value: "popularity"
+      }, {
+        label: "Creator",
+        value: "creator"
+      }]
+    }
+  }, {
+    param: {},
+    paramModifiers: {},
+    order: {},
+    orderModifiers: {}
+  }),
+  emits: ["update:param", "update:order"],
+  setup(a) {
+    const s = o(a, "param"), l = o(a, "order");
+    return (B, e) => (t(), n("div", y, [
+      r("h4", h, v(a.title), 1),
+      (t(!0), n(g, null, w(a.options, (i) => (t(), x(k, {
+        radio: s.value,
+        "onUpdate:radio": e[0] || (e[0] = (b) => s.value = b),
+        label: i.label,
+        value: i.value,
+        class: "w-100 mn-b-thin"
+      }, null, 8, ["radio", "label", "value"]))), 256)),
+      r("div", M, [
+        r("button", {
+          onClick: e[1] || (e[1] = p(() => l.value = "asc", ["stop"])),
+          class: d([{
+            "bg-white t-black": l.value === "asc"
+          }, "radius-semi flex-center w-100 uppercase p-small flex-nowrap flex gap-thin pd-thin br-1px br-grey-transp-25 w-100"])
+        }, [
+          u(m, {
+            order: "asc",
+            fill: l.value === "asc" ? "rgb(var(--black))" : "rgb(var(--white))",
+            class: "i-small"
+          }, null, 8, ["fill"]),
+          e[3] || (e[3] = c(" Ascending "))
+        ], 2),
+        r("button", {
+          onClick: e[2] || (e[2] = p(() => l.value = "desc", ["stop"])),
+          class: d([{
+            "bg-white t-black": l.value === "desc"
+          }, "radius-semi flex-center w-100 uppercase p-small flex-nowrap flex gap-thin pd-thin br-1px br-grey-transp-25 w-100"])
+        }, [
+          u(m, {
+            order: "desc",
+            fill: l.value === "desc" ? "rgb(var(--black))" : "rgb(var(--white))",
+            class: "i-small"
+          }, null, 8, ["fill"]),
+          e[4] || (e[4] = c(" Descending "))
+        ], 2)
+      ])
+    ]));
+  }
+};
+export {
+  D as default
+};

package/dist/martyrs.es76.js

@@ -0,0 +1,176 @@
+import { mergeModels as N, useModel as $, ref as C, reactive as P, watch as A, computed as R, createElementBlock as r, openBlock as s, createElementVNode as u, createVNode as p, normalizeClass as w, createCommentVNode as v, toDisplayString as h, Fragment as F, renderList as M, createBlock as d, withCtx as U } from "vue";
+import { useGlobalMixins as q } from "./martyrs.es61.js";
+import O from "./martyrs.es12.js";
+import G from "./martyrs.es5.js";
+import H from "./martyrs.es97.js";
+import I from "./martyrs.es98.js";
+import L from "./martyrs.es99.js";
+import J from "./martyrs.es100.js";
+/* empty css              */
+import K from "./martyrs.es46.js";
+import Q from "./martyrs.es102.js";
+import T from "./martyrs.es103.js";
+/* empty css              */
+const W = { class: "flex o-x-scroll scroll-hide ws-nowrap gap-thin" }, X = { key: 0 }, Y = ["onClick"], Z = { class: "ws-nowrap" }, S = {
+  key: 1,
+  class: "mn-l-micro"
+}, ee = { class: "mn-b-medium" }, te = { key: 2 }, ae = { class: "mn-t-small" }, le = { class: "flex gap-thin mn-t-medium" }, oe = ["onClick"], ne = ["onClick"], se = {
+  __name: "Filters",
+  props: {
+    filters: {
+      type: Array,
+      required: !0
+    },
+    filtersModifiers: {},
+    selected: {
+      type: Object,
+      default: () => ({})
+    },
+    selectedModifiers: {}
+  },
+  emits: /* @__PURE__ */ N(["select"], ["update:filters", "update:selected"]),
+  setup(b, { emit: B }) {
+    const i = $(b, "filters"), o = $(b, "selected"), y = B, { formatDate: _ } = q(), c = C(!1), m = P({}), l = P({});
+    C(null), A(i, (a) => {
+      a.forEach((e) => {
+        m[e.value] = !1, l[e.value] || (e.type === "checkbox" ? l[e.value] = [...o.value[e.value] || []] : e.type === "range" ? l[e.value] = { ...o.value[e.value] || { min: "", max: "" } } : (e.type, l[e.value] = o.value[e.value] || null));
+      });
+    }, { immediate: !0, deep: !0 }), A(o, (a) => {
+      Object.keys(a).forEach((e) => {
+        const t = i.value.find((n) => n.value === e);
+        t && (t.type === "checkbox" ? l[e] = [...a[e] || []] : t.type === "range" ? l[e] = { ...a[e] || { min: "", max: "" } } : l[e] = a[e]);
+      });
+    }, { deep: !0 });
+    const g = R(() => Object.entries(o.value).filter(([a, e]) => Array.isArray(e) ? e.length > 0 : typeof e == "object" && e !== null ? e.min || e.max : e != null).length), j = (a) => {
+      m[a] = !0;
+    }, E = (a) => {
+      const e = o.value[a.value];
+      return e ? Array.isArray(e) ? e.length > 0 : a.type === "range" ? e.min || e.max : !0 : !1;
+    }, f = (a) => {
+      const e = o.value[a.value];
+      return e ? a.type === "range" ? e.min || e.max : a.type === "date" ? e && e.start && e.end : Array.isArray(e) ? e.length > 0 : e : !1;
+    }, x = (a) => {
+      const e = o.value[a.value];
+      if (!e) return "";
+      if (Array.isArray(e))
+        return `(${e.length})`;
+      if (a.type === "range")
+        return !e.min && !e.max ? "" : `${e.min || "0"}-${e.max || "∞"}`;
+      if (a.type === "date")
+        return !e || !e.start || !e.end ? "" : `${_(e.start, { dayMonth: !0, language: "en" })} - ${_(e.end, { dayMonth: !0, language: "en" })}`;
+      if (a.type === "radio") {
+        const t = a.options.find((n) => n.value === e);
+        return t ? `(${t.label})` : "";
+      }
+      return "";
+    }, V = (a) => {
+      o.value[a] = l[a], m[a] = !1, y("select", { filter: a, value: l[a] });
+    }, k = (a) => {
+      const e = i.value.find((t) => t.value === a);
+      e && (e.type === "checkbox" ? l[a] = [...o.value[a] || []] : e.type === "range" ? l[a] = { ...o.value[a] || { min: "", max: "" } } : (e.type, l[a] = o.value[a] || null)), m[a] = !1;
+    }, z = (a) => {
+      Object.entries(a).forEach(([e, t]) => {
+        o.value[e] !== t && (o.value[e] = t, y("select", { filter: e, value: t }));
+      }), c.value = !1;
+    }, D = () => {
+      c.value = !1;
+    };
+    return (a, e) => (s(), r("div", W, [
+      u("button", {
+        onClick: e[0] || (e[0] = (t) => c.value = !0),
+        class: w(["pd-small radius-medium bg-light flex-v-center flex gap-micro cursor-pointer", { "bg-main": g.value > 0 }])
+      }, [
+        p(T, { class: "i-regular" }),
+        e[2] || (e[2] = u("span", { class: "h-1r" }, null, -1)),
+        g.value ? (s(), r("span", X, h(g.value), 1)) : v("", !0)
+      ], 2),
+      (s(!0), r(F, null, M(i.value, (t) => (s(), r("button", {
+        key: t.value,
+        onClick: (n) => j(t.value),
+        class: w(["pd-small radius-medium bg-light cursor-pointer flex-v-center flex gap-micro", { "selected bg-main": E(t) }])
+      }, [
+        t.type === "date" ? (s(), d(J, {
+          key: 0,
+          class: "mn-r-micro i-regular"
+        })) : v("", !0),
+        u("span", Z, h(t.type === "date" && f(t) ? x(t) : t.title), 1),
+        f(t) && t.type !== "date" ? (s(), r("span", S, h(x(t)), 1)) : v("", !0)
+      ], 10, Y))), 128)),
+      p(O, {
+        isPopupOpen: c.value,
+        onClosePopup: D,
+        align: a.isPhone() ? "bottom center" : "center center",
+        class: "w-min-20r bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium"
+      }, {
+        default: U(() => [
+          p(H, {
+            filters: i.value,
+            selected: l,
+            "onUpdate:selected": [
+              e[1] || (e[1] = (t) => l = t),
+              z
+            ],
+            immediate: !1,
+            showHeader: !0,
+            showApplyButton: !0,
+            showResetButton: !0
+          }, null, 8, ["filters", "selected"])
+        ]),
+        _: 1
+      }, 8, ["isPopupOpen", "align"]),
+      (s(!0), r(F, null, M(i.value, (t) => (s(), d(O, {
+        key: `popup-${t.value}`,
+        isPopupOpen: m[t.value],
+        onClosePopup: (n) => k(t.value),
+        align: a.isPhone() ? "bottom center" : "center center",
+        class: "bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium"
+      }, {
+        default: U(() => [
+          u("h4", ee, h(t.title), 1),
+          t.type === "checkbox" ? (s(), d(I, {
+            key: 0,
+            modelValue: l[t.value],
+            "onUpdate:modelValue": (n) => l[t.value] = n,
+            options: t.options
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : t.type === "range" ? (s(), d(L, {
+            key: 1,
+            modelValue: l[t.value],
+            "onUpdate:modelValue": (n) => l[t.value] = n,
+            minPlaceholder: t.minPlaceholder || "Min",
+            maxPlaceholder: t.maxPlaceholder || "Max",
+            label: t.label
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "minPlaceholder", "maxPlaceholder", "label"])) : t.type === "date" ? (s(), r("div", te, [
+            u("div", ae, [
+              p(G, {
+                date: l[t.value],
+                "onUpdate:date": (n) => l[t.value] = n,
+                allowRange: !0,
+                disablePastDates: !0,
+                class: "bg-light radius-small"
+              }, null, 8, ["date", "onUpdate:date"])
+            ])
+          ])) : t.type === "radio" ? (s(), d(Q, {
+            key: 3,
+            modelValue: l[t.value],
+            "onUpdate:modelValue": (n) => l[t.value] = n,
+            options: t.options
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : v("", !0),
+          u("div", le, [
+            u("button", {
+              onClick: (n) => k(t.value),
+              class: "bg-light button flex-child-full"
+            }, " Cancel ", 8, oe),
+            u("button", {
+              onClick: (n) => V(t.value),
+              class: "bg-main w-100 button flex-child-full"
+            }, " Apply ", 8, ne)
+          ])
+        ]),
+        _: 2
+      }, 1032, ["isPopupOpen", "onClosePopup", "align"]))), 128))
+    ]));
+  }
+}, fe = /* @__PURE__ */ K(se, [["__scopeId", "data-v-026224ab"]]);
+export {
+  fe as default
+};

package/dist/martyrs.es77.js

@@ -0,0 +1,31 @@
+import { toRefs as n, createElementBlock as a, openBlock as s, createVNode as l, unref as i } from "vue";
+import u from "./martyrs.es96.js";
+const _ = {
+  __name: "ButtonSort",
+  props: {
+    action: {
+      type: Function
+    },
+    order: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(r) {
+    const t = r, { action: e, order: o } = n(t), c = () => {
+      e.value && e.value();
+    };
+    return (p, d) => (s(), a("div", {
+      onClick: c,
+      class: "cursor-pointer t-center t-black radius-small flex-center flex aspect-1x1"
+    }, [
+      l(u, {
+        order: i(o),
+        class: "w-100 h-auto"
+      }, null, 8, ["order"])
+    ]));
+  }
+};
+export {
+  _ as default
+};

package/dist/martyrs.es78.js

@@ -0,0 +1,38 @@
+import { toRefs as g, computed as C, createElementBlock as y, openBlock as T, createVNode as v, createElementVNode as M, toDisplayString as U } from "vue";
+import k from "./martyrs.es105.js";
+const w = { class: "desktop-only mn-l-thin fw-semi" }, Y = {
+  __name: "ButtonDate",
+  props: {
+    action: {
+      type: Function
+    },
+    date: {
+      type: Object
+    }
+  },
+  setup(u) {
+    const i = u, { action: a, date: p } = g(i), d = C(() => f(p.value)), m = () => {
+      a.value && a.value();
+    };
+    function f(c) {
+      const t = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], { start: s, end: e } = c;
+      if (s === null && e === null)
+        return "All Time";
+      const n = new Date(s), r = n.getUTCDate(), l = t[n.getUTCMonth()], D = n.getUTCFullYear();
+      if (!e)
+        return `${r} ${l} ${D}`;
+      const o = new Date(e), h = o.getUTCDate(), _ = t[o.getUTCMonth()], $ = o.getUTCFullYear();
+      return `${r} ${l} - ${h} ${_} ${$}`;
+    }
+    return (c, t) => (T(), y("div", {
+      onClick: m,
+      class: "cursor-pointer flex-center flex"
+    }, [
+      v(k, { class: "w-1r h-auto" }),
+      M("span", w, U(d.value), 1)
+    ]));
+  }
+};
+export {
+  Y as default
+};