@ozdao/martyrs 0.2.602 → 0.2.603

package/dist/martyrs.es30.js

@@ -0,0 +1,348 @@
+import { mergeModels as Z, useModel as L, ref as p, computed as R, watch as _, onMounted as ee, onUnmounted as te, createElementBlock as m, openBlock as s, Fragment as N, createCommentVNode as u, createBlock as d, normalizeClass as f, withCtx as M, createVNode as O, renderList as G, resolveDynamicComponent as le, unref as c, TransitionGroup as z, renderSlot as J } from "vue";
+import { useGlobalMixins as ae } from "./martyrs.es61.js";
+import E from "./martyrs.es35.js";
+import se from "./martyrs.es73.js";
+import re from "./martyrs.es29.js";
+import A from "./martyrs.es6.js";
+import oe from "./martyrs.es5.js";
+import ne from "./martyrs.es74.js";
+import ie from "./martyrs.es75.js";
+import ue from "./martyrs.es76.js";
+import de from "./martyrs.es77.js";
+import ce from "./martyrs.es78.js";
+/* empty css             */
+const me = {
+  key: 0,
+  style: { transform: "scale(1)" },
+  class: "mn-b-thin pos-relative z-index-2 pos-relative flex-nowrap flex gap-thin"
+}, fe = {
+  key: 4,
+  class: "pos-relative"
+}, ve = {
+  key: 0,
+  class: "pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center bg-white-transp-90 z-index-10"
+}, pe = {
+  key: 7,
+  class: "col-w-100 w-100 pos-relative"
+}, Be = {
+  __name: "Feed",
+  props: /* @__PURE__ */ Z({
+    showLoadMore: {
+      type: Boolean,
+      default: !0
+    },
+    LoadMore: {
+      type: Boolean,
+      default: !0
+    },
+    search: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    states: {
+      type: Object,
+      default: () => ({
+        empty: {
+          title: "Nothing found",
+          description: "Sorry, nothing found"
+        }
+      })
+    },
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    skeleton: {
+      type: Object,
+      default: () => ({
+        hide: !1,
+        horizontal: !1,
+        structure: [
+          { block: "text", size: "medium" },
+          { block: "text", size: "large" },
+          { block: "button", size: "small" }
+        ]
+      })
+    },
+    store: {
+      type: Object,
+      default: () => ({
+        read: Function,
+        state: Object
+      })
+    },
+    external: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        category: null,
+        limit: 10,
+        skip: 0,
+        owner: null,
+        creator: null,
+        customer: null,
+        user: null,
+        status: null,
+        period: null,
+        contain: null
+      })
+    },
+    keepSlotVisible: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    search: {},
+    searchModifiers: {},
+    sort: {},
+    sortModifiers: {},
+    filter: {},
+    filterModifiers: {},
+    date: {},
+    dateModifiers: {},
+    items: {},
+    itemsModifiers: {}
+  }),
+  emits: ["update:search", "update:sort", "update:filter", "update:date", "update:items"],
+  setup(l) {
+    const { replaceClasses: F } = ae(), k = L(l, "search"), r = L(l, "sort"), b = L(l, "filter"), n = L(l, "date"), B = L(l, "items"), U = p([]), v = R({
+      get: () => B.value ?? U.value,
+      set: (e) => {
+        B.value !== void 0 ? B.value = e : U.value = e;
+      }
+    }), D = R(() => b.value?.options ? b.value.options.map((e) => ({
+      key: e.value,
+      title: e.title,
+      type: "options",
+      options: e.options || [],
+      defaultValue: null
+    })) : []), o = l, h = p(!1);
+    let g = p(!0), x = p(!1), V = p(null), S = p(o.options.skip ? o.options.skip : 0), y = p(o.options.limit ? o.options.limit : 10), C = p(""), I = p(!1), w = 0;
+    function H(e, a) {
+      let t = null;
+      return (...i) => {
+        clearTimeout(t), t = setTimeout(() => e(...i), a);
+      };
+    }
+    const K = H((e) => {
+      I.value = !0, C.value = e, S.value = 0, y.value = 10, j();
+    }, 500);
+    function Q(e) {
+      K(e);
+    }
+    const P = (e) => Object.fromEntries(
+      Object.entries(e).filter(([a, t]) => t != null)
+    ), T = async () => {
+      if (!h.value || x.value)
+        return;
+      x.value = !0;
+      const e = ++w;
+      S.value += y.value;
+      try {
+        const a = {
+          skip: S.value,
+          limit: y.value,
+          search: C.value,
+          dateStart: n.value?.start,
+          dateEnd: n.value?.end,
+          sortParam: r.value?.param,
+          sortOrder: r.value?.order,
+          ...o.options
+        }, t = P(a), i = await o.store.read(t);
+        if (e !== w)
+          return;
+        i.length === 0 || i.length < y.value ? h.value = !1 : h.value = !0, v.value = [...v.value, ...i];
+      } catch (a) {
+        console.error("Load more error:", a);
+      } finally {
+        e === w && (x.value = !1);
+      }
+    }, j = async () => {
+      g.value = !0;
+      const e = ++w;
+      I.value && (v.value = [], I.value = !1);
+      try {
+        const a = {
+          skip: S.value,
+          limit: y.value,
+          search: C.value,
+          dateStart: n.value?.start,
+          dateEnd: n.value?.end,
+          sortParam: r.value?.param,
+          sortOrder: r.value?.order,
+          ...o.options
+        }, t = P(a), i = await o.store.read(t);
+        if (e !== w)
+          return;
+        i.length === 0 || i.length < y.value ? h.value = !1 : h.value = !0, v.value = i;
+      } catch (a) {
+        console.error("Fetch error:", a);
+      } finally {
+        e === w && (g.value = !1);
+      }
+    };
+    _(
+      [() => o.external, () => n.value, () => ({ ...r.value }), () => ({ ...o.options })],
+      ([e, a, t, i], [W, X, q, Y]) => {
+        (e !== W || a !== X || t?.order !== q?.order || t?.param !== q?.param || JSON.stringify(i) !== JSON.stringify(Y)) && (S.value = 0, j());
+      },
+      { deep: !0 }
+    );
+    let $ = null;
+    return ee(async () => {
+      await j(), typeof window < "u" && !o.showLoadMore && o.LoadMore && ($ = new IntersectionObserver((e) => {
+        e.some((a) => a.isIntersecting) && T();
+      }), V.value && $.observe(V.value));
+    }), te(() => {
+      $ && $.disconnect();
+    }), (e, a) => (s(), m(N, null, [
+      k.value || n.value || r.value && !r.value.hideButton ? (s(), m("div", me, [
+        k.value ? (s(), d(ne, {
+          key: 0,
+          placeholder: k.value.placeholder || "Search...",
+          class: f(k.value.class || "bg-light"),
+          onSearch: Q,
+          autofocus: k.value.autofocus
+        }, null, 8, ["placeholder", "class", "autofocus"])) : u("", !0),
+        b.value ? (s(), d(ue, {
+          key: 1,
+          modelValue: b.value.selected,
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => b.value.selected = t),
+          filters: D.value,
+          class: f(b.value.class || "mobile-only")
+        }, null, 8, ["modelValue", "filters", "class"])) : u("", !0),
+        n.value ? (s(), d(A, {
+          key: 2,
+          label: {
+            component: ce,
+            props: { date: n.value }
+          },
+          class: f([n.value.class || "bg-light", "flex-child flex-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium"]),
+          align: k.value ? "right" : "left"
+        }, {
+          default: M(() => [
+            O(oe, {
+              date: n.value,
+              "onUpdate:date": a[1] || (a[1] = (t) => n.value = t),
+              locale: e.$i18n.locale,
+              allowRange: !0,
+              class: "radius-medium w-100 o-hidden bg-light"
+            }, null, 8, ["date", "locale"])
+          ]),
+          _: 1
+        }, 8, ["label", "class", "align"])) : u("", !0),
+        r.value && !r.value.hideButton ? (s(), d(A, {
+          key: 3,
+          label: {
+            component: de,
+            props: { order: r.value.order },
+            class: "w-1r"
+          },
+          class: f([r.value.class || "bg-light", "radius-medium aspect-1x1 h-100"]),
+          align: k.value ? "right" : "left"
+        }, {
+          default: M(() => [
+            O(ie, {
+              param: r.value.param,
+              "onUpdate:param": a[2] || (a[2] = (t) => r.value.param = t),
+              order: r.value.order,
+              "onUpdate:order": a[3] || (a[3] = (t) => r.value.order = t),
+              options: r.value.options,
+              class: "h-100 pd-small radius-medium t-white bg-black"
+            }, null, 8, ["param", "order", "options"])
+          ]),
+          _: 1
+        }, 8, ["label", "class", "align"])) : u("", !0),
+        l.actions.length ? (s(!0), m(N, { key: 4 }, G(l.actions, (t) => (s(), m("div", {
+          key: t.key,
+          class: f([t.class || "bg-light", "flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100"])
+        }, [
+          (s(), d(le(t.component), {
+            onClick: t.handler,
+            class: "w-1r h-auto"
+          }, null, 8, ["onClick"]))
+        ], 2))), 128)) : u("", !0)
+      ])) : u("", !0),
+      c(g) && !l.keepSlotVisible ? (s(), d(z, {
+        key: 1,
+        tag: "ul",
+        name: "scaleTransition",
+        class: f(["pos-relative z-index-1", e.$attrs.class])
+      }, {
+        default: M(() => [
+          c(g) && !l.skeleton?.hide ? (s(!0), m(N, { key: 0 }, G(c(y), (t) => (s(), d(se, {
+            structure: l.skeleton.structure,
+            horizontal: l.skeleton.horizontal,
+            loading: l.skeleton.apply_to_slot,
+            key: "skeleton-" + t,
+            class: f(c(F)("radius-medium bg-light pd-thin flex-child-default o-hidden d-block", l.skeleton.class))
+          }, null, 8, ["structure", "horizontal", "loading", "class"]))), 128)) : u("", !0),
+          c(g) && l.skeleton?.hide ? (s(), d(E, {
+            key: 1,
+            centered: !0
+          })) : u("", !0)
+        ]),
+        _: 1
+      }, 8, ["class"])) : v.value.length < 1 ? (s(), d(z, {
+        key: 2,
+        tag: "ul",
+        name: "feed"
+      }, {
+        default: M(() => [
+          !c(g) && v.value.length < 1 ? (s(), d(re, {
+            key: 0,
+            title: l.states.empty.title,
+            description: l.states.empty.description,
+            action: l.states.empty.action,
+            callback: l.states.empty.callback,
+            class: f(c(F)("pd-medium bg-light radius-medium", l.states.empty.class))
+          }, null, 8, ["title", "description", "action", "callback", "class"])) : u("", !0)
+        ]),
+        _: 1
+      })) : !l.keepSlotVisible || !c(g) ? (s(), d(z, {
+        key: 3,
+        tag: "ul",
+        name: "feed",
+        class: f(e.$attrs.class)
+      }, {
+        default: M(() => [
+          J(e.$slots, "default", { items: v.value })
+        ]),
+        _: 3
+      }, 8, ["class"])) : (s(), m("div", fe, [
+        O(z, {
+          tag: "ul",
+          name: "feed",
+          class: f(e.$attrs.class)
+        }, {
+          default: M(() => [
+            J(e.$slots, "default", { items: v.value })
+          ]),
+          _: 3
+        }, 8, ["class"]),
+        c(g) && l.keepSlotVisible ? (s(), m("div", ve, [
+          O(E, { centered: !0 })
+        ])) : u("", !0)
+      ])),
+      l.showLoadMore && h.value && v.value.length > 0 && !c(x) ? (s(), m("button", {
+        key: 5,
+        onClick: T,
+        class: "col-w-100 mn-t-thin w-100 t-black bg-main button"
+      }, " Load More ")) : (s(), m("div", {
+        key: "sentinel",
+        ref_key: "sentinel",
+        ref: V,
+        class: "sentinel"
+      }, null, 512)),
+      c(x) ? (s(), m("div", pe, [
+        O(E, { centered: !0 })
+      ])) : u("", !0)
+    ], 64));
+  }
+};
+export {
+  Be as default
+};

