r3ui-lib 1.3.19 → 1.3.21

package/dist/modules/composables/forms/useSearchForm.js

@@ -0,0 +1,52 @@
+import { ref as a, computed as r } from "vue";
+function w(i = {}) {
+  const {
+    placeholder: p = "Поиск...",
+    searchHint: g = "Введите минимум 3 символа",
+    searchTypes: h = [
+      { value: "partial", label: "По частичному совпадению" },
+      { value: "exact", label: "По полному совпадению" }
+    ],
+    defaultSearchType: u = "partial",
+    minSearchLength: s = 3
+  } = i, t = a(""), o = a([]), l = a(!1), S = a(u), n = a(!1), c = a(!1), v = r(() => t.value && t.value.length > 0 && t.value.length < s ? `Введите минимум ${s} символа` : g), d = r(() => h);
+  return {
+    // State
+    search: t,
+    options: o,
+    isSearchLoading: l,
+    searchType: S,
+    showSettings: n,
+    isLoading: c,
+    // Computed
+    enterCharacterMessage: v,
+    filteredSearchTypes: d,
+    // Methods
+    onSearch: (e) => {
+      t.value = e || "", e && e.length >= s;
+    },
+    onSelect: (e) => {
+    },
+    clearSearch: () => {
+      t.value = "", o.value = [];
+    },
+    toggleSettings: () => {
+      n.value = !n.value;
+    },
+    hideSettings: () => {
+      n.value = !1;
+    },
+    setOptions: (e) => {
+      o.value = e;
+    },
+    setLoading: (e) => {
+      l.value = e;
+    },
+    setGlobalLoading: (e) => {
+      c.value = e;
+    }
+  };
+}
+export {
+  w as useSearchForm
+};

package/dist/modules/composables/forms/useUnsavedChanges.js

@@ -0,0 +1,84 @@
+import { getCurrentScope as V, shallowRef as D, ref as h, getCurrentInstance as U, computed as T, watch as P, toValue as E, onMounted as q, onActivated as B, onDeactivated as O, onScopeDispose as W, readonly as x } from "vue";
+import { equalTableValue as A, cloneTableValue as I } from "../../utils/tableSnapshotValue.js";
+function j(s) {
+  if (!V())
+    throw new Error("useUnsavedChanges требует активный Vue scope");
+  if (typeof s?.getSnapshot != "function")
+    throw new TypeError("useUnsavedChanges: getSnapshot должен быть функцией");
+  const a = D(null), f = h(!1), n = h(!0), m = U(), w = h(!m), u = () => E(s.enabled ?? !0), l = () => E(s.isPersisting ?? !1), c = T(
+    () => a.value !== null && !A(s.getSnapshot(), a.value.snapshot)
+  );
+  let i = !1, r;
+  function g(e) {
+    const o = r;
+    r = void 0, f.value = !1, o?.(e);
+  }
+  function t() {
+    g(!1);
+  }
+  function L(...e) {
+    if (i) throw new Error("Отслеживание формы уже завершено");
+    const o = I(
+      e.length ? e[0] : s.getSnapshot()
+    );
+    a.value = { snapshot: o };
+  }
+  function b() {
+    t(), a.value = null;
+  }
+  function S() {
+    const e = r;
+    if (r = void 0, e?.(!1), i || !n.value)
+      return t(), Promise.resolve(!1);
+    if (!u())
+      return t(), Promise.resolve(!0);
+    if (l())
+      return t(), Promise.resolve(!1);
+    if (!c.value)
+      return t(), Promise.resolve(!0);
+    const o = new Promise((p) => {
+      r = p;
+    });
+    return f.value = !0, o;
+  }
+  function C() {
+    r && g(!i && n.value && u() && !l());
+  }
+  P(
+    [u, l, n],
+    ([e, o, p]) => {
+      (!e || o || !p) && t();
+    },
+    { flush: "sync" }
+  );
+  const y = () => w.value && n.value && u() && (l() || c.value), v = typeof window > "u" ? void 0 : window;
+  function d(e) {
+    y() && (e.preventDefault(), e.returnValue = "");
+  }
+  return P(
+    y,
+    (e) => {
+      e ? v?.addEventListener("beforeunload", d) : v?.removeEventListener("beforeunload", d);
+    },
+    { immediate: !0, flush: "sync" }
+  ), m && (q(() => {
+    w.value = !0;
+  }), B(() => {
+    n.value = !0;
+  }), O(() => {
+    n.value = !1;
+  })), W(() => {
+    i = !0, n.value = !1, b(), v?.removeEventListener("beforeunload", d);
+  }), {
+    isDirty: c,
+    confirmationOpen: x(f),
+    captureBaseline: L,
+    clearBaseline: b,
+    requestLeave: S,
+    confirmLeave: C,
+    cancelLeave: t
+  };
+}
+export {
+  j as useUnsavedChanges
+};

