@umriss-ui/alarms 0.0.0-stage → 0.47.0

package/dist/alarms.js

@@ -0,0 +1,599 @@
+"use client";
+import "./alarms.css";
+import { jsx as i, jsxs as p, Fragment as Ae } from "react/jsx-runtime";
+import { useState as L, useMemo as $, useRef as U, useEffect as ze } from "react";
+import { DEFAULT_WORDING as xe, useWording as ee, useFormats as Se, useDensityFor as Be, Badge as P, Checkbox as qe, Button as R, Menu as Ee, MenuItem as $e, Popover as We, Tooltip as Ue, VisuallyHidden as Ce, ConfirmDialog as He, useFreshness as Ie, FormField as re, RadioGroup as Ne, Input as Ke } from "@umriss-ui/core";
+import { tableModel as Ve, useTable as Ge } from "@umriss-ui/table";
+const H = ["critical", "high", "medium", "low"], Ye = (e) => H.indexOf(e), de = (e) => e === "active-unacknowledged" || e === "active-acknowledged", ae = (e) => e === "active-acknowledged" || e === "resolved-acknowledged", Je = (e) => e === "resolved-acknowledged";
+function Qe(e, a) {
+  switch (a) {
+    case "raised":
+      return "active-unacknowledged";
+    case "acknowledged":
+      return de(e) ? "active-acknowledged" : "resolved-acknowledged";
+    case "resolved":
+      return ae(e) ? "resolved-acknowledged" : "resolved-unacknowledged";
+  }
+}
+const Xe = [
+  "in-service",
+  "snoozed",
+  "suppressed",
+  "disabled"
+], Z = (e) => e !== "in-service";
+function Ze(e, a) {
+  return e.availability === "snoozed" ? a >= e.snooze.until ? "in-service" : "snoozed" : e.availability ?? "in-service";
+}
+function ue(e, a) {
+  return e.availability === "snoozed" && a >= e.snooze.until && de(e.lifecycle) ? "active-unacknowledged" : e.lifecycle;
+}
+function Qa(e, a, t, r) {
+  return e.availability === "disabled" || e.availability === "suppressed" ? e : { ...e, availability: "snoozed", snooze: r === void 0 ? { until: a, by: t } : { until: a, by: t, reason: r } };
+}
+function Xa(e) {
+  return e.availability !== "snoozed" ? e : { ...e, availability: "in-service", snooze: void 0 };
+}
+function Za(e) {
+  return e.availability === "disabled" || e.availability === "suppressed" ? e : { ...e, availability: "disabled", snooze: void 0 };
+}
+function ja(e) {
+  return e.availability !== "disabled" ? e : { ...e, availability: "in-service" };
+}
+const en = (e, a) => e.direction === "upper" ? a <= e.returnTo : a >= e.returnTo, fe = (e, a, t) => e > t - a && e <= t, je = (e, a, t) => e.reduce((r, s) => r + (fe(s, a, t) ? 1 : 0), 0);
+function ea(e, a, t) {
+  const r = /* @__PURE__ */ new Map();
+  for (const s of e)
+    fe(s.raised, a, t) && r.set(s.type, (r.get(s.type) ?? 0) + 1);
+  return r;
+}
+const me = 6e5, Fe = (e, a) => e.raised !== a.raised ? e.raised < a.raised : (e.sequence ?? 1 / 0) < (a.sequence ?? 1 / 0);
+function aa(e) {
+  let a = e[0];
+  for (const t of e) Fe(t, a) && (a = t);
+  return a;
+}
+function na(e) {
+  let a = Number.POSITIVE_INFINITY;
+  for (const t of e) t < a && (a = t);
+  return a;
+}
+function la(e) {
+  let a = Number.NEGATIVE_INFINITY;
+  for (const t of e) t > a && (a = t);
+  return a;
+}
+function ta(e, a, t) {
+  const r = e.filter((o) => fe(o.raised, a.windowMs, t));
+  if (r.length < a.atLeast) return null;
+  const s = r.map((o) => o.raised);
+  return {
+    // No spread: a flood is the case with many elements, and an argument list
+    // of that size blows the call stack at some point. A loop cannot.
+    from: na(s),
+    to: la(s),
+    count: r.length,
+    alarms: r.map((o) => o.id),
+    first: aa(r).id
+  };
+}
+function X(e, a, t = Number.NEGATIVE_INFINITY) {
+  const r = new Set(a);
+  return e.reduce(
+    (s, o) => s + (r.has(o.id) && !ae(ue(o, t)) ? 1 : 0),
+    0
+  );
+}
+function an(e, a, t) {
+  const r = new Set(a);
+  let s = 0;
+  return { alarms: e.map((h) => {
+    const b = ue(h, t);
+    return !r.has(h.id) || ae(b) ? h : (s += 1, { ...h.availability === "snoozed" && t >= h.snooze.until ? { ...h, availability: "in-service", snooze: void 0 } : h, lifecycle: Qe(b, "acknowledged"), acknowledgedAt: t });
+  }), count: s };
+}
+const ia = (e) => [
+  {
+    id: "type",
+    label: e.alarmColumnAlarm,
+    value: (a) => a.type.label,
+    searchable: !0,
+    hideable: !1
+  },
+  { id: "lifecycle", label: e.alarmColumnLifecycleState, value: (a) => a.lifecycle, searchable: !0 },
+  /* The rank, like the priority: the column exists for the first level of the
+     order. */
+  { id: "availability", label: e.alarmColumnAvailability, value: (a) => Xe.indexOf(a.availability) },
+  { id: "priority", label: e.alarmColumnPriority, value: (a) => a.rank },
+  /* A column of its own instead of a glance at the lifecycle state: the second
+     level of the order asks only about the acknowledgement and expressly not
+     about whether the alarm is still active. Otherwise the fleeting alarm
+     falls back down again. */
+  { id: "acknowledgement", label: e.alarmColumnAcknowledgement, value: (a) => ae(a.lifecycle) ? 1 : 0 },
+  { id: "raised", label: e.alarmColumnRaised, value: (a) => a.alarm.raised },
+  { id: "age", label: e.alarmColumnAge, value: (a) => a.age },
+  { id: "frequency", label: e.alarmColumnFrequency, value: (a) => a.frequency }
+], ra = ia(xe), sa = [
+  { column: "availability", direction: "asc" },
+  { column: "priority", direction: "asc" },
+  { column: "acknowledgement", direction: "asc" },
+  { column: "raised", direction: "desc" }
+], oa = (e) => ({
+  id: e,
+  label: e,
+  priority: "high"
+});
+function nn(e, a = {}) {
+  const {
+    alarms: t,
+    types: r,
+    asOf: s,
+    chatter: o,
+    flood: h,
+    keepDone: b = !1,
+    columns: c = ra
+  } = e, g = new Map(r.map((n) => [n.id, n])), _ = ea(t, o?.windowMs ?? 1 / 0, s), d = h ? ta(t, h, s) : null, N = new Set(d?.alarms ?? []), k = /* @__PURE__ */ new Map();
+  for (const n of t) {
+    if (n.group === void 0) continue;
+    const f = k.get(n.group);
+    (f === void 0 || Fe(n, f)) && k.set(n.group, n);
+  }
+  const O = t.filter((n) => b || !Je(n.lifecycle)).map((n) => {
+    const f = g.get(n.type) ?? oa(n.type), S = _.get(n.type) ?? 0;
+    return {
+      id: n.id,
+      alarm: n,
+      type: f,
+      lifecycle: ue(n, s),
+      availability: Ze(n, s),
+      priority: f.priority,
+      rank: Ye(f.priority),
+      age: s - n.raised,
+      duration: (n.resolved ?? s) - n.raised,
+      frequency: S,
+      chatters: o !== void 0 && S >= o.atLeast,
+      inFlood: N.has(n.id),
+      firstOut: n.group !== void 0 && k.get(n.group) === n
+    };
+  }), y = Ve(O, c, {
+    ...a,
+    sort: a.sort === void 0 ? sa : a.sort
+  });
+  return {
+    ...y,
+    flood: d,
+    rate: je(t.map((n) => n.raised), me, s),
+    activeUnacknowledged: y.filtered.reduce(
+      (n, f) => n + (f.lifecycle === "active-unacknowledged" && !Z(f.availability) ? 1 : 0),
+      0
+    ),
+    unacknowledgedByPriority: y.filtered.reduce(
+      (n, f) => (f.lifecycle === "active-unacknowledged" && !Z(f.availability) && (n[f.priority] += 1), n),
+      { critical: 0, high: 0, medium: 0, low: 0 }
+    ),
+    hiddenAlarms: y.filtered.reduce(
+      (n, f) => n + (Z(f.availability) ? 1 : 0),
+      0
+    )
+  };
+}
+const ca = "_mark_1l90g_7", da = "_shape_1l90g_33 _text_18806_22", se = {
+  mark: ca,
+  shape: da
+};
+function j(e, a) {
+  return [a.alarmPriorityCritical, a.alarmPriorityHigh, a.alarmPriorityMedium, a.alarmPriorityLow][H.indexOf(e)];
+}
+function oe({ priority: e, lifecycle: a, availability: t = "in-service", className: r, ref: s, "aria-label": o, ...h }) {
+  const b = ee(), c = H.indexOf(e) + 1, g = t === "in-service";
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      role: "img",
+      ...h,
+      ref: s,
+      "aria-label": o ?? b.alarmPriorityName(c, j(e, b)),
+      className: r ? `${se.mark} ${r}` : se.mark,
+      "data-priority": e,
+      "data-neutral": g ? void 0 : "",
+      "data-flashing": g && a === "active-unacknowledged" ? "" : void 0,
+      children: /* @__PURE__ */ i("span", { className: se.shape, "aria-hidden": "true", children: c })
+    }
+  );
+}
+const ua = "_list_17n9u_4 _text_18806_22", fa = "_bar_17n9u_12", ma = "_heading_17n9u_19", ha = "_filler_17n9u_25", ya = "_asOf_17n9u_29", va = "_live_17n9u_46", ba = "_alarm_17n9u_54", pa = "_label_17n9u_59", ga = "_counter_17n9u_63", _a = "_state_17n9u_70", ka = "_lifecycle_17n9u_74", wa = "_hidden_17n9u_80", Na = "_hiddenLabel_17n9u_87", Aa = "_availability_17n9u_93", za = "_priority_17n9u_98", Sa = "_empty_17n9u_104", Ca = "_row_17n9u_112", Ia = "_snoozePanel_17n9u_132 _text_18806_22", Fa = "_snoozeForm_17n9u_143", u = {
+  list: ua,
+  bar: fa,
+  heading: ma,
+  filler: ha,
+  asOf: ya,
+  live: va,
+  alarm: ba,
+  label: pa,
+  counter: ga,
+  state: _a,
+  lifecycle: ka,
+  hidden: wa,
+  hiddenLabel: Na,
+  availability: Aa,
+  priority: za,
+  empty: Sa,
+  row: Ca,
+  snoozePanel: Ia,
+  snoozeForm: Fa
+};
+function La({
+  durations: e,
+  reasons: a,
+  required: t,
+  askReason: r,
+  onConfirm: s
+}) {
+  const o = ee(), [h, b] = L(String(e[0])), [c, g] = L(""), [_, d] = L(null), N = U(null);
+  ze(() => N.current?.querySelector("input:checked")?.focus(), []);
+  const k = _ ?? c.trim(), O = t && k === "";
+  return /* @__PURE__ */ p(
+    "form",
+    {
+      className: u.snoozeForm,
+      onSubmit: (y) => {
+        y.preventDefault(), O || s(Number(h), k);
+      },
+      children: [
+        /* @__PURE__ */ i(re, { label: o.alarmSnoozeDuration, children: /* @__PURE__ */ i(
+          Ne,
+          {
+            ref: N,
+            value: h,
+            onChange: b,
+            options: e.map((y) => ({ value: String(y), label: ce(y, o) }))
+          }
+        ) }),
+        a.length > 0 && /* @__PURE__ */ i(re, { label: o.alarmSnoozeReason, required: t, children: /* @__PURE__ */ i(
+          Ne,
+          {
+            value: _,
+            onChange: (y) => {
+              d(y), g("");
+            },
+            options: a.map((y) => ({ value: y, label: y }))
+          }
+        ) }),
+        r && /* @__PURE__ */ i(re, { label: a.length > 0 ? o.alarmSnoozeOtherReason : o.alarmSnoozeReason, required: t && a.length === 0, children: /* @__PURE__ */ i(
+          Ke,
+          {
+            value: c,
+            onChange: (y) => {
+              g(y.currentTarget.value), d(null);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ i(R, { type: "submit", variant: "primary", size: "sm", disabled: O, children: o.alarmSnooze })
+      ]
+    }
+  );
+}
+function Oa(e, a) {
+  switch (e) {
+    case "active-unacknowledged":
+      return a.alarmLifecycleActiveUnacknowledged;
+    case "active-acknowledged":
+      return a.alarmLifecycleActiveAcknowledged;
+    case "resolved-unacknowledged":
+      return a.alarmLifecycleResolvedUnacknowledged;
+    default:
+      return a.alarmLifecycleResolvedAcknowledged;
+  }
+}
+function Da(e, a, t) {
+  switch (e.availability) {
+    case "snoozed": {
+      const r = e.alarm.snooze;
+      if (!r) return null;
+      const s = new Date(r.until), o = new Date(e.alarm.raised + e.age), b = s.toDateString() === o.toDateString() ? t.time(s, !1) : t.dateTime(s, !1);
+      return { short: de(e.lifecycle) ? a.alarmAvailabilitySnoozedUntil(b) : a.alarmAvailabilitySnoozedShort, full: a.alarmAvailabilitySnoozed(b, r.by, r.reason?.trim() || void 0) };
+    }
+    case "suppressed":
+      return { short: a.alarmAvailabilitySuppressed, full: a.alarmAvailabilitySuppressed };
+    case "disabled":
+      return { short: a.alarmAvailabilityDisabled, full: a.alarmAvailabilityDisabled };
+    default:
+      return null;
+  }
+}
+function ce(e, a) {
+  const t = Math.max(0, Math.floor(e / 6e4)), r = Math.floor(t / 60), s = t % 60, o = [];
+  return r > 0 && o.push(a.hoursShort(r)), (r === 0 || s > 0) && o.push(a.minutesShort(s)), o.join(" ");
+}
+const Ma = 2e3;
+function ln(e) {
+  const { asOf: a, freshness: t, ...r } = e;
+  return a === void 0 || t === void 0 ? /* @__PURE__ */ i(Le, { ...r, freshness: null }) : /* @__PURE__ */ i(Pa, { ...r, asOf: a, ages: t });
+}
+function Pa({
+  asOf: e,
+  ages: a,
+  ...t
+}) {
+  const r = Ie(e, a);
+  return /* @__PURE__ */ i(Le, { ...t, freshness: r });
+}
+function Le({
+  view: e,
+  selection: a,
+  onAcknowledge: t,
+  onSnooze: r,
+  snoozeDurations: s,
+  snoozeReason: o,
+  snoozeReasons: h,
+  onUnsnooze: b,
+  density: c,
+  maxHeight: g,
+  className: _,
+  freshness: d,
+  hiddenOnly: N = !1,
+  onHiddenOnlyChange: k,
+  onKeyDown: O,
+  ...y
+}) {
+  const n = ee(), f = Se(), S = d !== null, he = d?.freshness === "lost", [C, A] = L(null), { Table: K, Column: T } = Ge(e.visible, { rowKey: (l) => l.id, selection: a }), x = $(() => e.filtered.map((l) => l.alarm), [e.filtered]), D = $(() => a === void 0 ? [] : e.filtered.map((l) => l.id).filter((l) => a.selected.has(l)), [e.filtered, a]), V = e.filtered[0], w = V === void 0 ? 0 : V.alarm.raised + V.age, ne = $(() => X(x, D, w), [x, D, w]), ye = $(() => e.filtered.map((l) => l.id), [e.filtered]), De = $(() => X(x, ye, w), [x, ye, w]), ve = () => {
+    const l = D.length > 0;
+    let m = D;
+    if (!l) {
+      const z = te.current?.querySelector("table")?.parentElement?.getBoundingClientRect();
+      m = Array.from(te.current?.querySelectorAll("tr[data-alarm-id]") ?? []).filter((q) => {
+        const W = q.getBoundingClientRect();
+        return z !== void 0 && W.bottom > z.top && W.top < z.bottom && W.bottom > 0 && W.top < window.innerHeight;
+      }).map((q) => q.dataset.alarmId);
+    }
+    const v = X(x, m, w);
+    v > 0 && le({ ids: m, count: v, selected: l });
+  }, B = $(() => e.filtered.filter((l) => a?.selected.has(l.id)), [e.filtered, a]), I = (B.length > 0 || C === null ? B : e.filtered.filter((l) => l.id === C)).filter((l) => l.availability === "in-service" || l.availability === "snoozed"), G = B.filter((l) => l.availability === "snoozed"), Me = Be(c, "compact"), be = r !== void 0 && s !== void 0 && s.length > 0, pe = o !== void 0 || (h?.length ?? 0) > 0, ge = n.alarmHidden(e.hiddenAlarms), Y = U(null), [_e, J] = L(!1), [Pe, ke] = L(0), Q = U(null), [M, le] = L(null), te = U(null), [ie, Re] = L({ at: w, count: e.activeUnacknowledged });
+  ie.count !== e.activeUnacknowledged && (V === void 0 || w - ie.at >= Ma) && Re({ at: w, count: e.activeUnacknowledged });
+  const Te = (l) => {
+    if (O?.(l), l.defaultPrevented || l.ctrlKey || l.altKey || l.metaKey) return;
+    const m = l.target, v = m.closest("table tr[data-alarm-id]")?.dataset.alarmId;
+    if (v === void 0 || m.closest('input:not([type="checkbox"]), textarea, select, [contenteditable="true"]')) return;
+    const z = l.key.toLowerCase();
+    if (z === "a" && t !== void 0)
+      l.preventDefault(), l.shiftKey ? ve() : X(x, [v], w) > 0 && t([v]);
+    else if (z === "s" && !l.shiftKey && a !== void 0 && be) {
+      const q = e.filtered.find((E) => E.id === v);
+      if (!(B.length > 0 ? B : q === void 0 ? [] : [q]).some((E) => E.availability === "in-service" || E.availability === "snoozed")) return;
+      l.preventDefault(), Q.current = m.closest("td, th"), A(B.length > 0 ? null : v), ke((E) => E + 1), J(!0);
+    }
+  }, we = () => {
+    J(!1), A(null), Q.current?.focus();
+  };
+  return /* @__PURE__ */ p("div", { className: [u.list, _].filter(Boolean).join(" "), ...y, onKeyDown: Te, children: [
+    /* @__PURE__ */ p("div", { className: u.bar, children: [
+      /* @__PURE__ */ i("span", { className: u.heading, children: n.alarmList }),
+      e.flood !== null && /* @__PURE__ */ i(P, { tone: "warning", children: n.alarmFloodHint(e.rate, me / 6e4) }),
+      S && d !== null && /* @__PURE__ */ p("span", { className: u.asOf, "data-freshness": d.freshness, children: [
+        d.freshness === "lost" ? n.freshnessDisconnected : d.freshness === "stale" ? n.freshnessStale : n.freshnessFresh,
+        d.age !== null && ` · ${f.relative(d.age)}`
+      ] }),
+      k !== void 0 && (e.hiddenAlarms > 0 || N) ? /* @__PURE__ */ i(
+        qe,
+        {
+          className: u.hidden,
+          checked: N,
+          onChange: (l) => k(l.currentTarget.checked),
+          label: /* @__PURE__ */ i("span", { className: u.hiddenLabel, children: ge })
+        }
+      ) : e.hiddenAlarms > 0 && /* @__PURE__ */ i("span", { className: u.hidden, children: ge }),
+      /* @__PURE__ */ i("span", { className: u.filler }),
+      a !== void 0 && b !== void 0 && /* @__PURE__ */ i(R, { size: "sm", disabled: G.length === 0, onClick: () => b(G.map((l) => l.id)), children: G.length === 0 ? n.alarmUnsnooze : n.alarmUnsnoozeMany(G.length) }),
+      a !== void 0 && r !== void 0 && s !== void 0 && be && /* @__PURE__ */ p(Ae, { children: [
+        pe ? /* @__PURE__ */ i(
+          R,
+          {
+            ref: Y,
+            size: "sm",
+            disabled: I.length === 0,
+            "aria-haspopup": "dialog",
+            "aria-expanded": _e,
+            onClick: () => {
+              Q.current = Y.current, ke((l) => l + 1), J(!0);
+            },
+            children: I.length === 0 ? n.alarmSnooze : n.alarmSnoozeMany(I.length)
+          }
+        ) : /* @__PURE__ */ i(
+          Ee,
+          {
+            align: "end",
+            trigger: /* @__PURE__ */ i(R, { ref: Y, size: "sm", disabled: I.length === 0, children: I.length === 0 ? n.alarmSnooze : n.alarmSnoozeMany(I.length) }),
+            children: s.map((l) => /* @__PURE__ */ i($e, { onSelect: () => r(I.map((m) => m.id), w + l), children: ce(l, n) }, l))
+          }
+        ),
+        /* @__PURE__ */ i(
+          We,
+          {
+            open: _e,
+            onOpenChange: (l) => l ? J(!0) : we(),
+            anchorRef: Y,
+            focusRef: Q,
+            align: "end",
+            role: "dialog",
+            "aria-label": n.alarmSnoozeMany(I.length),
+            className: u.snoozePanel,
+            children: /* @__PURE__ */ i(
+              La,
+              {
+                durations: s,
+                reasons: h ?? [],
+                required: o === "required",
+                askReason: pe,
+                onConfirm: (l, m) => {
+                  const v = I.map((z) => z.id);
+                  we(), r(v, w + l, m === "" ? void 0 : m);
+                }
+              },
+              Pe
+            )
+          }
+        )
+      ] }),
+      a !== void 0 && t !== void 0 && /* @__PURE__ */ i(
+        R,
+        {
+          variant: "primary",
+          size: "sm",
+          disabled: D.length > 0 ? ne === 0 : De === 0,
+          onClick: () => D.length > 0 ? t(D) : ve(),
+          children: ne === 0 ? n.alarmAcknowledge : n.alarmAcknowledgeMany(ne)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { "aria-live": "polite", "aria-atomic": "true", className: u.live, children: n.alarmActiveUnacknowledged(ie.count) }),
+    /* @__PURE__ */ i("div", { ref: te, children: /* @__PURE__ */ p(
+      K,
+      {
+        grid: !0,
+        "aria-label": n.alarmList,
+        selectable: a !== void 0,
+        density: Me,
+        maxHeight: g,
+        stickyHeader: !0,
+        rowProps: (l) => ({
+          className: u.row,
+          "data-alarm-id": l.id,
+          "data-lifecycle": l.lifecycle,
+          "data-priority": l.priority,
+          "data-availability": l.availability
+        }),
+        empty: /* @__PURE__ */ i("span", { className: u.empty, children: he ? n.alarmNoneDisconnected : n.alarmNone }),
+        children: [
+          /* @__PURE__ */ i(T, { id: "type", label: n.alarmColumnAlarm, value: (l) => l.type.label, rowHeader: !0, sortable: !1, children: (l, m) => /* @__PURE__ */ p("span", { className: u.alarm, children: [
+            /* @__PURE__ */ i("span", { className: u.label, children: l }),
+            m.firstOut && /* @__PURE__ */ i(P, { className: u.counter, children: n.alarmFirstOut }),
+            e.flood?.first === m.id && /* @__PURE__ */ i(P, { className: u.counter, children: n.alarmFirstInFlood }),
+            m.chatters && /* @__PURE__ */ i(P, { tone: "warning", pill: !0, className: u.counter, children: n.alarmChatterHint(m.frequency) })
+          ] }) }),
+          /* @__PURE__ */ i(T, { value: "lifecycle", label: n.alarmColumnLifecycleState, sortable: !1, children: (l, m) => {
+            const v = Da(m, n, f), z = v === null ? null : v.short === v.full ? /* @__PURE__ */ i(P, { className: u.availability, children: v.short }) : /* @__PURE__ */ i(Ue, { content: v.full, children: /* @__PURE__ */ p(P, { className: u.availability, children: [
+              /* @__PURE__ */ i("span", { "aria-hidden": "true", children: v.short }),
+              /* @__PURE__ */ i(Ce, { children: v.full })
+            ] }) });
+            return /* @__PURE__ */ p("span", { className: u.state, children: [
+              z,
+              /* @__PURE__ */ i("span", { className: u.lifecycle, children: Oa(l, n) })
+            ] });
+          } }),
+          /* @__PURE__ */ i(T, { value: "priority", label: n.alarmColumnPriority, sortable: !1, children: (l, m) => /* @__PURE__ */ p("span", { className: u.priority, children: [
+            /* @__PURE__ */ i(oe, { priority: l, lifecycle: m.lifecycle, availability: m.availability }),
+            /* @__PURE__ */ i("span", { "aria-hidden": "true", children: j(l, n) })
+          ] }) }),
+          /* @__PURE__ */ i(
+            T,
+            {
+              id: "raised",
+              label: n.alarmColumnRaised,
+              value: (l) => new Date(l.alarm.raised),
+              format: "dateTimeWithSeconds",
+              numeric: !0,
+              sortable: !1
+            }
+          ),
+          /* @__PURE__ */ i(T, { value: "duration", label: n.alarmColumnDuration, sortable: !1, children: (l) => /* @__PURE__ */ i("span", { className: u.state, children: ce(l, n) }) }),
+          /* @__PURE__ */ i(T, { value: "frequency", label: n.alarmColumnFrequency, format: "count", sortable: !1 })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      He,
+      {
+        open: M !== null,
+        onClose: () => le(null),
+        onConfirm: () => {
+          M !== null && t?.(M.ids), le(null);
+        },
+        title: M === null ? "" : M.selected ? n.alarmAcknowledgeSelected(M.count) : n.alarmAcknowledgeInView(M.count),
+        confirmLabel: n.alarmAcknowledgeConfirm,
+        cancelLabel: n.alarmAcknowledgeCancel
+      }
+    )
+  ] });
+}
+const Ra = "_banner_13ro2_4 _text_18806_22", Ta = "_worst_13ro2_18", xa = "_time_13ro2_25", Ba = "_more_13ro2_26", qa = "_asOf_13ro2_27", Ea = "_counts_13ro2_41", $a = "_count_13ro2_41", Wa = "_none_13ro2_55", F = {
+  banner: Ra,
+  worst: Ta,
+  time: xa,
+  more: Ba,
+  asOf: qa,
+  counts: Ea,
+  count: $a,
+  none: Wa
+}, Ua = (e) => e.lifecycle === "active-unacknowledged" && !Z(e.availability);
+function tn({ asOf: e, freshness: a, ...t }) {
+  return e === void 0 || a === void 0 ? /* @__PURE__ */ i(Oe, { ...t, reading: null }) : /* @__PURE__ */ i(Ha, { ...t, asOf: e, ages: a });
+}
+function Ha({ asOf: e, ages: a, ...t }) {
+  return /* @__PURE__ */ i(Oe, { ...t, reading: Ie(e, a) });
+}
+function Oe({
+  view: e,
+  onAcknowledge: a,
+  onOpen: t,
+  onAnnunciate: r,
+  reading: s,
+  className: o,
+  ref: h,
+  ...b
+}) {
+  const c = ee(), g = Se(), _ = e.filtered.filter(Ua), d = _.reduce((n, f) => n === void 0 || f.rank < n.rank ? f : n, void 0), N = s?.freshness === "lost", k = U(null), [O, y] = L("");
+  return ze(() => {
+    const n = new Set(_.map((A) => A.id)), f = d?.rank ?? 1 / 0, S = k.current;
+    if (k.current = { ids: n, rank: f }, S === null) return;
+    const C = _.filter((A) => !S.ids.has(A.id)).reduce((A, K) => A === void 0 || K.rank < A.rank ? K : A, void 0);
+    C !== void 0 ? (r?.({ kind: "new", priority: C.priority }), C.rank < S.rank && y(`${c.alarmBannerAlert(j(C.priority, c).toLowerCase(), C.type.label)} ${g.time(new Date(C.alarm.raised), !0)}`)) : S.ids.size > 0 && n.size === 0 && r?.({ kind: "cleared" });
+  }, [e]), /* @__PURE__ */ p("section", { "aria-label": c.alarmBanner, ...b, ref: h, className: o ? `${F.banner} ${o}` : F.banner, children: [
+    d === void 0 ? /* @__PURE__ */ i("span", { className: F.none, "data-lost": N ? "" : void 0, children: N ? c.alarmBannerDisconnected : c.alarmBannerNone }) : /* @__PURE__ */ p(Ae, { children: [
+      /* @__PURE__ */ p("span", { className: F.worst, children: [
+        /* @__PURE__ */ i(oe, { priority: d.priority, lifecycle: d.lifecycle, availability: d.availability }),
+        /* @__PURE__ */ i("span", { children: d.type.label }),
+        /* @__PURE__ */ i("span", { className: F.time, children: g.time(new Date(d.alarm.raised), !0) })
+      ] }),
+      _.length > 1 && /* @__PURE__ */ i("span", { className: F.more, children: c.alarmBannerMore(_.length - 1) }),
+      /* @__PURE__ */ i("span", { className: F.counts, children: H.filter((n) => e.unacknowledgedByPriority[n] > 0).map((n) => /* @__PURE__ */ p("span", { role: "group", className: F.count, "aria-label": `${c.alarmPriorityName(H.indexOf(n) + 1, j(n, c))}: ${e.unacknowledgedByPriority[n]}`, children: [
+        /* @__PURE__ */ i(oe, { priority: n, lifecycle: "active-unacknowledged", "aria-hidden": "true", role: "presentation" }),
+        /* @__PURE__ */ i("span", { "aria-hidden": "true", children: e.unacknowledgedByPriority[n] })
+      ] }, n)) })
+    ] }),
+    e.flood !== null && /* @__PURE__ */ i(P, { tone: "warning", children: c.alarmFloodHint(e.rate, me / 6e4) }),
+    s !== null && /* @__PURE__ */ p("span", { className: F.asOf, "data-freshness": s.freshness, children: [
+      s.freshness === "lost" ? c.freshnessDisconnected : s.freshness === "stale" ? c.freshnessStale : c.freshnessFresh,
+      s.age !== null && ` · ${g.relative(s.age)}`
+    ] }),
+    d !== void 0 && a !== void 0 && /* @__PURE__ */ i(R, { size: "sm", onClick: () => a([d.id]), children: c.alarmAcknowledge }),
+    t !== void 0 && /* @__PURE__ */ i(R, { size: "sm", variant: "ghost", onClick: t, children: c.alarmBannerOpen }),
+    /* @__PURE__ */ i(Ce, { role: "alert", children: O })
+  ] });
+}
+export {
+  ra as ALARM_COLUMNS,
+  Xe as AVAILABILITIES,
+  tn as AlarmBanner,
+  ln as AlarmList,
+  sa as DEFAULT_ORDER,
+  H as PRIORITIES,
+  oe as PriorityMark,
+  an as acknowledge,
+  ia as alarmColumns,
+  nn as alarmModel,
+  Ze as availabilityAt,
+  X as countAcknowledgeable,
+  je as countInWindow,
+  ta as detectFlood,
+  Za as disable,
+  ja as enable,
+  ea as frequencyByType,
+  en as hasReturned,
+  ae as isAcknowledged,
+  de as isActive,
+  Je as isDone,
+  Z as isHidden,
+  Qe as nextLifecycleState,
+  Ye as priorityRank,
+  Qa as snooze,
+  Xa as unsnooze
+};