@zealsolutions/zeal-ui 1.0.0-alpha.332 → 1.0.0-alpha.334

package/dist/components/session/index.js

@@ -0,0 +1,65 @@
+import { ref as p, openBlock as k, createElementBlock as D, createElementVNode as h, toDisplayString as E } from "vue";
+const I = ["mousemove", "keydown", "click", "scroll", "touchstart"], M = 1e3, L = 1e3, R = 60 * 1e3;
+function C({
+  idleMinutes: s,
+  countdownSeconds: n,
+  redirectUrl: a,
+  onKeepAlive: o,
+  isEnabled: T
+}) {
+  const t = p(!1), u = p(n), f = s * 60 * 1e3, x = f - n * 1e3;
+  let l = Date.now(), m = 0, r = !1, c = 0, i = null, d = !1;
+  function w() {
+    if (o)
+      try {
+        o();
+      } catch {
+      }
+  }
+  function g() {
+    const e = Date.now();
+    e < m || (m = e + L, l = e, r = !0, t.value && (t.value = !1));
+  }
+  function _() {
+    const e = Date.now(), v = e - l;
+    if (v >= f) {
+      d || (d = !0, y(), window.location.assign(a));
+      return;
+    }
+    v >= x ? (t.value = !0, u.value = Math.max(0, Math.ceil((f - v) / 1e3))) : (t.value = !1, r && o && e - c >= R && (c = e, w())), r = !1;
+  }
+  function b() {
+    !T || i || (l = Date.now(), r = !1, c = 0, d = !1, I.forEach((e) => window.addEventListener(e, g, { passive: !0 })), i = setInterval(_, M));
+  }
+  function y() {
+    i && (clearInterval(i), i = null), I.forEach((e) => window.removeEventListener(e, g));
+  }
+  function A() {
+    l = Date.now(), c = Date.now(), t.value = !1, u.value = n, w();
+  }
+  return { isWarning: t, secondsRemaining: u, stayActive: A, start: b, stop: y };
+}
+const S = {
+  role: "alert",
+  class: "fixed inset-x-0 top-0 z-[9999] flex items-center justify-center gap-4 bg-warning-950 px-4 py-3 text-white shadow-lg"
+}, V = { class: "text-sm font-medium" }, N = {
+  __name: "IdleWarningBar",
+  props: {
+    secondsRemaining: { type: Number, required: !0 }
+  },
+  emits: ["stay-active"],
+  setup(s) {
+    return (n, a) => (k(), D("div", S, [
+      h("span", V, " You will be logged out in " + E(s.secondsRemaining) + " second" + E(s.secondsRemaining === 1 ? "" : "s") + " due to inactivity. ", 1),
+      h("button", {
+        type: "button",
+        class: "rounded-md bg-white/20 px-3 py-1 text-sm font-semibold hover:bg-white/30",
+        onClick: a[0] || (a[0] = (o) => n.$emit("stay-active"))
+      }, " Stay logged in ")
+    ]));
+  }
+};
+export {
+  N as IdleWarningBar,
+  C as useIdleTimeout
+};