package/dist/modules/composables/layout/useR3uiLayoutInject.js

@@ -0,0 +1,32 @@
+import { inject as n } from "vue";
+import { expandAccordionKey as e, expandedAccordionKey as i, addToLocalStorageKey as o, hideSpinnerKey as r, showSpinnerKey as t, sidebarContentVisibilityKey as c, toggleSidebarKey as d } from "../../types/layoutInjectKeys.js";
+function a() {
+  return n(e, null) ?? n("expandAccordion");
+}
+function p() {
+  return n(i, null) ?? n("expandedAccordion");
+}
+function S() {
+  return n(c, null) ?? n("sidebarContentVisibility");
+}
+function y() {
+  return n(d, null) ?? n("toggleSidebar");
+}
+function b() {
+  return n(t, null) ?? n("showSpinner");
+}
+function f() {
+  return n(r, null) ?? n("hideSpinner");
+}
+function g() {
+  return n(o, null) ?? n("addToLocalStorage");
+}
+export {
+  g as injectAddToLocalStorage,
+  a as injectExpandAccordion,
+  p as injectExpandedAccordion,
+  f as injectHideSpinner,
+  b as injectShowSpinner,
+  S as injectSidebarContentVisibility,
+  y as injectToggleSidebar
+};

package/dist/modules/composables/main/useBreadcrumbs.js

@@ -0,0 +1,75 @@
+import { ref as S, computed as B, onMounted as w } from "vue";
+const N = (i = {}) => {
+  const {
+    navigate: l = (e) => console.warn("useBreadcrumbs: navigate function not provided"),
+    translate: f = (e) => e,
+    getCurrentRoute: m = () => ({ path: "/", name: "home" }),
+    maxItems: o = 5,
+    storageKey: n = "breadcrumbs"
+  } = i, t = S([]);
+  function p(e) {
+    l(e);
+  }
+  function u(e, r) {
+    if (!Array.isArray(e)) return [];
+    const a = JSON.parse(JSON.stringify(e));
+    return a.length > r && a.splice(0, a.length - r), a;
+  }
+  function d() {
+    const e = m();
+    if (typeof e.path != "string" || !e.path)
+      throw new TypeError("useBreadcrumbs: path обязателен");
+    if (typeof e.name != "string" || !e.name)
+      throw new TypeError("useBreadcrumbs: name обязателен");
+    return { path: e.path, name: e.name };
+  }
+  function g() {
+    const e = localStorage.getItem(n);
+    if (e === null || e === "") return [];
+    let r;
+    try {
+      r = JSON.parse(e);
+    } catch {
+      throw new TypeError("useBreadcrumbs: невалидный JSON в storage");
+    }
+    if (!Array.isArray(r))
+      throw new TypeError("useBreadcrumbs: storage должен быть массивом");
+    return r;
+  }
+  function s() {
+    const e = d(), r = t.value || [], a = r[r.length - 1];
+    if (JSON.stringify(a) === JSON.stringify(e)) return !1;
+    r.push(e), t.value = u(r, o), localStorage.setItem(n, JSON.stringify(t.value));
+  }
+  function c() {
+    t.value = g(), s();
+  }
+  const h = B(() => t.value.map((e, r) => ({
+    text: f(`routes.${e.name}`),
+    href: e.path,
+    isActive: r === t.value.length - 1
+  })));
+  function y() {
+    s();
+  }
+  function v() {
+    t.value = [], localStorage.removeItem(n);
+  }
+  function b(e) {
+    const r = t.value || [];
+    r.push(e), t.value = u(r, o), localStorage.setItem(n, JSON.stringify(t.value));
+  }
+  return typeof localStorage < "u" && c(), w(() => {
+    t.value.length === 0 && typeof localStorage < "u" && c();
+  }), {
+    goTo: p,
+    crumbs: h,
+    breadcrumbs: t,
+    updateBreadcrumbs: y,
+    clearBreadcrumbs: v,
+    addBreadcrumb: b
+  };
+};
+export {
+  N as useBreadcrumbs
+};