package/dist/martyrs.es31.js

@@ -0,0 +1,83 @@
+import { ref as l, onMounted as p, createElementBlock as o, openBlock as t, createBlock as n, createVNode as c, normalizeClass as h, unref as y, withCtx as u, Fragment as v, renderList as b, Transition as g, renderSlot as k } from "vue";
+import { useI18n as w } from "vue-i18n";
+import { useGlobalMixins as _ } from "./martyrs.es61.js";
+import x from "./martyrs.es35.js";
+import j from "./martyrs.es37.js";
+import C from "./martyrs.es29.js";
+/* empty css             */
+import O from "./martyrs.es46.js";
+const B = { class: "pos-relative" }, D = {
+  key: 0,
+  class: "h-20r radius-semi pos-relative w-100 bg-light"
+}, L = {
+  __name: "Carousel",
+  props: {
+    showDots: Boolean,
+    store: Object,
+    states: {
+      type: Object,
+      default: () => ({
+        empty: {
+          title: "Nothing found",
+          description: "Sorry, nothing found"
+        }
+      })
+    },
+    options: Object,
+    text: Object,
+    user: Object
+  },
+  setup(e) {
+    const { replaceClasses: d } = _(), r = e, s = l([]), a = l(!0), { t: $ } = w({
+      messages: r.text
+    });
+    return p(async () => {
+      try {
+        s.value = await r.store.read(r.options), a.value = !1;
+      } catch (i) {
+        console.error("Error loading entities:", i), s.value = [], a.value = !1;
+      } finally {
+        a.value = !1;
+      }
+    }), (i, E) => (t(), o("div", B, [
+      a.value ? (t(), o("div", D, [
+        c(x, { centered: !0 })
+      ])) : s.value.length < 1 ? (t(), n(C, {
+        key: 1,
+        title: e.states.empty.title,
+        description: e.states.empty.description,
+        action: e.states.empty.action,
+        callback: e.states.empty.callback,
+        class: h(y(d)("pd-medium bg-light radius-medium", e.states.empty.class))
+      }, null, 8, ["title", "description", "action", "callback", "class"])) : (t(), n(j, {
+        key: 2,
+        showDots: e.showDots
+      }, {
+        default: u(() => [
+          (t(!0), o(v, null, b(s.value, (m, f) => (t(), o("div", {
+            key: f,
+            class: "carousel__slide pd-nano"
+          }, [
+            c(g, {
+              name: "fade",
+              mode: "out-in",
+              appear: ""
+            }, {
+              default: u(() => [
+                k(i.$slots, "default", {
+                  item: m,
+                  user: e.user
+                }, void 0, !0)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ]),
+        _: 3
+      }, 8, ["showDots"]))
+    ]));
+  }
+}, V = /* @__PURE__ */ O(L, [["__scopeId", "data-v-5db0aea4"]]);
+export {
+  V as default
+};

package/dist/martyrs.es32.js

@@ -0,0 +1,148 @@
+import { ref as i, onMounted as N, watchEffect as C, createBlock as V, openBlock as w, unref as s, isRef as $, withCtx as k, renderSlot as j, createVNode as I, createElementBlock as E, createCommentVNode as H, toDisplayString as M } from "vue";
+import O from "./martyrs.es8.js";
+import P from "./martyrs.es3.js";
+import q from "./martyrs.es81.js";
+import { useI18n as A } from "vue-i18n";
+const R = {
+  key: 0,
+  class: "desktop-only mn-r-thin"
+}, W = {
+  __name: "FieldBig",
+  props: {
+    input: String,
+    placeholder: {
+      type: String
+    },
+    action: {
+      type: String
+    },
+    placeholderTexts: {
+      type: Object,
+      default: () => ({
+        en: [
+          "Lowest THC, please!",
+          "Something with banana flavors?",
+          "I'm in the mood for trippy vibes."
+        ],
+        ru: [
+          "Я хочу самый низкий THC",
+          "Я хочу чего-нибудь бананового",
+          "Я хочу курнуть хейза"
+        ]
+      })
+    },
+    typingSpeed: {
+      type: Number,
+      default: 200
+    },
+    loopTyping: {
+      type: Boolean,
+      default: !1
+    },
+    enableTyping: {
+      type: Boolean,
+      default: !1
+    },
+    showLoader: {
+      type: Boolean,
+      default: !0
+    },
+    showSuccess: {
+      type: Boolean,
+      default: !0
+    },
+    callback: {
+      type: Function,
+      default: null
+    },
+    callbackDelay: {
+      type: Number,
+      default: 750
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    id: {
+      type: String,
+      default: null
+    },
+    validation: {
+      type: [Object, Boolean],
+      default: !1
+    }
+  },
+  emits: ["update:input", "action"],
+  setup(n, { emit: T }) {
+    const m = Math.random().toString(36).substr(2, 9), l = n, S = l.name || `field-big-${m}`, x = l.id || `field-big-${m}`, { t: U, locale: d } = A();
+    let r = i(0), a = i(l.input), v = i(l.placeholder), o = i(l.enableTyping), f = i(null), p = i(""), c = i(!0), h = null;
+    const y = T;
+    async function B() {
+      const e = y("action");
+      return e && typeof e.then == "function" ? e : Promise.resolve(e);
+    }
+    function F(e) {
+      y("update:input", e), p.value = e;
+    }
+    function g() {
+      r.value = (r.value + 1) % l.placeholderTexts[d.value].length;
+    }
+    function D() {
+      o.value = !1, clearInterval(f.value), v.value = l.placeholder, p.value || (a.value = "");
+    }
+    function L() {
+      !p.value && l.enableTyping && (o.value = !0, v.value = "", b());
+    }
+    function b() {
+      let e = l.placeholderTexts[d.value][r.value], t = 0, u = !1;
+      h = setInterval(() => {
+        c.value = !c.value;
+      }, 200), f.value = setInterval(() => {
+        o.value && (u ? (a.value = a.value.slice(0, -1), a.value = e.substring(0, t) + (c.value && t % 2 ? "|" : ""), t--) : (a.value = e.substring(0, t) + (c.value && t % 2 ? "|" : ""), t++), t > e.length && l.loopTyping && setTimeout(() => {
+          u = !0, a.value = e.substring(0, t);
+        }, 333), t === 0 && u && (u = !1, g(), e = l.placeholderTexts[d.value][r.value]));
+      }, l.typingSpeed);
+    }
+    return N(() => {
+      l.enableTyping && b();
+    }), C(() => {
+      o.value || (clearInterval(f.value), clearInterval(h));
+    }), (e, t) => (w(), V(O, {
+      field: s(a),
+      "onUpdate:field": [
+        t[0] || (t[0] = (u) => $(a) ? a.value = u : a = u),
+        F
+      ],
+      placeholder: s(o) ? "" : n.placeholder,
+      onInput: g,
+      onFocus: D,
+      onBlur: L,
+      name: s(S),
+      id: s(x),
+      validation: n.validation,
+      class: "radius-medium flex-nowrap flex w-100 p-regular fw-regular uppercase pd-thin"
+    }, {
+      default: k(() => [
+        j(e.$slots, "default"),
+        I(P, {
+          submit: B,
+          showSucces: n.showSuccess,
+          showLoader: n.showLoader,
+          callback: n.callback,
+          callbackDelay: n.callbackDelay,
+          class: "ws-nowrap fw-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover:bg-fifth fw-semi ease-linear t-black bg-main"
+        }, {
+          default: k(() => [
+            n.action ? (w(), E("span", R, M(n.action), 1)) : H("", !0),
+            I(q, { class: "i-medium" })
+          ]),
+          _: 1
+        }, 8, ["showSucces", "showLoader", "callback", "callbackDelay"])
+      ]),
+      _: 3
+    }, 8, ["field", "placeholder", "name", "id", "validation"]));
+  }
+};
+export {
+  W as default
+};