@umriss-ui/dashboard 0.45.0 → 0.47.0

package/dist/dashboard.js

@@ -1,40 +1,40 @@
 "use client";
 import "./dashboard.css";
-import { Component as ve, useState as J, useRef as N, useLayoutEffect as de, useMemo as oe, Children as Se, isValidElement as ce, useEffect as te, Suspense as Ce, useSyncExternalStore as le, createElement as ke } from "react";
-import { useWording as ae, FormField as Ne, Input as He, Button as L, Text as K, GripGlyph as ue, Heading as Oe, Card as Ee, Skeleton as Re, Drawer as qe, ModalHeader as Te, ModalBody as De, Popover as Ae, announce as $, Menu as Ie, MenuItem as U, MenuSeparator as se } from "@umriss-ui/core";
-import { jsx as a, jsxs as R, Fragment as re } from "react/jsx-runtime";
-const Le = (s, e) => (i) => {
-  const d = i.widgets.findIndex((n) => n.id === s), v = Math.max(0, Math.min(i.widgets.length - 1, e));
-  if (d < 0 || d === v) return i;
-  const y = [...i.widgets];
-  return y.splice(v, 0, ...y.splice(d, 1)), { ...i, widgets: y };
-}, $e = (s, e) => (i) => i.widgets.some((d) => d.id === s && d.size !== e) ? { ...i, widgets: i.widgets.map((d) => d.id === s ? { ...d, size: e } : d) } : i, Fe = (s) => (e) => e.widgets.some((i) => i.id === s) ? { ...e, widgets: e.widgets.filter((i) => i.id !== s) } : e, Be = (s, e) => {
-  let i = 1;
-  for (; s.widgets.some((d) => d.id === `${e}-${i}`); ) i++;
-  return `${e}-${i}`;
-}, Pe = (s) => (e) => ({ ...e, widgets: [...e.widgets, s] }), Ue = (s, e) => (i) => ({ ...i, widgets: i.widgets.map((d) => d.id === s ? { ...d, options: e } : d) }), Ve = "_root_2b0q1_17", We = "_bar_2b0q1_34", je = "_mode_2b0q1_43", Ge = "_head_2b0q1_58", Ye = "_editingHead_2b0q1_77", Xe = "_grip_2b0q1_85", Je = "_title_2b0q1_90", Ke = "_size_2b0q1_102", Qe = "_item_2b0q1_110", Ze = "_placeholder_2b0q1_120", et = "_grid_2b0q1_126", tt = "_headingRow_2b0q1_143", nt = "_headingHead_2b0q1_73", st = "_heading_2b0q1_73", rt = "_body_2b0q1_173", ot = "_options_2b0q1_201", at = "_catalogue_2b0q1_206", it = "_entry_2b0q1_214", dt = "_footprint_2b0q1_221", ct = "_entryText_2b0q1_233", z = {
-  root: Ve,
-  bar: We,
-  mode: je,
-  head: Ge,
-  editingHead: Ye,
-  grip: Xe,
-  title: Je,
-  size: Ke,
-  item: Qe,
-  placeholder: Ze,
-  grid: et,
-  headingRow: tt,
-  headingHead: nt,
-  heading: st,
-  body: rt,
-  options: ot,
-  catalogue: at,
-  entry: it,
-  footprint: dt,
-  entryText: ct
+import { Component as He, useState as J, useRef as q, useLayoutEffect as ue, useMemo as ie, Children as Ee, isValidElement as he, useEffect as re, Suspense as Re, useSyncExternalStore as fe, createElement as qe } from "react";
+import { useWording as de, FormField as Le, Input as Te, Button as B, Text as Q, GripGlyph as pe, Heading as De, Card as Ae, Skeleton as Ie, Drawer as $e, ModalHeader as Fe, ModalBody as Pe, Popover as Be, announce as U, Menu as je, MenuItem as j, MenuSeparator as te } from "@umriss-ui/core";
+import { jsx as r, jsxs as R, Fragment as ne } from "react/jsx-runtime";
+const ze = (t, e) => t.widgets.some((o) => o.id === e && o.locked !== !0), Ue = (t, e) => (o) => {
+  const i = o.widgets.findIndex((a) => a.id === t), S = Math.max(0, Math.min(o.widgets.length - 1, e));
+  if (i < 0 || i === S) return o;
+  const w = [...o.widgets];
+  return w.splice(S, 0, ...w.splice(i, 1)), { ...o, widgets: w };
+}, Ve = (t, e) => (o) => o.widgets.some((i) => i.id === t && i.locked !== !0 && i.size !== e) ? { ...o, widgets: o.widgets.map((i) => i.id === t ? { ...i, size: e } : i) } : o, We = (t) => (e) => ze(e, t) ? { ...e, widgets: e.widgets.filter((o) => o.id !== t) } : e, Ge = (t, e) => {
+  let o = 1;
+  for (; t.widgets.some((i) => i.id === `${e}-${o}`); ) o++;
+  return `${e}-${o}`;
+}, Ye = (t) => (e) => ({ ...e, widgets: [...e.widgets, t] }), Xe = (t, e) => (o) => ze(o, t) ? { ...o, widgets: o.widgets.map((i) => i.id === t ? { ...i, options: e } : i) } : o, Je = "_root_2b0q1_17", Ke = "_bar_2b0q1_34", Qe = "_mode_2b0q1_43", Ze = "_head_2b0q1_58", et = "_editingHead_2b0q1_77", tt = "_grip_2b0q1_85", nt = "_title_2b0q1_90", st = "_size_2b0q1_102", rt = "_item_2b0q1_110", ot = "_placeholder_2b0q1_120", at = "_grid_2b0q1_126", it = "_headingRow_2b0q1_143", dt = "_headingHead_2b0q1_73", ct = "_heading_2b0q1_73", lt = "_body_2b0q1_173", ut = "_options_2b0q1_201", ht = "_catalogue_2b0q1_206", ft = "_entry_2b0q1_214", pt = "_footprint_2b0q1_221", gt = "_entryText_2b0q1_233", _ = {
+  root: Je,
+  bar: Ke,
+  mode: Qe,
+  head: Ze,
+  editingHead: et,
+  grip: tt,
+  title: nt,
+  size: st,
+  item: rt,
+  placeholder: ot,
+  grid: at,
+  headingRow: it,
+  headingHead: dt,
+  heading: ct,
+  body: lt,
+  options: ut,
+  catalogue: ht,
+  entry: ft,
+  footprint: pt,
+  entryText: gt
 };
-class lt extends ve {
+class bt extends He {
   state = { failed: !1 };
   static getDerivedStateFromError() {
     return { failed: !0 };
@@ -46,403 +46,409 @@ class lt extends ve {
     return this.state.failed ? this.props.fallback : this.props.children;
   }
 }
-const me = (s) => typeof s == "object" && s !== null && !Array.isArray(s), he = (s) => me(s) && Array.isArray(s.widgets), ie = (s) => s.widgets.filter((e) => me(e) && typeof e.id == "string" && typeof e.type == "string"), ut = (s) => ({ ...s, widgets: ie(s) }), ht = (s, e) => {
-  const i = new Set(e.widgets.map((d) => d.id));
-  return ie(s).filter((d) => !i.has(d.id));
-};
-function we(s, e) {
-  const i = /* @__PURE__ */ new Set();
+const ce = (t) => typeof t == "object" && t !== null && !Array.isArray(t), ge = (t) => ce(t) && Array.isArray(t.widgets), le = (t) => t.widgets.filter((e) => ce(e) && typeof e.id == "string" && typeof e.type == "string"), mt = (t) => ({ ...t, widgets: le(t) }), wt = (t, e) => {
+  const o = new Set(e.widgets.map((i) => i.id));
+  return le(t).filter((i) => !o.has(i.id));
+}, be = (t) => ce(t) && [Object.prototype, null].includes(Object.getPrototypeOf(t)), yt = (t, e) => be(e) ? be(t) ? { ...e, ...t } : e : t === void 0 ? e : t;
+function xe(t, e) {
+  const o = /* @__PURE__ */ new Set();
   return {
-    ...s,
-    widgets: ie(s).flatMap((d) => {
-      const v = e.get(d.type);
-      return !v || i.has(d.id) ? [] : (i.add(d.id), [v.sizes[d.size] ? d : { ...d, size: v.start }]);
+    ...t,
+    widgets: le(t).flatMap((i) => {
+      const S = e.get(i.type);
+      return !S || o.has(i.id) ? [] : (o.add(i.id), [{ ...i, size: S.sizes[i.size] ? i.size : S.start, options: yt(i.options, S.defaultOptions) }]);
     })
   };
 }
-function ye(s, e) {
-  const i = /* @__PURE__ */ new Set(), d = (y, n, h, c) => {
-    for (let l = y; l < y + c; l++) for (let b = n; b < n + h; b++) if (i.has(l * e + b)) return !1;
+function Me(t, e) {
+  const o = /* @__PURE__ */ new Set(), i = (w, a, s, u) => {
+    for (let c = w; c < w + u; c++) for (let z = a; z < a + s; z++) if (o.has(c * e + z)) return !1;
     return !0;
   };
-  let v = 0;
-  return s.map((y) => {
-    const n = Math.min(y.columns, e);
-    for (let h = v; ; h++) {
-      const c = Math.floor(h / e), l = h % e;
-      if (!(l + n > e || !d(c, l, n, y.rows))) {
-        for (let b = c; b < c + y.rows; b++) for (let p = l; p < l + n; p++) i.add(b * e + p);
-        return v = h, { column: l, row: c, columns: n, rows: y.rows };
+  let S = 0;
+  return t.map((w) => {
+    const a = Math.min(w.columns, e);
+    for (let s = S; ; s++) {
+      const u = Math.floor(s / e), c = s % e;
+      if (!(c + a > e || !i(u, c, a, w.rows))) {
+        for (let z = u; z < u + w.rows; z++) for (let b = c; b < c + a; b++) o.add(z * e + b);
+        return S = s, { column: c, row: u, columns: a, rows: w.rows };
       }
     }
   });
 }
-function ft(s, e, i, d, v, { cell: y, unit: n, gap: h }) {
-  let c = i, l = 1 / 0;
-  for (let b = 0; b < s.length; b++) {
-    const p = [...s];
-    p.splice(b, 0, ...p.splice(i, 1));
-    const H = ye(p, e)[b], O = (H.column * (y + h) - d) ** 2 + (H.row * (n + h) - v) ** 2;
-    O < l && (l = O, c = b);
+function _t(t, e, o, i, S, { cell: w, unit: a, gap: s }) {
+  let u = o, c = 1 / 0;
+  for (let z = 0; z < t.length; z++) {
+    const b = [...t];
+    b.splice(z, 0, ...b.splice(o, 1));
+    const v = Me(b, e)[z], V = (v.column * (w + s) - i) ** 2 + (v.row * (a + s) - S) ** 2;
+    V < c && (c = V, u = z);
   }
-  return c;
+  return u;
 }
-const pt = { 3: "¼", 4: "⅓", 6: "½", 8: "⅔", 9: "¾" }, gt = ({ columns: s }) => s >= 12 ? "" : pt[s] ?? `${s}/12`;
-function bt({ grid: s, cards: e, shown: i, drop: d, cancelled: v }) {
-  const [y, n] = J(null), h = N(null), c = N({}), l = N(/* @__PURE__ */ new Map()), b = N(null), p = N({ update: () => {
+const zt = { 3: "¼", 4: "⅓", 6: "½", 8: "⅔", 9: "¾" }, xt = ({ columns: t }) => t >= 12 ? "" : zt[t] ?? `${t}/12`;
+function Mt({ grid: t, cards: e, shown: o, drop: i, cancelled: S }) {
+  const [w, a] = J(null), s = q(null), u = q({}), c = q(/* @__PURE__ */ new Map()), z = q(null), b = q({ update: () => {
   }, finish: () => {
-  } }), H = () => {
-    const r = h.current, o = r && e.get(r.id);
-    if (!r || !b.current || !o) return;
-    const u = b.current.getBoundingClientRect();
-    o.style.transform = `translate(${r.x - r.dx - u.left}px, ${r.y - r.dy - u.top}px)`;
+  } }), v = () => {
+    const d = s.current, l = d && e.get(d.id);
+    if (!d || !z.current || !l) return;
+    const m = z.current.getBoundingClientRect();
+    l.style.transform = `translate(${d.x - d.dx - m.left}px, ${d.y - d.dy - m.top}px)`;
   };
-  de(() => {
-    const r = /* @__PURE__ */ new Map(), o = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    for (const [u, m] of e) {
-      const S = l.current.get(u);
-      r.set(u, [m.offsetLeft, m.offsetTop]), y && !o && S && u !== y.id && (S[0] !== m.offsetLeft || S[1] !== m.offsetTop) && m.animate([{ transform: `translate(${S[0] - m.offsetLeft}px, ${S[1] - m.offsetTop}px)` }, { transform: "none" }], { duration: 150, easing: "ease-out" });
+  ue(() => {
+    const d = /* @__PURE__ */ new Map(), l = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    for (const [m, h] of e) {
+      const p = c.current.get(m);
+      d.set(m, [h.offsetLeft, h.offsetTop]), w && !l && p && m !== w.id && (p[0] !== h.offsetLeft || p[1] !== h.offsetTop) && h.animate([{ transform: `translate(${p[0] - h.offsetLeft}px, ${p[1] - h.offsetTop}px)` }, { transform: "none" }], { duration: 150, easing: "ease-out" });
     }
-    l.current = r, y && H();
+    c.current = d, w && v();
   });
-  const O = () => {
-    const r = h.current, o = s.current, u = r && e.get(r.id);
-    if (!r || !o || !u) return;
-    const m = getComputedStyle(o), S = parseFloat(m.columnGap), B = m.gridTemplateColumns.split(" ").length, q = o.getBoundingClientRect(), T = i[r.from].span, G = { cell: (q.width - (B - 1) * S) / B, gap: S, unit: (u.offsetHeight - (T.rows - 1) * S) / T.rows }, I = ft(i.map((W) => W.span), B, r.from, r.x - r.dx - q.left, r.y - r.dy - q.top, G);
-    if (I === r.target) return H();
-    r.target = I, n({ id: r.id, target: I });
-  }, j = (r) => {
-    const o = h.current;
-    if (h.current = null, window.clearInterval(c.current.timer), c.current.escape && document.removeEventListener("keydown", c.current.escape), o && e.get(o.id)?.style.removeProperty("transform"), n(null), !!o?.started) {
-      if (!r) return v(i[o.from].title);
-      d(o.id, i[o.target].id);
+  const V = () => {
+    const d = s.current, l = t.current, m = d && e.get(d.id);
+    if (!d || !l || !m) return;
+    const h = getComputedStyle(l), p = parseFloat(h.columnGap), H = h.gridTemplateColumns.split(" ").length, E = l.getBoundingClientRect(), G = o[d.from].span, Y = { cell: (E.width - (H - 1) * p) / H, gap: p, unit: (m.offsetHeight - (G.rows - 1) * p) / G.rows }, D = _t(o.map(($) => $.span), H, d.from, d.x - d.dx - E.left, d.y - d.dy - E.top, Y);
+    if (D === d.target) return v();
+    d.target = D, a({ id: d.id, target: D });
+  }, K = (d) => {
+    const l = s.current;
+    if (s.current = null, window.clearInterval(u.current.timer), u.current.escape && document.removeEventListener("keydown", u.current.escape), l && e.get(l.id)?.style.removeProperty("transform"), a(null), !!l?.started) {
+      if (!d) return S(o[l.from].title);
+      i(l.id, o[l.target].id);
     }
   };
-  de(() => {
-    p.current = { update: O, finish: j };
+  ue(() => {
+    b.current = { update: V, finish: K };
   });
-  const V = (r, o) => (u) => {
-    const m = u.target;
-    if (u.button > 0 || m.closest("button") || !u.currentTarget.contains(m)) return;
-    const S = e.get(r).getBoundingClientRect();
-    h.current = { id: r, from: o, x0: u.clientX, y0: u.clientY, x: u.clientX, y: u.clientY, dx: u.clientX - S.left, dy: u.clientY - S.top, started: !1, target: o }, u.currentTarget.setPointerCapture(u.pointerId);
-  }, F = (r) => {
-    const o = h.current;
-    if (o) {
-      if (o.x = r.clientX, o.y = r.clientY, !o.started) {
-        if (Math.hypot(o.x - o.x0, o.y - o.y0) <= 4) return;
-        o.started = !0, n({ id: o.id, target: o.from }), c.current.escape = (u) => u.key === "Escape" && p.current.finish(!1), document.addEventListener("keydown", c.current.escape), c.current.timer = window.setInterval(() => {
-          const m = h.current?.y ?? window.innerHeight / 2, S = Math.ceil((64 - Math.min(m, window.innerHeight - m)) / 4);
-          S <= 0 || (window.scrollBy(0, m < window.innerHeight / 2 ? -S : S), p.current.update());
+  const W = (d, l) => (m) => {
+    const h = m.target;
+    if (m.button > 0 || h.closest("button") || !m.currentTarget.contains(h)) return;
+    const p = e.get(d).getBoundingClientRect();
+    s.current = { id: d, from: l, x0: m.clientX, y0: m.clientY, x: m.clientX, y: m.clientY, dx: m.clientX - p.left, dy: m.clientY - p.top, started: !1, target: l }, m.currentTarget.setPointerCapture(m.pointerId);
+  }, A = (d) => {
+    const l = s.current;
+    if (l) {
+      if (l.x = d.clientX, l.y = d.clientY, !l.started) {
+        if (Math.hypot(l.x - l.x0, l.y - l.y0) <= 4) return;
+        l.started = !0, a({ id: l.id, target: l.from }), u.current.escape = (m) => m.key === "Escape" && b.current.finish(!1), document.addEventListener("keydown", u.current.escape), u.current.timer = window.setInterval(() => {
+          const h = s.current?.y ?? window.innerHeight / 2, p = Math.ceil((64 - Math.min(h, window.innerHeight - h)) / 4);
+          p <= 0 || (window.scrollBy(0, h < window.innerHeight / 2 ? -p : p), b.current.update());
         }, 16);
       }
-      p.current.update();
+      b.current.update();
     }
   };
   return {
-    drag: y,
+    drag: w,
     /** To go on the placeholder. */
-    placeholder: b,
+    placeholder: z,
     /** The pointer handlers of a widget's head. */
-    handlers: (r, o) => ({
-      onPointerDown: V(r, o),
-      onPointerMove: F,
-      onPointerUp: () => p.current.finish(!0),
-      onPointerCancel: () => p.current.finish(!1)
+    handlers: (d, l) => ({
+      onPointerDown: W(d, l),
+      onPointerMove: A,
+      onPointerUp: () => b.current.finish(!0),
+      onPointerCancel: () => b.current.finish(!1)
     })
   };
 }
-function _e(s) {
+function Se(t) {
   return null;
 }
-function mt() {
+function St() {
   return null;
 }
-const wt = "heading", Q = (s, e) => s.title?.(e) ?? s.label;
-function yt({ options: s, change: e }) {
-  const i = ae();
-  return /* @__PURE__ */ a(Ne, { label: i.dashboardHeadingField, children: /* @__PURE__ */ a(He, { value: s.text, onChange: (d) => e({ text: d.target.value }) }) });
+const vt = "heading", Z = (t, e) => t.title?.(e) ?? t.label;
+function Ct({ options: t, change: e }) {
+  const o = de();
+  return /* @__PURE__ */ r(Le, { label: o.dashboardHeadingField, children: /* @__PURE__ */ r(Te, { value: t.text, onChange: (i) => e({ text: i.target.value }) }) });
 }
-function _t(s) {
+function kt(t) {
   return {
-    name: wt,
-    label: s.dashboardHeadingLabel,
-    sentence: s.dashboardHeadingSentence,
+    name: vt,
+    label: t.dashboardHeadingLabel,
+    sentence: t.dashboardHeadingSentence,
     sizes: { full: { columns: 12, rows: 1 } },
     start: "full",
-    defaultOptions: { text: s.dashboardHeadingText },
-    title: (e) => e.text || s.dashboardHeadingLabel,
-    form: yt,
+    defaultOptions: { text: t.dashboardHeadingText },
+    title: (e) => e.text || t.dashboardHeadingLabel,
+    form: Ct,
     children: () => null
   };
 }
-const Z = (...s) => s.filter(Boolean).join(" "), fe = 12;
-function xt({ render: s, ...e }) {
-  return s(e);
+const ee = (...t) => t.filter(Boolean).join(" "), me = 12;
+function Nt({ render: t, ...e }) {
+  return t(e);
 }
-const pe = (s, e) => ({ "--_dashboard-column": s.column + 1, "--_dashboard-row": s.row + 1, "--_dashboard-columns": s.columns, "--_dashboard-rows": s.rows, "--_dashboard-order": e }), ge = (s) => s.columns * s.rows;
-function zt({ title: s, editing: e, children: i }) {
-  const d = N(null), [v, y] = J(!1);
-  te(() => {
-    const h = d.current;
-    if (!h) return;
-    const c = () => y(h.scrollHeight > h.clientHeight || h.scrollWidth > h.clientWidth), l = new ResizeObserver(c), b = () => {
-      l.disconnect(), l.observe(h);
-      for (const H of h.children) l.observe(H);
-      c();
-    }, p = new MutationObserver(b);
-    return p.observe(h, { childList: !0 }), b(), () => {
-      l.disconnect(), p.disconnect();
+const we = (t, e) => ({ "--_dashboard-column": t.column + 1, "--_dashboard-row": t.row + 1, "--_dashboard-columns": t.columns, "--_dashboard-rows": t.rows, "--_dashboard-order": e }), ye = (t) => t.columns * t.rows;
+function Ot({ title: t, editing: e, children: o }) {
+  const i = q(null), [S, w] = J(!1);
+  re(() => {
+    const s = i.current;
+    if (!s) return;
+    const u = () => w(s.scrollHeight > s.clientHeight || s.scrollWidth > s.clientWidth), c = new ResizeObserver(u), z = () => {
+      c.disconnect(), c.observe(s);
+      for (const v of s.children) c.observe(v);
+      u();
+    }, b = new MutationObserver(z);
+    return b.observe(s, { childList: !0 }), z(), () => {
+      c.disconnect(), b.disconnect();
     };
   }, []);
-  const n = v && !e;
-  return /* @__PURE__ */ a("div", { ref: d, className: z.body, inert: e, ...n ? { role: "group", tabIndex: 0, "aria-label": s } : {}, children: i });
+  const a = S && !e;
+  return /* @__PURE__ */ r("div", { ref: i, className: _.body, inert: e, ...a ? { role: "group", tabIndex: 0, "aria-label": t } : {}, children: o });
 }
-const ee = (s, e) => (i) => {
-  i ? s.set(e, i) : s.delete(e);
+const se = (t, e) => (o) => {
+  o ? t.set(e, o) : t.delete(e);
 };
-function Mt({ view: s, editor: e, className: i, children: d, catalogue: v, ...y }) {
-  const n = ae(), h = oe(() => _t(n), [n]), c = /* @__PURE__ */ new Map();
-  for (const t of Se.toArray(d))
-    ce(t) && t.type === _e ? c.set(t.props.name, t.props) : ce(t) && t.type === mt && c.set(h.name, h);
-  const { register: l } = e;
-  te(() => l(c));
-  const b = we(s, c), p = b.widgets.flatMap((t) => {
-    const f = c.get(t.type), x = f?.sizes[t.size];
-    return f && x ? [{ widget: t, type: f, span: x }] : [];
-  }), H = N(null), [O] = J(() => /* @__PURE__ */ new Map()), [j] = J(() => /* @__PURE__ */ new Map()), [V] = J(() => /* @__PURE__ */ new Map()), F = N(null), { editing: r } = e, o = b.widgets.length, u = (t, f, x) => {
-    const C = b.widgets.findIndex((A) => A.id === t), M = Math.max(0, Math.min(o - 1, x));
-    C !== M && (e.step(Le(t, M)), $(n.dashboardMoved(f, C + 1, M + 1, o)));
-  }, { drag: m, placeholder: S, handlers: B } = bt({
-    grid: H,
-    cards: O,
-    shown: p.map(({ widget: t, type: f, span: x }) => ({ id: t.id, span: x, title: Q(f, t.options) })),
-    drop: (t, f) => {
-      const x = p.find((C) => C.widget.id === t);
-      u(t, Q(x.type, x.widget.options), b.widgets.findIndex((C) => C.id === f));
+function Ht({ view: t, editor: e, className: o, children: i, catalogue: S, headingLevel: w = 2, ...a }) {
+  const s = de(), u = ie(() => kt(s), [s]), c = /* @__PURE__ */ new Map();
+  for (const n of Ee.toArray(i))
+    he(n) && n.type === Se ? c.set(n.props.name, n.props) : he(n) && n.type === St && c.set(u.name, u);
+  const { register: z } = e;
+  re(() => z(c));
+  const b = xe(t, c), v = b.widgets.flatMap((n) => {
+    const f = c.get(n.type), x = f?.sizes[n.size];
+    return f && x ? [{ widget: n, type: f, span: x }] : [];
+  }), K = `h${Math.min(6, w + (v.some(({ type: n }) => n === u) ? 1 : 0))}`, W = q(null), [A] = J(() => /* @__PURE__ */ new Map()), [d] = J(() => /* @__PURE__ */ new Map()), [l] = J(() => /* @__PURE__ */ new Map()), m = q(null), { editing: h } = e, p = b.widgets.length, H = (n, f, x) => {
+    const k = b.widgets.findIndex((N) => N.id === n), C = Math.max(0, Math.min(p - 1, x));
+    k !== C && (e.step(Ue(n, C)), U(s.dashboardMoved(f, k + 1, C + 1, p)));
+  }, { drag: E, placeholder: G, handlers: Y } = Mt({
+    grid: W,
+    cards: A,
+    shown: v.map(({ widget: n, type: f, span: x }) => ({ id: n.id, span: x, title: Z(f, n.options) })),
+    drop: (n, f) => {
+      const x = v.find((k) => k.widget.id === n);
+      H(n, Z(x.type, x.widget.options), b.widgets.findIndex((k) => k.id === f));
     },
-    cancelled: (t) => $(n.dashboardDragCancelled(t))
-  }), q = m ? p.findIndex((t) => t.widget.id === m.id) : -1, T = p.map((t, f) => f);
-  q >= 0 && T.splice(m.target, 0, ...T.splice(q, 1));
-  const G = ye(T.map((t) => p[t].span), fe), I = p.map((t, f) => G[T.indexOf(f)]), [W, w] = J(null), g = N(null), _ = N(null);
-  te(() => {
-    _.current && (O.get(_.current)?.scrollIntoView?.({ block: "nearest" }), _.current = null);
+    cancelled: (n) => U(s.dashboardDragCancelled(n))
+  }), D = E ? v.findIndex((n) => n.widget.id === E.id) : -1, $ = v.map((n, f) => f);
+  D >= 0 && $.splice(E.target, 0, ...$.splice(D, 1));
+  const y = Me($.map((n) => v[n].span), me), g = v.map((n, f) => y[$.indexOf(f)]), [M, O] = J(null), F = q(null), P = q(null);
+  re(() => {
+    P.current && (A.get(P.current)?.scrollIntoView?.({ block: "nearest" }), P.current = null);
   });
-  const k = N(!1);
-  te(() => {
-    k.current !== !1 && ((k.current === null ? F.current : j.get(k.current))?.focus(), k.current = !1);
+  const L = q(!1);
+  re(() => {
+    L.current !== !1 && ((L.current === null ? m.current : d.get(L.current))?.focus(), L.current = !1);
   });
-  const P = [...c.values()].filter((t) => !v || v.includes(t.name)), Y = (t) => {
-    const f = { id: Be(b, t.name), type: t.name, size: t.start, options: t.defaultOptions };
-    _.current = f.id, e.step(Pe(f)), $(n.dashboardAdded(Q(t, f.options), o + 1, o + 1));
-  }, D = W ? c.get(b.widgets.find((t) => t.id === W)?.type ?? "") : void 0, ne = b.widgets.find((t) => t.id === W), xe = (t, f, x, C) => r ? {
-    ref: ee(j, t.id),
-    className: Z(z.head, z.editingHead),
-    ...B(t.id, x),
+  const ve = [...c.values()].filter((n) => !S || S.includes(n.name)), Ce = (n) => {
+    const f = { id: Ge(b, n.name), type: n.name, size: n.start, options: n.defaultOptions };
+    P.current = f.id, e.step(Ye(f)), U(s.dashboardAdded(Z(n, f.options), p + 1, p + 1));
+  }, oe = M ? c.get(b.widgets.find((n) => n.id === M)?.type ?? "") : void 0, ae = b.widgets.find((n) => n.id === M), ke = (n, f, x, k, C) => h ? {
+    ref: se(d, n.id),
+    className: ee(_.head, _.editingHead),
+    ...Y(n.id, x),
     role: "group",
     tabIndex: 0,
-    "aria-label": n.dashboardHead(f, C + 1, o),
-    onKeyDown: (M) => {
-      if (M.target !== M.currentTarget) return;
-      const A = { ArrowLeft: C - 1, ArrowUp: C - 1, ArrowRight: C + 1, ArrowDown: C + 1, Home: 0, End: o - 1 }[M.key];
-      A !== void 0 && (M.preventDefault(), u(t.id, f, A));
+    "aria-label": (C ? s.dashboardHeadLocked : s.dashboardHead)(f, k + 1, p),
+    onKeyDown: (N) => {
+      if (N.target !== N.currentTarget) return;
+      const I = { ArrowLeft: k - 1, ArrowUp: k - 1, ArrowRight: k + 1, ArrowDown: k + 1, Home: 0, End: p - 1 }[N.key];
+      I !== void 0 && (N.preventDefault(), H(n.id, f, I));
     }
-  } : { className: z.head }, ze = (t, f, x, C, M) => {
-    const A = Object.entries(f.sizes).sort(([, E], [, X]) => ge(E) - ge(X));
+  } : { className: _.head }, Ne = (n, f, x, k, C, N) => {
+    const I = Object.entries(f.sizes).sort(([, T], [, X]) => ye(T) - ye(X));
     return /* @__PURE__ */ R(
-      Ie,
+      je,
       {
         align: "end",
-        trigger: /* @__PURE__ */ a(L, { ref: ee(V, t.id), size: "sm", variant: "ghost", "aria-label": n.dashboardMenu(x), children: /* @__PURE__ */ a("svg", { viewBox: "0 0 10 10", width: "10", height: "10", "aria-hidden": "true", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", children: /* @__PURE__ */ a("path", { d: "M1.5 5h.01M5 5h.01M8.5 5h.01" }) }) }),
+        trigger: /* @__PURE__ */ r(B, { ref: se(l, n.id), size: "sm", variant: "ghost", "aria-label": s.dashboardMenu(x), children: /* @__PURE__ */ r("svg", { viewBox: "0 0 10 10", width: "10", height: "10", "aria-hidden": "true", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", children: /* @__PURE__ */ r("path", { d: "M1.5 5h.01M5 5h.01M8.5 5h.01" }) }) }),
         children: [
-          /* @__PURE__ */ a(U, { disabled: !0, children: n.dashboardPlace(M + 1, o) }),
-          /* @__PURE__ */ a(U, { disabled: M === 0, onSelect: () => u(t.id, x, 0), children: n.dashboardMoveStart }),
-          /* @__PURE__ */ a(U, { disabled: M === 0, onSelect: () => u(t.id, x, M - 1), children: n.dashboardMoveEarlier }),
-          /* @__PURE__ */ a(U, { disabled: M === o - 1, onSelect: () => u(t.id, x, M + 1), children: n.dashboardMoveLater }),
-          /* @__PURE__ */ a(U, { disabled: M === o - 1, onSelect: () => u(t.id, x, o - 1), children: n.dashboardMoveEnd }),
-          A.length > 1 && /* @__PURE__ */ R(re, { children: [
-            /* @__PURE__ */ a(se, {}),
-            A.map(([E, X]) => /* @__PURE__ */ a(
-              U,
+          /* @__PURE__ */ r(j, { disabled: !0, children: s.dashboardPlace(C + 1, p) }),
+          /* @__PURE__ */ r(j, { disabled: C === 0, onSelect: () => H(n.id, x, 0), children: s.dashboardMoveStart }),
+          /* @__PURE__ */ r(j, { disabled: C === 0, onSelect: () => H(n.id, x, C - 1), children: s.dashboardMoveEarlier }),
+          /* @__PURE__ */ r(j, { disabled: C === p - 1, onSelect: () => H(n.id, x, C + 1), children: s.dashboardMoveLater }),
+          /* @__PURE__ */ r(j, { disabled: C === p - 1, onSelect: () => H(n.id, x, p - 1), children: s.dashboardMoveEnd }),
+          N && /* @__PURE__ */ R(ne, { children: [
+            /* @__PURE__ */ r(te, {}),
+            /* @__PURE__ */ r(j, { disabled: !0, children: s.dashboardLockedLine })
+          ] }),
+          !N && I.length > 1 && /* @__PURE__ */ R(ne, { children: [
+            /* @__PURE__ */ r(te, {}),
+            I.map(([T, X]) => /* @__PURE__ */ r(
+              j,
               {
-                "aria-current": E === t.size || void 0,
+                "aria-current": T === n.size || void 0,
                 onSelect: () => {
-                  e.step($e(t.id, E)), $(n.dashboardResized(x, n.dashboardSizes[E]));
+                  e.step(Ve(n.id, T)), U(s.dashboardResized(x, s.dashboardSizes[T]));
                 },
-                children: n.dashboardSizeEntry(n.dashboardSizes[E], gt(X), E === t.size)
+                children: s.dashboardSizeEntry(s.dashboardSizes[T], xt(X), T === n.size)
               },
-              E
+              T
             ))
           ] }),
-          f.form && /* @__PURE__ */ R(re, { children: [
-            /* @__PURE__ */ a(se, {}),
-            /* @__PURE__ */ a(
-              U,
+          !N && f.form && /* @__PURE__ */ R(ne, { children: [
+            /* @__PURE__ */ r(te, {}),
+            /* @__PURE__ */ r(
+              j,
               {
                 onSelect: () => {
-                  g.current = V.get(t.id) ?? null, w(t.id);
+                  F.current = l.get(n.id) ?? null, O(n.id);
                 },
-                children: n.dashboardOptions
+                children: s.dashboardOptions
               }
             )
           ] }),
-          /* @__PURE__ */ a(se, {}),
-          /* @__PURE__ */ a(
-            U,
+          !N && /* @__PURE__ */ r(te, {}),
+          !N && /* @__PURE__ */ r(
+            j,
             {
               tone: "danger",
               onSelect: () => {
-                k.current = (p[C + 1] ?? p[C - 1])?.widget.id ?? null, e.step(Fe(t.id)), $(n.dashboardRemoved(x));
+                L.current = (v[k + 1] ?? v[k - 1])?.widget.id ?? null, e.step(We(n.id)), U(s.dashboardRemoved(x));
               },
-              children: n.dashboardRemove
+              children: s.dashboardRemove
             }
           )
         ]
       }
     );
   };
-  return /* @__PURE__ */ R("div", { role: "group", className: Z(z.root, i), "data-editing": r || void 0, ...y, children: [
-    e.allowed && /* @__PURE__ */ a("div", { className: z.bar, children: r ? /* @__PURE__ */ R(re, { children: [
-      /* @__PURE__ */ a("span", { className: z.mode, children: n.dashboardEditing }),
-      /* @__PURE__ */ a(L, { size: "sm", disabled: !e.canUndo, onClick: e.undo, children: n.dashboardUndo }),
-      /* @__PURE__ */ a(L, { size: "sm", disabled: !e.canRedo, onClick: e.redo, children: n.dashboardRedo }),
-      /* @__PURE__ */ a(L, { size: "sm", disabled: !e.canReset, onClick: e.reset, children: n.dashboardReset }),
-      /* @__PURE__ */ a(L, { ref: F, size: "sm", onClick: () => e.setCatalogue(!0), children: n.dashboardAddWidget }),
-      /* @__PURE__ */ a(L, { size: "sm", onClick: e.cancel, children: n.dashboardCancel }),
-      /* @__PURE__ */ a(L, { size: "sm", variant: "primary", onClick: e.done, children: n.dashboardDone })
-    ] }) : /* @__PURE__ */ a(L, { size: "sm", onClick: e.edit, children: n.dashboardEdit }) }),
-    r && o === 0 && /* @__PURE__ */ a(K, { children: n.dashboardEmptyEditing }),
-    !r && o === 0 && /* @__PURE__ */ a(K, { children: n.dashboardEmpty }),
-    /* @__PURE__ */ R("div", { className: z.grid, ref: H, children: [
-      p.map(({ widget: t, type: f }, x) => {
-        const C = pe(I[x], T.indexOf(x)), M = Q(f, t.options), A = b.widgets.findIndex((Me) => Me.id === t.id), E = xe(t, M, x, A), X = r && ze(t, f, M, x, A);
-        return f === h ? /* @__PURE__ */ a("div", { ref: ee(O, t.id), className: Z(z.item, z.headingRow), style: C, "data-widget": t.id, "data-editing": r || void 0, "data-dragging": m?.id === t.id || void 0, children: /* @__PURE__ */ R("div", { ...E, className: Z(E.className, z.headingHead), children: [
-          r && /* @__PURE__ */ a(ue, { className: z.grip }),
-          /* @__PURE__ */ a(Oe, { level: 2, size: "lg", className: z.heading, children: t.options.text }),
+  return /* @__PURE__ */ R("div", { role: "group", className: ee(_.root, o), "data-editing": h || void 0, ...a, children: [
+    e.allowed && /* @__PURE__ */ r("div", { className: _.bar, children: h ? /* @__PURE__ */ R(ne, { children: [
+      /* @__PURE__ */ r("span", { className: _.mode, children: s.dashboardEditing }),
+      /* @__PURE__ */ r(B, { size: "sm", disabled: !e.canUndo, onClick: e.undo, children: s.dashboardUndo }),
+      /* @__PURE__ */ r(B, { size: "sm", disabled: !e.canRedo, onClick: e.redo, children: s.dashboardRedo }),
+      /* @__PURE__ */ r(B, { size: "sm", disabled: !e.canReset, onClick: e.reset, children: s.dashboardReset }),
+      /* @__PURE__ */ r(B, { ref: m, size: "sm", onClick: () => e.setCatalogue(!0), children: s.dashboardAddWidget }),
+      /* @__PURE__ */ r(B, { size: "sm", onClick: e.cancel, children: s.dashboardCancel }),
+      /* @__PURE__ */ r(B, { size: "sm", variant: "primary", onClick: e.done, children: s.dashboardDone })
+    ] }) : /* @__PURE__ */ r(B, { size: "sm", onClick: e.edit, children: s.dashboardEdit }) }),
+    h && p === 0 && /* @__PURE__ */ r(Q, { children: s.dashboardEmptyEditing }),
+    !h && p === 0 && /* @__PURE__ */ r(Q, { children: s.dashboardEmpty }),
+    /* @__PURE__ */ R("div", { className: _.grid, ref: W, children: [
+      v.map(({ widget: n, type: f }, x) => {
+        const k = we(g[x], $.indexOf(x)), C = Z(f, n.options), N = b.widgets.findIndex((Oe) => Oe.id === n.id), I = n.locked === !0, T = ke(n, C, x, N, I), X = h && Ne(n, f, C, x, N, I);
+        return f === u ? /* @__PURE__ */ r("div", { ref: se(A, n.id), className: ee(_.item, _.headingRow), style: k, "data-widget": n.id, "data-editing": h || void 0, "data-dragging": E?.id === n.id || void 0, children: /* @__PURE__ */ R("div", { ...T, className: ee(T.className, _.headingHead), children: [
+          h && /* @__PURE__ */ r(pe, { className: _.grip }),
+          /* @__PURE__ */ r(De, { level: w, size: "lg", className: _.heading, children: n.options.text }),
+          h && I && /* @__PURE__ */ r("span", { className: _.size, children: s.dashboardLocked }),
           X
-        ] }) }, t.id) : /* @__PURE__ */ R(Ee, { ref: ee(O, t.id), className: z.item, style: C, "data-widget": t.id, "data-editing": r || void 0, "data-dragging": m?.id === t.id || void 0, "aria-label": M, children: [
-          /* @__PURE__ */ R("div", { ...E, children: [
-            r && /* @__PURE__ */ a(ue, { className: z.grip }),
-            /* @__PURE__ */ a("h2", { className: z.title, children: M }),
-            r && /* @__PURE__ */ a("span", { className: z.size, children: n.dashboardSizes[t.size] }),
+        ] }) }, n.id) : /* @__PURE__ */ R(Ae, { ref: se(A, n.id), className: _.item, style: k, "data-widget": n.id, "data-editing": h || void 0, "data-dragging": E?.id === n.id || void 0, "aria-label": C, children: [
+          /* @__PURE__ */ R("div", { ...T, children: [
+            h && /* @__PURE__ */ r(pe, { className: _.grip }),
+            /* @__PURE__ */ r(K, { className: _.title, children: C }),
+            h && /* @__PURE__ */ r("span", { className: _.size, children: s.dashboardSizes[n.size] }),
+            h && I && /* @__PURE__ */ r("span", { className: _.size, children: s.dashboardLocked }),
             X
           ] }),
-          /* @__PURE__ */ a(zt, { title: M, editing: r, children: /* @__PURE__ */ a(lt, { size: t.size, options: t.options, fallback: /* @__PURE__ */ a(K, { tone: "secondary", children: n.dashboardFailed }), children: /* @__PURE__ */ a(Ce, { fallback: /* @__PURE__ */ a(Re, { width: "100%", height: "100%" }), children: /* @__PURE__ */ a(xt, { render: f.children, size: t.size, options: t.options }) }) }) })
-        ] }, t.id);
+          /* @__PURE__ */ r(Ot, { title: C, editing: h, children: /* @__PURE__ */ r(bt, { size: n.size, options: n.options, fallback: /* @__PURE__ */ r(Q, { tone: "secondary", children: s.dashboardFailed }), children: /* @__PURE__ */ r(Re, { fallback: /* @__PURE__ */ r(Ie, { width: "100%", height: "100%" }), children: /* @__PURE__ */ r(Nt, { render: f.children, size: n.size, options: n.options }) }) }) })
+        ] }, n.id);
       }),
-      q >= 0 && /* @__PURE__ */ a("div", { ref: S, "aria-hidden": "true", "data-placeholder": !0, className: Z(z.item, z.placeholder), style: pe(I[q], m.target) })
+      D >= 0 && /* @__PURE__ */ r("div", { ref: G, "aria-hidden": "true", "data-placeholder": !0, className: ee(_.item, _.placeholder), style: we(g[D], E.target) })
     ] }),
-    /* @__PURE__ */ R(qe, { open: e.catalogue, onClose: () => e.setCatalogue(!1), children: [
-      /* @__PURE__ */ a(Te, { title: n.dashboardCatalogue, description: n.dashboardCatalogueSentence }),
-      /* @__PURE__ */ a(De, { children: /* @__PURE__ */ a("ul", { className: z.catalogue, children: P.map((t) => {
-        const f = t.sizes[t.start];
-        return /* @__PURE__ */ R("li", { className: z.entry, children: [
-          /* @__PURE__ */ a("div", { className: z.footprint, role: "img", "aria-label": n.dashboardFootprint(f.columns, f.rows), children: /* @__PURE__ */ a("span", { style: { width: `${f.columns / fe * 100}%`, height: `${Math.min(1, f.rows / 4) * 100}%` } }) }),
-          /* @__PURE__ */ R("div", { className: z.entryText, children: [
-            /* @__PURE__ */ a(K, { as: "strong", weight: "semibold", children: t.label }),
-            /* @__PURE__ */ a(K, { as: "span", size: "sm", tone: "secondary", children: t.sentence })
+    /* @__PURE__ */ R($e, { open: e.catalogue, onClose: () => e.setCatalogue(!1), children: [
+      /* @__PURE__ */ r(Fe, { title: s.dashboardCatalogue, description: s.dashboardCatalogueSentence }),
+      /* @__PURE__ */ r(Pe, { children: /* @__PURE__ */ r("ul", { className: _.catalogue, children: ve.map((n) => {
+        const f = n.sizes[n.start];
+        return /* @__PURE__ */ R("li", { className: _.entry, children: [
+          /* @__PURE__ */ r("div", { className: _.footprint, role: "img", "aria-label": s.dashboardFootprint(f.columns, f.rows), children: /* @__PURE__ */ r("span", { style: { width: `${f.columns / me * 100}%`, height: `${Math.min(1, f.rows / 4) * 100}%` } }) }),
+          /* @__PURE__ */ R("div", { className: _.entryText, children: [
+            /* @__PURE__ */ r(Q, { as: "strong", weight: "semibold", children: n.label }),
+            /* @__PURE__ */ r(Q, { as: "span", size: "sm", tone: "secondary", children: n.sentence })
           ] }),
-          /* @__PURE__ */ a(L, { size: "sm", "aria-label": n.dashboardAddType(t.label), onClick: () => Y(t), children: n.dashboardAdd })
-        ] }, t.name);
+          /* @__PURE__ */ r(B, { size: "sm", "aria-label": s.dashboardAddType(n.label), onClick: () => Ce(n), children: s.dashboardAdd })
+        ] }, n.name);
       }) }) })
     ] }),
-    D?.form && ne && /* @__PURE__ */ a(Ae, { open: !0, anchorRef: g, align: "end", onOpenChange: () => w(null), role: "dialog", "aria-label": n.dashboardOptions, children: /* @__PURE__ */ a("div", { className: z.options, children: D.form({
-      options: ne.options,
-      change: (t) => {
-        e.step(Ue(ne.id, t)), $(n.dashboardOptionsChanged(Q(D, t)));
+    oe?.form && ae && /* @__PURE__ */ r(Be, { open: !0, anchorRef: F, align: "end", onOpenChange: () => O(null), role: "dialog", "aria-label": s.dashboardOptions, children: /* @__PURE__ */ r("div", { className: _.options, children: oe.form({
+      options: ae.options,
+      change: (n) => {
+        e.step(Xe(ae.id, n)), U(s.dashboardOptionsChanged(Z(oe, n)));
       }
     }) }) })
   ] });
 }
-const be = (s, e) => JSON.stringify(s) === JSON.stringify(e);
-function kt({ defaultView: s, initialView: e, allowEdit: i = !0, onViewChange: d, onDraftChange: v }) {
-  const y = N(null);
-  y.current ??= { state: { view: he(e) ? e : s, draft: null, known: 0 }, listeners: /* @__PURE__ */ new Set(), types: /* @__PURE__ */ new Map(), signature: "" };
-  const n = y.current, h = ae(), c = N({ defaultView: s, allowEdit: i, onViewChange: d, onDraftChange: v, wording: h });
-  c.current = { defaultView: s, allowEdit: i, onViewChange: d, onDraftChange: v, wording: h };
-  const l = oe(() => {
-    const V = (w) => (n.listeners.add(w), () => void n.listeners.delete(w)), F = () => n.state, r = (w) => {
-      n.state = w, n.listeners.forEach((g) => g());
-    }, o = (w) => n.types.size ? we(w, n.types) : ut(w), u = () => {
-      !c.current.allowEdit || n.state.draft || (r({ ...n.state, draft: { steps: [o(n.state.view)], at: 0 } }), c.current.onDraftChange?.(!0));
-    }, m = (w) => {
-      const { view: g, draft: _ } = n.state;
-      if (!_) return;
-      const k = _.steps[_.at], P = w && !be(k, o(g)), Y = { ...k, widgets: [...k.widgets, ...ht(g, _.steps[0])] };
-      r({ ...n.state, view: P ? Y : g, draft: null, catalogue: !1 }), c.current.onDraftChange?.(!1);
-      const { wording: D } = c.current;
-      $(w ? P ? D.dashboardKept : D.dashboardLeft : D.dashboardCancelled), P && c.current.onViewChange?.(Y);
-    }, S = (w) => {
-      n.state.draft && r({ ...n.state, catalogue: w });
-    }, B = (w) => {
-      const { draft: g } = n.state;
+const _e = (t, e) => JSON.stringify(t) === JSON.stringify(e);
+function Lt({ defaultView: t, initialView: e, allowEdit: o = !0, onViewChange: i, onDraftChange: S }) {
+  const w = q(null);
+  w.current ??= { state: { view: ge(e) ? e : t, draft: null, known: 0 }, listeners: /* @__PURE__ */ new Set(), types: /* @__PURE__ */ new Map(), signature: "" };
+  const a = w.current, s = de(), u = q({ defaultView: t, allowEdit: o, onViewChange: i, onDraftChange: S, wording: s });
+  u.current = { defaultView: t, allowEdit: o, onViewChange: i, onDraftChange: S, wording: s };
+  const c = ie(() => {
+    const W = (y) => (a.listeners.add(y), () => void a.listeners.delete(y)), A = () => a.state, d = (y) => {
+      a.state = y, a.listeners.forEach((g) => g());
+    }, l = (y) => a.types.size ? xe(y, a.types) : mt(y), m = () => {
+      !u.current.allowEdit || a.state.draft || (d({ ...a.state, draft: { steps: [l(a.state.view)], at: 0 } }), u.current.onDraftChange?.(!0));
+    }, h = (y) => {
+      const { view: g, draft: M } = a.state;
+      if (!M) return;
+      const O = M.steps[M.at], F = y && !_e(O, l(g)), P = { ...O, widgets: [...O.widgets, ...wt(g, M.steps[0])] };
+      d({ ...a.state, view: F ? P : g, draft: null, catalogue: !1 }), u.current.onDraftChange?.(!1);
+      const { wording: L } = u.current;
+      U(y ? F ? L.dashboardKept : L.dashboardLeft : L.dashboardCancelled), F && u.current.onViewChange?.(P);
+    }, p = (y) => {
+      a.state.draft && d({ ...a.state, catalogue: y });
+    }, H = (y) => {
+      const { draft: g } = a.state;
       if (!g) return;
-      const _ = g.steps[g.at], k = w(_);
-      k !== _ && r({ ...n.state, draft: { steps: [...g.steps.slice(0, g.at + 1), k], at: g.at + 1 } });
-    }, q = (w, g) => {
-      const { draft: _ } = n.state;
-      _?.steps[_.at + w] && (r({ ...n.state, draft: { ..._, at: _.at + w } }), $(g));
-    }, T = () => q(-1, c.current.wording.dashboardUndone), G = () => q(1, c.current.wording.dashboardRedone), I = () => {
-      n.state.draft && (B(() => o(c.current.defaultView)), $(c.current.wording.dashboardResetDone));
-    }, W = (w, g, _) => ({
-      allowed: w,
+      const M = g.steps[g.at], O = y(M);
+      O !== M && d({ ...a.state, draft: { steps: [...g.steps.slice(0, g.at + 1), O], at: g.at + 1 } });
+    }, E = (y, g) => {
+      const { draft: M } = a.state;
+      M?.steps[M.at + y] && (d({ ...a.state, draft: { ...M, at: M.at + y } }), U(g));
+    }, G = () => E(-1, u.current.wording.dashboardUndone), Y = () => E(1, u.current.wording.dashboardRedone), D = () => {
+      a.state.draft && (H(() => l(u.current.defaultView)), U(u.current.wording.dashboardResetDone));
+    }, $ = (y, g, M) => ({
+      allowed: y,
       editing: g !== null,
-      edit: u,
-      done: () => m(!0),
-      cancel: () => m(!1),
-      catalogue: _,
-      setCatalogue: S,
-      register: (k) => {
-        n.types = k;
-        const P = [...k].map(([Y, D]) => `${Y}:${D.start}:${JSON.stringify(D.sizes)}`).join("|");
-        P !== n.signature && (n.signature = P, r({ ...n.state, known: n.state.known + 1 }));
+      edit: m,
+      done: () => h(!0),
+      cancel: () => h(!1),
+      catalogue: M,
+      setCatalogue: p,
+      register: (O) => {
+        a.types = O;
+        const F = [...O].map(([P, L]) => `${P}:${L.start}:${JSON.stringify(L.sizes)}`).join("|");
+        F !== a.signature && (a.signature = F, d({ ...a.state, known: a.state.known + 1 }));
       },
-      step: B,
-      undo: T,
-      redo: G,
-      reset: I,
+      step: H,
+      undo: G,
+      redo: Y,
+      reset: D,
       canUndo: !!g && g.at > 0,
       canRedo: !!g && g.at < g.steps.length - 1,
-      canReset: !!g && !be(g.steps[g.at], o(c.current.defaultView))
+      canReset: !!g && !_e(g.steps[g.at], l(u.current.defaultView))
     });
     return {
-      get: F,
-      subscribe: V,
-      edit: u,
-      done: () => m(!0),
-      cancel: () => m(!1),
-      undo: T,
-      redo: G,
-      reset: I,
-      catalogue: () => S(!0),
-      read: o,
-      setView: (w) => {
-        const g = he(w) ? w : c.current.defaultView;
-        r({ ...n.state, view: g, draft: n.state.draft ? { steps: [o(g)], at: 0 } : null });
+      get: A,
+      subscribe: W,
+      edit: m,
+      done: () => h(!0),
+      cancel: () => h(!1),
+      undo: G,
+      redo: Y,
+      reset: D,
+      catalogue: () => p(!0),
+      read: l,
+      setView: (y) => {
+        const g = ge(y) ? y : u.current.defaultView;
+        d({ ...a.state, view: g, draft: a.state.draft ? { steps: [l(g)], at: 0 } : null });
       },
-      Dashboard: (w) => {
-        const { view: g, draft: _, catalogue: k } = le(V, F, F);
-        return ke(Mt, { ...w, view: _ ? _.steps[_.at] : g, editor: W(c.current.allowEdit, _, !!k) });
+      Dashboard: (y) => {
+        const { view: g, draft: M, catalogue: O } = fe(W, A, A);
+        return qe(Ht, { ...y, view: M ? M.steps[M.at] : g, editor: $(u.current.allowEdit, M, !!O) });
       }
     };
-  }, [n]), { view: b, draft: p, known: H } = le(l.subscribe, l.get, l.get), O = p ? p.steps[p.at] : b, j = oe(() => l.read(O), [l, O, H]);
+  }, [a]), { view: z, draft: b, known: v } = fe(c.subscribe, c.get, c.get), V = b ? b.steps[b.at] : z, K = ie(() => c.read(V), [c, V, v]);
   return {
-    Dashboard: l.Dashboard,
-    WidgetType: _e,
-    view: j,
-    setView: l.setView,
-    editing: p !== null,
-    edit: l.edit,
-    done: l.done,
-    cancel: l.cancel,
-    catalogue: l.catalogue,
-    undo: l.undo,
-    redo: l.redo,
-    reset: l.reset
+    Dashboard: c.Dashboard,
+    WidgetType: Se,
+    view: K,
+    setView: c.setView,
+    editing: b !== null,
+    edit: c.edit,
+    done: c.done,
+    cancel: c.cancel,
+    catalogue: c.catalogue,
+    undo: c.undo,
+    redo: c.redo,
+    reset: c.reset
   };
 }
 export {
-  mt as HeadingType,
-  _e as WidgetType,
-  kt as useDashboard
+  St as HeadingType,
+  Se as WidgetType,
+  Lt as useDashboard
 };