package/dist/modules/composables/main/useMain.js

@@ -0,0 +1,38 @@
+import { ref as n, provide as s, watch as f, onMounted as g, onBeforeUnmount as m } from "vue";
+import { sidebarContentVisibilityKey as h, toggleSidebarKey as w } from "../../types/layoutInjectKeys.js";
+const V = (b) => {
+  const e = n(!0), a = n(null), l = n(null), t = n(320), d = () => {
+    e.value = !1, t.value = 60, localStorage.setItem("sideBarVisibility", "0");
+  }, c = () => {
+    e.value = !0, t.value = 320, localStorage.setItem("sideBarVisibility", "1");
+  }, r = () => {
+    e.value ? d() : c();
+  }, v = () => {
+    localStorage.getItem("sideBarVisibility") === "0" ? d() : c();
+  }, i = () => {
+    setTimeout(() => {
+      const o = a.value?.offsetWidth || 0, u = t.value || 0;
+      if (o > 0 && u > 0) {
+        const S = window.innerWidth < 768;
+        l.value = S ? o : o - u - 20;
+      }
+    }, 50);
+  };
+  return s(h, e), s("sidebarContentVisibility", e), s(w, r), s("toggleSidebar", r), f(t, () => {
+    i();
+  }, { deep: !0 }), g(() => {
+    v(), i(), window.addEventListener("resize", i, !0);
+  }), m(() => {
+    window.removeEventListener("resize", i, !0);
+  }), {
+    isAuthenticated: b,
+    contentWidth: l,
+    clientWidth: a,
+    sidebarWidth: t,
+    toggleSidebar: r,
+    sidebarContentVisibility: e
+  };
+};
+export {
+  V as useMain
+};

package/dist/modules/composables/main/usePermissionChecker.js

@@ -0,0 +1,15 @@
+import { computed as o, toValue as t } from "vue";
+import { hasPermission as u } from "../../utils/helpers.js";
+function s(e) {
+  return e?.length ? e.map((r) => typeof r == "string" ? r : r?.name ?? "").filter((r) => !!r) : [];
+}
+function f(e) {
+  const r = o(() => {
+    const n = t(e);
+    return s(n);
+  });
+  return (n) => u(n, r.value);
+}
+export {
+  f as usePermissionChecker
+};

package/dist/modules/composables/modals/useModalLayer.js

@@ -0,0 +1,109 @@
+import { useId as w, onMounted as E, onActivated as x, onDeactivated as S, watch as I, onScopeDispose as L } from "vue";
+const m = /* @__PURE__ */ new WeakMap(), M = 'a[href], button, input, select, textarea, [tabindex], [contenteditable="true"]';
+function b(n) {
+  const o = Array.from(
+    n.querySelectorAll(M)
+  ).filter(
+    (t) => t.tabIndex >= 0 && !t.matches(":disabled") && !t.closest('[inert], [hidden], [aria-hidden="true"]') && t.getClientRects().length > 0 && getComputedStyle(t).visibility !== "hidden"
+  ), c = /* @__PURE__ */ new Map();
+  for (const t of o) {
+    if (!(t instanceof HTMLInputElement) || t.type !== "radio" || !t.name)
+      continue;
+    let s = c.get(t.name);
+    s || (s = /* @__PURE__ */ new Map(), c.set(t.name, s)), (!s.has(t.form) || t.checked) && s.set(t.form, t);
+  }
+  return o.filter(
+    (t) => !(t instanceof HTMLInputElement) || t.type !== "radio" || !t.name ? !0 : c.get(t.name)?.get(t.form) === t
+  );
+}
+function v(n) {
+  const o = b(n.dialog);
+  (o.find((t) => t.hasAttribute("autofocus")) ?? o[0] ?? n.dialog).focus({ preventScroll: !0 });
+}
+function k(n) {
+  const o = [];
+  let c = "", t = "";
+  const s = () => o[o.length - 1], g = new MutationObserver(() => {
+    const e = s();
+    e && !e.root.contains(n.activeElement) && v(e);
+  });
+  function l() {
+    g.disconnect();
+    let e = 0;
+    o.forEach((i) => {
+      const a = i === s();
+      e = Math.max(i.baseZIndex, e + 2), i.root.style.zIndex = String(e), i.root.inert = !a, i.dialog.setAttribute("aria-modal", String(a));
+    });
+    const r = s();
+    r && g.observe(r.dialog, { childList: !0, subtree: !0 });
+  }
+  function u(e) {
+    const r = s();
+    if (!(!r || e.defaultPrevented || e.isComposing)) {
+      if (e.key === "Escape")
+        e.preventDefault(), e.stopPropagation(), r.close();
+      else if (e.key === "Tab") {
+        const i = b(r.dialog), a = i.indexOf(n.activeElement), h = e.shiftKey ? a <= 0 ? i.length - 1 : a - 1 : a < 0 || a === i.length - 1 ? 0 : a + 1;
+        e.preventDefault(), (i[h] ?? r.dialog).focus({ preventScroll: !0 });
+      }
+    }
+  }
+  function f(e) {
+    const r = s();
+    r && !r.root.contains(e.target) && v(r);
+  }
+  function d(e) {
+    o.length === 0 && (c = n.body.style.getPropertyValue("overflow"), t = n.body.style.getPropertyPriority("overflow"), n.body.style.setProperty("overflow", "hidden"), n.defaultView?.addEventListener("keydown", u), n.addEventListener("focusin", f)), o.push(e), l(), v(e);
+  }
+  function p(e) {
+    const r = o.indexOf(e);
+    if (r < 0) return;
+    const i = e === s();
+    o.splice(r, 1);
+    for (const y of o)
+      y.returnFocus && e.root.contains(y.returnFocus) && (y.returnFocus = e.returnFocus);
+    if (l(), o.length === 0 && (n.body.style.setProperty(
+      "overflow",
+      c,
+      t
+    ), n.defaultView?.removeEventListener("keydown", u), n.removeEventListener("focusin", f), m.delete(n)), !i) return;
+    const a = s(), h = e.returnFocus;
+    h?.isConnected && !h.closest("[inert], [hidden]") && (!a || a.root.contains(h)) && h.focus({ preventScroll: !0 }), a && !a.root.contains(n.activeElement) && v(a);
+  }
+  return { add: d, remove: p };
+}
+function A(n, o, c, t) {
+  const s = w();
+  let g = !0, l;
+  function u() {
+    const f = o.value, d = c.value;
+    if (!g || !n.value || !f || !d) {
+      l?.(), l = void 0;
+      return;
+    }
+    if (l) return;
+    const p = f.ownerDocument, e = m.get(p) ?? k(p);
+    if (m.set(p, e), !d.hasAttribute("aria-labelledby")) {
+      const i = d.querySelector(
+        "h1, h2, h3, h4, h5, h6"
+      );
+      i && (i.id || (i.id = s), d.setAttribute("aria-labelledby", i.id));
+    }
+    const r = {
+      root: f,
+      dialog: d,
+      close: t,
+      baseZIndex: Number.parseInt(getComputedStyle(f).zIndex, 10) || 999,
+      returnFocus: p.activeElement instanceof HTMLElement ? p.activeElement : null
+    };
+    l = () => e.remove(r), e.add(r);
+  }
+  E(u), x(() => {
+    g = !0, u();
+  }), S(() => {
+    g = !1, u(), n.value && t();
+  }), I([n, o, c], u, { flush: "sync" }), L(() => l?.());
+}
+export {
+  A as useModalLayer
+};

package/dist/modules/composables/sidebar/useSidebar.js

@@ -0,0 +1,40 @@
+import { ref as p, computed as s, provide as i, watch as a, onMounted as f } from "vue";
+import { expandAccordionKey as v, expandedAccordionKey as x } from "../../types/layoutInjectKeys.js";
+import { injectSidebarContentVisibility as A, injectToggleSidebar as h } from "../layout/useR3uiLayoutInject.js";
+const S = (c) => {
+  const d = A(), u = h(), o = p({}), r = (n, e) => {
+    o.value[e] === n ? o.value[e] = null : o.value[e] = n;
+  }, l = s(() => c.value), t = () => {
+    if (o.value = {}, !d?.value)
+      return;
+    const n = (e) => {
+      e.childrens?.length && e.childrens.forEach(n), e.isActive && e.uniqueKey && r(e.uniqueKey, e.level);
+    };
+    c.value.forEach(n);
+  };
+  return i(v, r), i("expandAccordion", r), i(x, o), i("expandedAccordion", o), a(
+    c,
+    () => {
+      t();
+    },
+    { deep: !0 }
+  ), a(
+    () => d?.value,
+    () => {
+      t();
+    },
+    { deep: !0 }
+  ), f(() => {
+    t();
+  }), {
+    expandedAccordion: o,
+    expandAccordion: r,
+    sidebarLinks: c,
+    collapsedSidebarLinks: l,
+    toggleSidebar: u,
+    sidebarContentVisibility: d
+  };
+};
+export {
+  S as useSidebar
+};

package/dist/modules/composables/table/createTableCommandScheduler.js

@@ -0,0 +1,62 @@
+import { createTableOperation as h, tableOperationStopped as C } from "../../utils/tableOperation.js";
+function q() {
+  let o, d, a = !1, i = !1;
+  function l(t = "superseded") {
+    d?.(t);
+  }
+  function b(t) {
+    l();
+    let r = "queued", c, f;
+    const p = new Promise((n, v) => {
+      c = n, f = v;
+    });
+    p.catch(() => {
+    });
+    const e = h({
+      ...t,
+      signal: t.signal,
+      signals: [t.external?.signal, ...t.signals ?? []],
+      isCurrent: () => !i && !a && o === u && (t.external?.isCurrent() ?? !0) && t.isCurrent()
+    });
+    function g() {
+      e.operation.signal.removeEventListener("abort", s), e.dispose();
+    }
+    function m(n) {
+      r !== "settled" && (r = "settled", g(), c(n));
+    }
+    function s() {
+      m(C(e.operation));
+    }
+    const u = {
+      operation: e.operation,
+      result: p,
+      get phase() {
+        return r;
+      },
+      start() {
+        return r !== "queued" ? !1 : e.operation.isCurrent() ? (r = "running", !0) : (s(), !1);
+      },
+      finish: m,
+      fail(n) {
+        r !== "settled" && (r = "settled", g(), f(n));
+      }
+    };
+    return o = u, d = e.abort, e.operation.signal.addEventListener("abort", s, { once: !0 }), i || a ? e.abort("cancelled") : e.operation.signal.aborted && s(), u;
+  }
+  return {
+    schedule: b,
+    invalidate: l,
+    pause() {
+      a = !0, l("cancelled");
+    },
+    resume() {
+      i || (a = !1);
+    },
+    dispose() {
+      i = !0, l("cancelled");
+    }
+  };
+}
+export {
+  q as createTableCommandScheduler
+};