@guiexpert/demo-table-models 1.1.106 → 1.1.108

package/index.js

@@ -1,25 +1,25 @@
-import { ColumnDef as t, px60 as G, px120 as b, px100 as c, px160 as $, px200 as z, px140 as P, TableOptions as T, TableModelAndOptions as o, TableFactory as f, Size as l, AreaObjectMap as D, DateToIntlDDMMYYYYCellRenderer as V, MaleFemaleToIconCellRenderer as Pe, TreeFactory as Ge, DefaultRowHeights as Ie, AreaModelArrayOfArrays as R, AreaModel as re, ColorRgb as j, ThreeColorGradientArg as Re, GeCssColorUtil as Oe, CellgroupFactory as O, AreaModelCellGroups as Ze, AreaModelObjectArrayWithColumndefs as ae, px300 as ze, px150 as we, px250 as He, TrueFalseCellRenderer as ve, DateToTecCellRenderer as $e, SelectionModel as h, TrueFn as p, CheckboxBooleanPropertyCellRenderer as ke, px90 as w, ProgressBarCellRenderer as xe, StarRatingCellRenderer as De, NumberCellProgressBarCellRenderer as Ve, RowNumberColumnDef as Fe, FalseFn as J, px220 as Ue, PositiveAndNegativeNumberRenderer as Ee, px80 as qe, RowGroupFactory as _e, px110 as Q, PivotFactory as Ke, px130 as We, editInputPipeForNumber as Z, FocusModel as F, NumberCellRenderer as je, Renderer as Ye, SelectCellRenderer as Xe, px50 as Je, ValueLabel as me, px70 as Qe, CellRange as k, AutoRestoreOptions as er, SpreadsheetFactory as rr, CoverGridFactory as se } from "@guiexpert/table";
-class ar {
-  render(e, r, n, m, s, i, y) {
+import { ColumnDef as n, px60 as G, px120 as b, px100 as c, px160 as E, px200 as Z, px140 as P, TableOptions as T, TableModelAndOptions as o, TableFactory as N, Size as g, AreaObjectMap as D, DateToIntlDDMMYYYYCellRenderer as V, MaleFemaleToIconCellRenderer as ze, TreeFactory as Ze, DefaultRowHeights as we, AreaModelArrayOfArrays as O, AreaModel as ae, ColorRgb as Y, ThreeColorGradientArg as Oe, GeCssColorUtil as He, CellgroupFactory as H, AreaModelCellGroups as ve, AreaModelObjectArrayWithColumndefs as te, px300 as ke, px150 as xe, px250 as Fe, TrueFalseCellRenderer as De, DateToTecCellRenderer as $e, SelectionModel as h, TrueFn as p, CheckboxBooleanPropertyCellRenderer as Ue, px90 as w, ProgressBarCellRenderer as Me, StarRatingCellRenderer as qe, NumberCellProgressBarCellRenderer as Ee, RowNumberColumnDef as Ve, FalseFn as Q, px220 as Be, PositiveAndNegativeNumberRenderer as _e, px80 as F, RowGroupFactory as Ke, px110 as ee, PivotFactory as We, px130 as je, editInputPipeForNumber as z, FocusModel as U, NumberCellRenderer as Ye, Renderer as Xe, SelectCellRenderer as Je, px50 as Qe, ValueLabel as se, px70 as er, CellRange as k, AutoRestoreOptions as rr, SpreadsheetFactory as ar, CoverGridFactory as ie } from "@guiexpert/table";
+class tr {
+  render(e, r, t, m, s, i, y) {
     if (i) {
       const d = Number(i);
       d < 0 ? (e.innerHTML = "▾ " + d.toFixed(2) + "%", y.addClass(e, "ge-positive-text-color")) : (e.innerHTML = "▴ " + d.toFixed(2) + "%", y.addClass(e, "ge-negative-text-color"));
     }
   }
 }
-class tr {
+class nr {
   constructor() {
     this.formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
   }
-  render(e, r, n, m, s, i, y) {
+  render(e, r, t, m, s, i, y) {
     if (i) {
       const d = Number(i);
       e.innerText = this.formatter.format(d);
     }
   }
 }
-class nr {
-  render(e, r, n, m, s, i, y) {
+class mr {
+  render(e, r, t, m, s, i, y) {
     const d = s.getRowByIndex(r);
     if (d) {
       const u = d.name ?? d.symbol;
@@ -32,50 +32,50 @@ class nr {
     }
   }
 }
-class mr {
+class sr {
   constructor() {
     this.formatterUsd = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }), this.formatter = new Intl.NumberFormat("en-US");
   }
-  render(e, r, n, m, s, i, y) {
+  render(e, r, t, m, s, i, y) {
     const d = s.getRowByIndex(r);
     if (d) {
-      const u = this.formatterUsd.format(d.volUsd), g = this.formatter.format(d.volBtc);
+      const u = this.formatterUsd.format(d.volUsd), l = this.formatter.format(d.volBtc);
       e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
         ${u}<br>
-        ${g} BTC
+        ${l} BTC
       </div>
       `;
     }
   }
 }
-class sr {
+class ir {
   constructor(e = 120) {
     this.maxWidth = e, this.formatter = new Intl.NumberFormat("en-US");
   }
-  render(e, r, n, m, s, i, y) {
+  render(e, r, t, m, s, i, y) {
     const d = s.getRowByIndex(r);
     if (d) {
-      const u = this.formatter.format(d.circulatingSupply), g = d.maxSupply, N = [];
-      if (N.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), N.push(u), N.push("<br>"), g) {
-        const S = this.maxWidth * d.circulatingSupply / g;
-        N.push(`
+      const u = this.formatter.format(d.circulatingSupply), l = d.maxSupply, f = [];
+      if (f.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), f.push(u), f.push("<br>"), l) {
+        const S = this.maxWidth * d.circulatingSupply / l;
+        f.push(`
           <div style="width: ${this.maxWidth}px;height: 5px;background-color: #eee;margin:10px 0 0 10px">
             <div style="width: ${S}px;height: 5px;background-color: #ccc;"></div>
           </div>
         `);
       }
-      N.push("</div>"), e.innerHTML = N.join("");
+      f.push("</div>"), e.innerHTML = f.join("");
     }
   }
 }
-class ir {
-  render(e, r, n, m, s, i, y) {
+class dr {
+  render(e, r, t, m, s, i, y) {
     const d = s.getRowByIndex(r);
     d != null && d.id && (e.innerHTML = `<img src="https://s2.coinmarketcap.com/static/img/coins/64x64/${d.id}.png" style="width:30px;height: 30px;margin: 10px 10px 0 20px;">`);
   }
 }
-const dr = [
+const yr = [
   {
     id: 1,
     name: "Bitcoin",
@@ -2810,49 +2810,49 @@ const dr = [
     change90d: 12.43943602
   }
 ];
-function ua() {
-  const a = dr, e = new ar(), r = new tr(), n = new nr(), m = new mr(), s = new sr(120), i = new ir(), y = [
-    t.create({
+function Na() {
+  const a = yr, e = new tr(), r = new nr(), t = new mr(), m = new sr(), s = new ir(120), i = new dr(), y = [
+    n.create({
       property: "symbol",
       headerLabel: "",
       width: G,
       bodyClasses: ["ge-table-text-align-left"],
       bodyRenderer: i
     }),
-    t.create({
+    n.create({
       property: "symbol",
       headerLabel: "Name",
       width: b,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      bodyRenderer: n
+      bodyRenderer: t
     }),
-    t.create({
+    n.create({
       property: "priceInUsd",
       headerLabel: "Price $",
       width: c,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     }),
-    new t("change1h", "1h %", c, void 0, t.bodyRenderer(e)),
-    new t("change24h", "24h %", c, void 0, t.bodyRenderer(e)),
-    new t("change7d", "7d %", c, void 0, t.bodyRenderer(e)),
-    t.create({
+    new n("change1h", "1h %", c, void 0, n.bodyRenderer(e)),
+    new n("change24h", "24h %", c, void 0, n.bodyRenderer(e)),
+    new n("change7d", "7d %", c, void 0, n.bodyRenderer(e)),
+    n.create({
       property: "marketCapUsd",
       headerLabel: "Market Cap",
-      width: $,
+      width: E,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: r
     }),
-    t.create({
+    n.create({
       headerLabel: "Volumne (24h)",
-      width: z,
+      width: Z,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: m
     }),
-    t.create({
+    n.create({
       property: "circulatingSupply",
       headerLabel: "Circulating Supply",
       width: P,
@@ -2873,7 +2873,7 @@ function ua() {
     }
   };
   return new o(
-    f.createTableModel({
+    N.createTableModel({
       rows: a,
       columnDefs: y,
       tableOptions: d
@@ -2881,16 +2881,16 @@ function ua() {
     d
   );
 }
-function ca(a = 1e3, e = 1e3) {
+function fa(a = 1e3, e = 1e3) {
   const r = Array.from(Array(a).keys()).map(
     (s) => Array.from(Array(e).keys()).map((i) => `${s}/${i}`)
-  ), n = Array.from(Array(2).keys()).map(
+  ), t = Array.from(Array(2).keys()).map(
     (s) => Array.from(Array(e).keys()).map((i) => `H${s}/${i}`)
   ), m = Array.from(Array(2).keys()).map(
     (s) => Array.from(Array(e).keys()).map((i) => `F${s}/${i}`)
   );
-  return f.createTableModel({
-    headerData: n,
+  return N.createTableModel({
+    headerData: t,
     bodyData: r,
     footerData: m,
     overridingColumnWidth: 110,
@@ -2898,7 +2898,7 @@ function ca(a = 1e3, e = 1e3) {
     fixedRightColumnCount: 2
   });
 }
-const yr = [
+const pr = [
   {
     id: 0,
     preName: "Prename0",
@@ -164772,7 +164772,7 @@ const yr = [
     friends: []
   }
 ];
-function la() {
+function Ta() {
   const a = {
     ...new T(),
     hoverColumnVisible: !1,
@@ -164785,17 +164785,17 @@ function la() {
     // <-- true: we will see the checkbox IN the first column after the arrow
   }, e = [
     // new CheckboxColumn(), //  <--- not needed, because we have 'showCheckboxWihoutExtraColumn:true'
-    new t("lastName", "Last Name", new l(250, "px")),
-    new t("preName", "Pre Name", new l(120, "px")),
-    new t("birth", "Birthday", new l(100, "px"), new D(), new D(void 0, new V(), void 0), void 0, void 0),
-    new t("gender", " ", new l(50, "px"), new D(), new D(void 0, new Pe(), void 0), void 0, void 0),
-    new t("address.street", "Strasse", new l(150, "px")),
-    new t("address.number", "Nr", new l(70, "px")),
-    new t("address.zip", "Zip", new l(60, "px")),
-    new t("address.city", "City", new l(120, "px")),
-    new t("id", "ID", new l(60, "px"))
-  ], r = Ge.buildTreeRows(yr, "friends");
-  return f.createTableModel({
+    new n("lastName", "Last Name", new g(250, "px")),
+    new n("preName", "Pre Name", new g(120, "px")),
+    new n("birth", "Birthday", new g(100, "px"), new D(), new D(void 0, new V(), void 0), void 0, void 0),
+    new n("gender", " ", new g(50, "px"), new D(), new D(void 0, new ze(), void 0), void 0, void 0),
+    new n("address.street", "Strasse", new g(150, "px")),
+    new n("address.number", "Nr", new g(70, "px")),
+    new n("address.zip", "Zip", new g(60, "px")),
+    new n("address.city", "City", new g(120, "px")),
+    new n("id", "ID", new g(60, "px"))
+  ], r = Ze.buildTreeRows(pr, "friends");
+  return N.createTableModel({
     rows: r,
     columnDefs: e,
     tableOptions: a,
@@ -164803,7 +164803,7 @@ function la() {
     fixedRightColumnCount: 0
   });
 }
-const ie = new Ie(34, 50, 0), de = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), pr = `2009 27.9 36.7 42.4 54.5 62.5 67.5 72.7 75.7 66.3 55.0 51.2 35.9
+const de = new we(34, 50, 0), ye = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), ur = `2009 27.9 36.7 42.4 54.5 62.5 67.5 72.7 75.7 66.3 55.0 51.2 35.9
 2010 32.5 33.1 48.2 57.9 65.3 74.7 81.3 77.4 71.1 58.1 47.9 32.8
 2011 29.7 36.0 42.3 54.3 64.5 72.3 80.2 75.3 70.0 57.1 51.9 43.3
 2012 37.3 40.9 50.9 54.8 65.1 71.0 78.8 76.7 68.8 58.0 43.9 41.5
@@ -164814,38 +164814,38 @@ const ie = new Ie(34, 50, 0), de = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct No
 2017 38.0 41.6 39.2 57.2 61.1 72.0 76.8 74.0 70.5 64.1 46.6 33.4`.split(`
 `).map(
   (a) => a.split(" ").map((e) => Number(e))
-), ur = 27.9, cr = 77.4;
-class ye {
-  constructor(e, r, n) {
-    this.r = e, this.g = r, this.b = n;
+), cr = 27.9, lr = 77.4;
+class pe {
+  constructor(e, r, t) {
+    this.r = e, this.g = r, this.b = t;
   }
 }
-function lr(a, e, r, n, m) {
-  return (a - e) / (r - e) * (m - n) + n;
+function gr(a, e, r, t, m) {
+  return (a - e) / (r - e) * (m - t) + t;
 }
-function gr(a, e, r) {
-  var n = new ye(255, 0, 0), m = new ye(0, 0, 255), s = lr(r, a, e, 0, 1), i = m.r - n.r, y = m.g - n.g, d = m.b - n.b;
-  return i = i * s + n.r, y = y * s + n.g, d = d * s + n.b, `rgb(${Math.round(i)}, ${Math.round(y)}, ${Math.round(d)})`;
+function br(a, e, r) {
+  var t = new pe(255, 0, 0), m = new pe(0, 0, 255), s = gr(r, a, e, 0, 1), i = m.r - t.r, y = m.g - t.g, d = m.b - t.b;
+  return i = i * s + t.r, y = y * s + t.g, d = d * s + t.b, `rgb(${Math.round(i)}, ${Math.round(y)}, ${Math.round(d)})`;
 }
-function ga() {
-  const a = new R("body", pr, ie.body), e = new Array(de.length).fill(50), r = new R("header", [de], ie.header);
-  return a.getCustomStyleAt = (n, m) => {
+function oa() {
+  const a = new O("body", ur, de.body), e = new Array(ye.length).fill(50), r = new O("header", [ye], de.header);
+  return a.getCustomStyleAt = (t, m) => {
     let s = {};
     if (m > 0) {
-      const i = a.getValueAt(n, m);
+      const i = a.getValueAt(t, m);
       s = {
-        background: gr(ur, cr, i),
+        background: br(cr, lr, i),
         color: "#fff"
       };
     }
     return s.paddingTop = "10px", s;
-  }, f.createTableModel({
+  }, N.createTableModel({
     headerAreaModel: r,
     bodyAreaModel: a,
     columnSizes: e
   });
 }
-function br() {
+function Nr() {
   return [
     {
       date: "2010-01-01T01:00:00",
@@ -217403,12 +217403,12 @@ function br() {
     }
   ];
 }
-const Me = 30, Nr = 3, Be = br(), L = {};
-Be.forEach((a) => {
+const Ae = 30, fr = 3, Re = Nr(), L = {};
+Re.forEach((a) => {
   const [e, r] = a.date.split("T");
   L[e] || (L[e] = {}), L[e][r.substring(0, 5)] = a;
 });
-const ee = Object.keys(L), U = [
+const re = Object.keys(L), M = [
   "06:00",
   "07:00",
   "08:00",
@@ -217434,59 +217434,59 @@ const ee = Object.keys(L), U = [
   "04:00",
   "05:00"
 ];
-function fr() {
+function Tr() {
   let a = 10, e = 0;
-  return Be.forEach((r) => {
+  return Re.forEach((r) => {
     a = Math.min(a, r.temperature), e = Math.max(e, r.temperature);
   }), [a, e];
 }
-const [pe, ue] = fr();
-function ba() {
-  const a = new Tr(), e = new or(), r = [60, ...new Array(ee.length).fill(Nr)];
-  return f.createTableModel({
+const [ue, ce] = Tr();
+function ha() {
+  const a = new or(), e = new hr(), r = [60, ...new Array(re.length).fill(fr)];
+  return N.createTableModel({
     bodyAreaModel: a,
     footerAreaModel: e,
     columnSizes: r,
     fixedLeftColumnCount: 1
   });
 }
-class Tr extends re {
+class or extends ae {
   getRowCount() {
-    return U.length;
+    return M.length;
   }
   getRowHeight(e) {
-    return Me;
+    return Ae;
   }
   getValueAt(e, r) {
-    return r === 0 ? U[e] : "";
+    return r === 0 ? M[e] : "";
   }
   getTooltipAt(e, r) {
     if (r === 0)
       return "";
     r--;
-    const n = ee[r], m = U[e];
-    return L[n] && L[n][m] ? `${n} ${m} → ${L[n][m].temperature}` : "";
+    const t = re[r], m = M[e];
+    return L[t] && L[t][m] ? `${t} ${m} → ${L[t][m].temperature}` : "";
   }
   getCustomStyleAt(e, r) {
     if (r === 0)
       return;
     r--;
-    const n = ee[r], m = U[e];
-    if (!L[n] || !L[n][m]) return;
-    const s = L[n][m].temperature, i = new j(67, 1, 84), y = new j(31, 144, 141), d = new j(250, 230, 37), u = (ue + pe) / 2, g = new Re(pe, i, u, y, ue, d);
+    const t = re[r], m = M[e];
+    if (!L[t] || !L[t][m]) return;
+    const s = L[t][m].temperature, i = new Y(67, 1, 84), y = new Y(31, 144, 141), d = new Y(250, 230, 37), u = (ce + ue) / 2, l = new Oe(ue, i, u, y, ce, d);
     return {
-      background: Oe.getThreeColorGradientRGB(s, g),
+      background: He.getThreeColorGradientRGB(s, l),
       color: "transparent"
       // we only want to show the bg color
     };
   }
 }
-class or extends re {
+class hr extends ae {
   getRowCount() {
     return 1;
   }
   getRowHeight(e) {
-    return Me;
+    return Ae;
   }
   getValueAt(e, r) {
     return r === 1 ? "Jan" : r === 32 ? "Feb" : r === 60 ? "Mar" : r === 91 ? "Apr" : r === 121 ? "May" : r === 152 ? "Jun" : r === 182 ? "Jul" : r === 213 ? "Aug" : r === 244 ? "Sep" : r === 274 ? "Oct" : r === 305 ? "Nov" : r === 335 ? "Dec" : "";
@@ -217503,7 +217503,7 @@ class or extends re {
     };
   }
 }
-const Y = [
+const X = [
   {
     data: "Gold",
     toggle: !0,
@@ -217590,9 +217590,9 @@ const Y = [
     ]
   }
 ];
-function Na() {
-  const e = O.buildGroupExts(Y), r = O.buildColumnDefs(e), n = new Ze("header", Y, r, 34);
-  console.info("headerGroups", Y), console.info("columnDefs", r.map((i) => i.property));
+function Sa() {
+  const e = H.buildGroupExts(X), r = H.buildColumnDefs(e), t = new ve("header", X, r, 34);
+  console.info("headerGroups", X), console.info("columnDefs", r.map((i) => i.property));
   const m = [
     {
       GOLD: 146,
@@ -217610,14 +217610,14 @@ function Na() {
       HOH_C: 53,
       HOH_D: 54
     }
-  ], s = new ae("body", m, r, 34);
-  return f.createTableModel({
-    headerAreaModel: n,
+  ], s = new te("body", m, r, 34);
+  return N.createTableModel({
+    headerAreaModel: t,
     bodyAreaModel: s,
     columnDefs: r
   });
 }
-const hr = [
+const Sr = [
   {
     data: "Team A",
     toggle: !0,
@@ -217638,9 +217638,9 @@ const hr = [
     ]
   }
 ];
-function fa(a = hr) {
-  const r = O.buildGroupExts(a), n = O.buildColumnDefs(r), m = new Ze("header", a, n, 34);
-  console.info("headerGroups", a), console.info("columnDefs", n.map((y) => y.property)), console.info("columnDefs", n);
+function Ca(a = Sr) {
+  const r = H.buildGroupExts(a), t = H.buildColumnDefs(r), m = new ve("header", a, t, 34);
+  console.info("headerGroups", a), console.info("columnDefs", t.map((y) => y.property)), console.info("columnDefs", t);
   const s = [
     {
       team_a: 0,
@@ -217648,14 +217648,14 @@ function fa(a = hr) {
       peter: 5,
       paul: 4
     }
-  ], i = new ae("body", s, n, 34);
-  return f.createTableModel({
+  ], i = new te("body", s, t, 34);
+  return N.createTableModel({
     headerAreaModel: m,
     bodyAreaModel: i,
-    columnDefs: n
+    columnDefs: t
   });
 }
-function Sr() {
+function Cr() {
   return [
     {
       id: 1,
@@ -217835,33 +217835,33 @@ function Sr() {
     }
   ];
 }
-function Cr() {
+function Lr() {
   return [
-    new t("firstName", "First Name", b),
-    new t("lastName", "Last Name"),
-    t.create({
+    new n("firstName", "First Name", b),
+    new n("lastName", "Last Name"),
+    n.create({
       property: "gender",
       headerLabel: "Gender",
       width: c,
       bodyClasses: ["ge-table-text-align-left"]
     }),
-    t.create({
+    n.create({
       property: "email",
       headerLabel: "Email",
-      width: ze,
+      width: ke,
       bodyClasses: ["ge-table-text-align-left"]
     }),
-    new t("ipAddress", "IP", we),
-    t.create({
+    new n("ipAddress", "IP", xe),
+    n.create({
       property: "id",
       headerLabel: "ID",
-      width: He,
+      width: Fe,
       // bodyRenderer: actionRenderer,
       bodyClasses: ["ge-table-text-align-left"]
     })
   ];
 }
-function Lr() {
+function Pr() {
   return {
     ...new T(),
     hoverColumnVisible: !1,
@@ -217872,19 +217872,19 @@ function Lr() {
     }
   };
 }
-function Ta() {
-  const a = Lr(), e = Sr(), r = Cr();
-  return f.createTableModel({
+function La() {
+  const a = Pr(), e = Cr(), r = Lr();
+  return N.createTableModel({
     rows: e,
     columnDefs: r,
     tableOptions: a,
     fixedLeftColumnCount: 0
   });
 }
-function oa(a, e) {
+function Pa(a, e) {
   a.rendererMap = new D(void 0, e, void 0);
 }
-const Pr = [
+const Gr = [
   {
     id: 1,
     city: "London",
@@ -218032,35 +218032,35 @@ const Pr = [
     team: { name: "Team TCC", active: !0 },
     data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
   }
-].map((a) => (a.updatedAt = /* @__PURE__ */ new Date(), a)), H = [
-  new t("city", "City", new l(90, "px")),
-  new t("location", "Location", new l(100, "px")),
-  new t("team.name", "Team", new l(100, "px")),
-  t.create({
+].map((a) => (a.updatedAt = /* @__PURE__ */ new Date(), a)), $ = [
+  new n("city", "City", new g(90, "px")),
+  new n("location", "Location", new g(100, "px")),
+  new n("team.name", "Team", new g(100, "px")),
+  n.create({
     property: "team.active",
     headerLabel: "Active",
-    width: new l(60, "px"),
-    bodyRenderer: new ve()
+    width: new g(60, "px"),
+    bodyRenderer: new De()
   }),
-  new t("data.0", "00", new l(60, "px")),
-  new t("data.1", "15", new l(60, "px")),
-  new t("data.2", "30", new l(60, "px")),
-  new t("data.3", "45", new l(60, "px")),
-  new t("data.4", "00", new l(60, "px")),
-  new t("data.5", "15", new l(60, "px")),
-  new t("data.6", "30", new l(60, "px")),
-  new t("data.7", "45", new l(60, "px")),
-  new t("data.8", "00", new l(60, "px")),
-  new t("data.9", "15", new l(60, "px")),
-  new t("data.10", "30", new l(60, "px")),
-  new t("data.11", "45", new l(60, "px")),
-  t.create({
+  new n("data.0", "00", new g(60, "px")),
+  new n("data.1", "15", new g(60, "px")),
+  new n("data.2", "30", new g(60, "px")),
+  new n("data.3", "45", new g(60, "px")),
+  new n("data.4", "00", new g(60, "px")),
+  new n("data.5", "15", new g(60, "px")),
+  new n("data.6", "30", new g(60, "px")),
+  new n("data.7", "45", new g(60, "px")),
+  new n("data.8", "00", new g(60, "px")),
+  new n("data.9", "15", new g(60, "px")),
+  new n("data.10", "30", new g(60, "px")),
+  new n("data.11", "45", new g(60, "px")),
+  n.create({
     property: "updatedAt",
     headerLabel: "Updated at",
-    width: new l(175, "px"),
+    width: new g(175, "px"),
     bodyRenderer: new $e()
   })
-], ha = H.length - 1, Gr = {
+], Ga = $.length - 1, zr = {
   ...new T(),
   hoverRowVisible: !1,
   hoverColumnVisible: !1,
@@ -218072,39 +218072,39 @@ const Pr = [
   columnsDraggable: !1,
   columnsResizable: !0
 };
-function Sa() {
-  const a = Gr.defaultRowHeights;
-  return f.createTableModel({
-    headerAreaModel: new zr(a.header),
+function za() {
+  const a = zr.defaultRowHeights;
+  return N.createTableModel({
+    headerAreaModel: new wr(a.header),
     bodyAreaModel: new Zr(a.body),
-    footerAreaModel: new wr(a.footer),
-    columnDefs: H,
+    footerAreaModel: new vr(a.footer),
+    columnDefs: $,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 1,
     defaultRowHeights: a,
-    columnCount: H.length
+    columnCount: $.length
   });
 }
-class Zr extends ae {
+class Zr extends te {
   constructor(e) {
-    super("body", Pr, H, e);
+    super("body", Gr, $, e);
   }
   getRowspanAt(e, r) {
     if (r === 0 || r == 1) {
-      const n = this.getValueAt(e, r);
-      if (e === 0 || n !== this.getValueAt(e - 1, r))
-        return this.countNextWithValue(e, r, n);
+      const t = this.getValueAt(e, r);
+      if (e === 0 || t !== this.getValueAt(e - 1, r))
+        return this.countNextWithValue(e, r, t);
     }
     return 1;
   }
-  countNextWithValue(e, r, n) {
+  countNextWithValue(e, r, t) {
     let m = 1;
-    for (; n === this.getValueAt(e + m, r); )
+    for (; t === this.getValueAt(e + m, r); )
       m++;
     return m;
   }
 }
-class zr extends R {
+class wr extends O {
   constructor(e) {
     super(
       "header",
@@ -218131,7 +218131,7 @@ class zr extends R {
     return ["ge-font-weight-bold"];
   }
 }
-class wr extends R {
+class vr extends O {
   constructor(e) {
     super(
       "footer",
@@ -218146,7 +218146,7 @@ class wr extends R {
     return r === 2 ? ["ge-text-align-right", "ge-font-weight-bold"] : [];
   }
 }
-const vr = [
+const kr = [
   {
     id: "c8-34f1d5",
     company: "Equicom",
@@ -220084,12 +220084,12 @@ const vr = [
     rating: 5
   }
 ];
-function kr() {
-  return vr;
-}
 function xr() {
+  return kr;
+}
+function Dr() {
   return [
-    t.create({
+    n.create({
       property: "company",
       headerLabel: "Company",
       width: b,
@@ -220097,7 +220097,7 @@ function xr() {
       headerClasses: ["ge-table-text-align-left"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "country",
       headerLabel: "Country",
       width: P,
@@ -220105,7 +220105,7 @@ function xr() {
       headerClasses: ["ge-table-text-align-left"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "product",
       headerLabel: "Name",
       width: b,
@@ -220113,7 +220113,7 @@ function xr() {
       headerClasses: ["ge-table-text-align-left"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "sellDate",
       headerLabel: "Sell date",
       width: c,
@@ -220121,22 +220121,22 @@ function xr() {
       bodyClasses: ["ge-table-text-align-center"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "id",
       headerLabel: "Order ID",
       width: b,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "inStock",
       headerLabel: "In stock",
       width: w,
-      bodyRenderer: new ke("inStock", !0, !0),
+      bodyRenderer: new Ue("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "quantity",
       headerLabel: "Qty",
       width: G,
@@ -220144,25 +220144,25 @@ function xr() {
       headerClasses: ["ge-table-text-align-right"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "progress",
       headerLabel: "Progress",
       width: c,
-      bodyRenderer: new xe("progress", 5, !0),
+      bodyRenderer: new Me("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "rating",
       headerLabel: "Rating",
       width: c,
-      bodyRenderer: new De("rating"),
+      bodyRenderer: new qe("rating"),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: p
     })
   ];
 }
-function Dr() {
+function Ur() {
   const a = new h("row", "multi");
   return {
     ...new T(),
@@ -220175,10 +220175,10 @@ function Dr() {
     getSelectionModel: () => a
   };
 }
-function Ca() {
-  const a = Dr(), e = kr(), r = xr();
+function Za() {
+  const a = Ur(), e = xr(), r = Dr();
   return new o(
-    f.createTableModel({
+    N.createTableModel({
       rows: e,
       columnDefs: r,
       tableOptions: a,
@@ -220187,31 +220187,31 @@ function Ca() {
     a
   );
 }
-function ce() {
+function le() {
   return [
-    t.create({
+    n.create({
       headerLabel: "ID",
       width: b,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: J
+      sortable: Q
     }),
-    t.create({
+    n.create({
       headerLabel: "Value",
-      width: z,
+      width: Z,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: J
+      sortable: Q
     }),
-    t.create({
+    n.create({
       headerLabel: " ",
-      width: z,
+      width: Z,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     })
   ];
 }
-function Ur() {
+function Mr() {
   const a = new h();
   return {
     ...new T(),
@@ -220224,22 +220224,22 @@ function Ur() {
     getSelectionModel: () => a
   };
 }
-function La(a = 1e6, e = !1) {
-  const r = Ur(), n = e ? [new Fe({ format: (i) => i.toLocaleString("en-US") }), ...ce()] : ce(), m = e ? 1 : 0, s = new qr(a, m);
-  return new o(f.createTableModel({
+function wa(a = 1e6, e = !1) {
+  const r = Mr(), t = e ? [new Ve({ format: (i) => i.toLocaleString("en-US") }), ...le()] : le(), m = e ? 1 : 0, s = new qr(a, m);
+  return new o(N.createTableModel({
     bodyAreaModel: s,
-    columnDefs: n,
+    columnDefs: t,
     tableOptions: r,
     fixedLeftColumnCount: m
   }), r);
 }
-class qr extends re {
+class qr extends ae {
   /**
    * @param rowcount - number of rows
    * @param columnOffset - columns in front of the data columns (1 for a RowNumberColumnDef)
    */
   constructor(e = 1e6, r = 0) {
-    super(), this.rowcount = e, this.columnOffset = r, this.nf = new Intl.NumberFormat("en-Us", {}), this.barRenderer = new Ve(e, !1);
+    super(), this.rowcount = e, this.columnOffset = r, this.nf = new Intl.NumberFormat("en-Us", {}), this.barRenderer = new Ee(e, !1);
   }
   getRowCount() {
     return this.rowcount;
@@ -220251,8 +220251,8 @@ class qr extends re {
     return 34;
   }
   getValueAt(e, r) {
-    const n = r - this.columnOffset;
-    return n < 0 ? "" : n === 0 ? "id" + e : n === 1 ? this.nf.format(e) : e;
+    const t = r - this.columnOffset;
+    return t < 0 ? "" : t === 0 ? "id" + e : t === 1 ? this.nf.format(e) : e;
   }
   getCellRenderer(e, r) {
     if (r - this.columnOffset === 2) return this.barRenderer;
@@ -220261,7 +220261,7 @@ class qr extends re {
     return e * this.getRowHeight(0);
   }
 }
-const Mr = [
+const Br = [
   {
     id: "f0-bfbecb",
     company: "Medmex",
@@ -221733,12 +221733,12 @@ const Mr = [
     f2: 28.55122067
   }
 ];
-function Br(a = 75) {
-  return Mr.slice(0, a - 1);
+function Ar(a = 75) {
+  return Br.slice(0, a - 1);
 }
-function Ar(a) {
+function Rr(a) {
   return [
-    t.create({
+    n.create({
       property: "company",
       headerLabel: "Company",
       width: c,
@@ -221747,7 +221747,7 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "country",
       headerLabel: "Country",
       width: P,
@@ -221756,7 +221756,7 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "product",
       headerLabel: "Name",
       width: c,
@@ -221765,7 +221765,7 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "birthday",
       headerLabel: "Birth Date",
       width: c,
@@ -221773,7 +221773,7 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "sellDate",
       headerLabel: "Sell date",
       width: c,
@@ -221782,15 +221782,15 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "lastVisit",
       headerLabel: "Last Visit",
-      width: Ue,
+      width: Be,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "time",
       headerLabel: "Time",
       width: c,
@@ -221798,23 +221798,23 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "id",
       headerLabel: "Order ID",
       width: b,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "inStock",
       headerLabel: "In stock",
       width: w,
-      bodyRenderer: new ke("inStock", !0, !0),
+      bodyRenderer: new Ue("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "quantity",
       headerLabel: "Qty",
       width: G,
@@ -221823,23 +221823,23 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "progress",
       headerLabel: "Progress",
       width: c,
-      bodyRenderer: new xe("progress", 5, !0),
+      bodyRenderer: new Me("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "rating",
       headerLabel: "Rating",
       width: c,
-      bodyRenderer: new De("rating"),
+      bodyRenderer: new qe("rating"),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: p
     }),
-    t.create({
+    n.create({
       property: "price",
       headerLabel: "Price",
       width: G,
@@ -221847,22 +221847,22 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "active",
       headerLabel: "Active",
       width: G,
-      bodyRenderer: new ve(),
+      bodyRenderer: new De(),
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "currency",
       headerLabel: "CCY",
       width: G,
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "average",
       headerLabel: "Average",
       width: c,
@@ -221870,16 +221870,16 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "f1",
       headerLabel: "F1",
-      width: qe,
+      width: F,
       bodyClasses: ["ge-table-text-align-right"],
-      bodyRenderer: new Ee(),
+      bodyRenderer: new _e(),
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "f2",
       headerLabel: "F2",
       width: b,
@@ -221887,10 +221887,10 @@ function Ar(a) {
       sortable: p,
       editable: () => a
     }),
-    t.create({
+    n.create({
       property: "lorem",
       headerLabel: "Lorem",
-      width: z,
+      width: Z,
       bodyClasses: ["ge-table-text-align-left"],
       sortable: p,
       editable: () => a
@@ -221909,17 +221909,17 @@ function Ir(a) {
     getSelectionModel: () => a
   };
 }
-function Pa(a = new h("row", "multi"), e = 75, r = !1) {
-  const n = Ir(a);
+function va(a = new h("row", "multi"), e = 75, r = !1) {
+  const t = Ir(a);
   e = Math.max(10, Math.min(75, e));
-  const m = Br(e), s = Ar(r);
-  return new o(f.createTableModel({
+  const m = Ar(e), s = Rr(r);
+  return new o(N.createTableModel({
     rows: m,
     columnDefs: s,
-    tableOptions: n
-  }), n);
+    tableOptions: t
+  }), t);
 }
-const Rr = [
+const Or = [
   ["Germany", "Hamburg"],
   ["Germany", "Berlin"],
   ["Germany", "Munich"],
@@ -221932,7 +221932,7 @@ const Rr = [
   ["Spain", "Madrid"],
   ["Poland", "Warsaw"],
   ["Denmark", "Copenhagen"]
-], Or = [
+], Hr = [
   ["Laptop", "Hardware", 1299],
   ["Monitor", "Hardware", 349],
   ["Keyboard", "Accessories", 89],
@@ -221942,42 +221942,42 @@ const Rr = [
   ["Cloud Credits", "Services", 500],
   ["Support Plan", "Services", 990]
 ];
-function Hr(a) {
+function Fr(a) {
   return () => {
     a |= 0, a = a + 1831565813 | 0;
     let e = Math.imul(a ^ a >>> 15, 1 | a);
     return e = e + Math.imul(e ^ e >>> 7, 61 | e) ^ e, ((e ^ e >>> 14) >>> 0) / 4294967296;
   };
 }
-function E(a, e = 42) {
-  const r = Hr(e), n = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
+function _(a, e = 42) {
+  const r = Fr(e), t = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
   for (let s = 0; s < a; s++) {
-    const [i, y] = n(Rr), [d, u, g] = n(Or), N = 1 + Math.floor(r() * 20), S = Math.round(g * (0.85 + r() * 0.3) * 100) / 100;
-    m[s] = { id: s + 1, country: i, city: y, product: d, category: u, quantity: N, price: S, total: Math.round(N * S * 100) / 100 };
+    const [i, y] = t(Or), [d, u, l] = t(Hr), f = 1 + Math.floor(r() * 20), S = Math.round(l * (0.85 + r() * 0.3) * 100) / 100;
+    m[s] = { id: s + 1, country: i, city: y, product: d, category: u, quantity: f, price: S, total: Math.round(f * S * 100) / 100 };
   }
   return m;
 }
 const q = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], sortable: p };
-function Ae() {
+function Ie() {
   return [
-    t.create({ property: "id", headerLabel: "Order", width: c, ...q }),
-    t.create({ property: "country", headerLabel: "Country", width: P, sortable: p }),
-    t.create({ property: "city", headerLabel: "City", width: P, sortable: p }),
-    t.create({ property: "product", headerLabel: "Product", width: $, sortable: p }),
-    t.create({ property: "category", headerLabel: "Category", width: P, sortable: p }),
-    t.create({ property: "quantity", headerLabel: "Qty", width: c, ...q }),
-    t.create({ property: "price", headerLabel: "Ø Price", width: Q, ...q }),
-    t.create({ property: "total", headerLabel: "Total", width: P, ...q })
+    n.create({ property: "id", headerLabel: "Order", width: c, ...q }),
+    n.create({ property: "country", headerLabel: "Country", width: P, sortable: p }),
+    n.create({ property: "city", headerLabel: "City", width: P, sortable: p }),
+    n.create({ property: "product", headerLabel: "Product", width: E, sortable: p }),
+    n.create({ property: "category", headerLabel: "Category", width: P, sortable: p }),
+    n.create({ property: "quantity", headerLabel: "Qty", width: c, ...q }),
+    n.create({ property: "price", headerLabel: "Ø Price", width: ee, ...q }),
+    n.create({ property: "total", headerLabel: "Total", width: P, ...q })
   ];
 }
-function Ga(a = 5e4, e = ["country", "city"], r = 1) {
-  const n = new h("row", "multi"), m = {
+function ka(a = 5e4, e = ["country", "city"], r = 1) {
+  const t = new h("row", "multi"), m = {
     ...new T(),
     hoverColumnVisible: !1,
-    getSelectionModel: () => n
-  }, s = _e.createTableModel({
-    rows: E(a),
-    columnDefs: Ae(),
+    getSelectionModel: () => t
+  }, s = Ke.createTableModel({
+    rows: _(a),
+    columnDefs: Ie(),
     groupBy: e,
     aggregations: { quantity: "sum", price: "avg", total: "sum" },
     expanded: r,
@@ -221986,8 +221986,8 @@ function Ga(a = 5e4, e = ["country", "city"], r = 1) {
   return new o(s, m);
 }
 const $r = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-class Vr {
-  render(e, r, n, m, s, i, y) {
+class Er {
+  render(e, r, t, m, s, i, y) {
     if (typeof i == "number") {
       const d = y.createElement("div");
       y.addClass(d, "ge-table-label-div");
@@ -221996,17 +221996,17 @@ class Vr {
     }
   }
 }
-function Za(a = 5e4) {
+function xa(a = 5e4) {
   const e = new h("range", "multi"), r = {
     ...new T(),
     hoverColumnVisible: !1,
     getSelectionModel: () => e
-  }, n = Ae(), m = new Vr();
-  for (const i of n)
+  }, t = Ie(), m = new Er();
+  for (const i of t)
     (i.property === "price" || i.property === "total") && (i.rendererMap.body = m);
-  const s = f.createTableModel({
-    rows: E(a),
-    columnDefs: n,
+  const s = N.createTableModel({
+    rows: _(a),
+    columnDefs: t,
     footerAggregates: {
       rows: [
         {
@@ -222023,33 +222023,33 @@ function Za(a = 5e4) {
   });
   return new o(s, r);
 }
-function Fr(a) {
+function Vr(a) {
   return () => {
     a |= 0, a = a + 1831565813 | 0;
     let e = Math.imul(a ^ a >>> 15, 1 | a);
     return e = e + Math.imul(e ^ e >>> 7, 61 | e) ^ e, ((e ^ e >>> 14) >>> 0) / 4294967296;
   };
 }
-function Er(a, e = 42) {
-  const r = Fr(e + 1), n = Date.UTC(2024, 0, 1), m = 3 * 365 + 1;
-  return E(a, e).map((s) => ({
+function _r(a, e = 42) {
+  const r = Vr(e + 1), t = Date.UTC(2024, 0, 1), m = 3 * 365 + 1;
+  return _(a, e).map((s) => ({
     ...s,
-    date: new Date(n + Math.floor(r() * m) * 864e5).toISOString().slice(0, 10)
+    date: new Date(t + Math.floor(r() * m) * 864e5).toISOString().slice(0, 10)
   }));
 }
-const _r = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, Kr = {
+const Kr = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, Wr = {
   name: "quarter",
   label: "Quarter",
   value: (a) => Math.floor((Number(a.date.slice(5, 7)) - 1) / 3) + 1,
   format: (a) => `Q${a}`
 };
-function za(a = 5e4, e = [_r, Kr], r = 0) {
-  const n = new h("range", "multi"), m = {
+function Da(a = 5e4, e = [Kr, Wr], r = 0) {
+  const t = new h("range", "multi"), m = {
     ...new T(),
     hoverColumnVisible: !1,
-    getSelectionModel: () => n
-  }, s = Ke.createTableModel({
-    rows: Er(a),
+    getSelectionModel: () => t
+  }, s = We.createTableModel({
+    rows: _r(a),
     rowFields: [{ value: "country", label: "Country" }, { value: "city", label: "City" }],
     columnFields: e,
     values: [
@@ -222063,101 +222063,101 @@ function za(a = 5e4, e = [_r, Kr], r = 0) {
   });
   return new o(s, m);
 }
-const Wr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-class jr {
-  render(e, r, n, m, s, i, y) {
+const jr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+class Yr {
+  render(e, r, t, m, s, i, y) {
     if (i == null || i === "")
       return;
     const d = y.createElement("div");
     y.addClass(d, "ge-table-label-div");
     const u = y.createElement("div");
     y.addClass(u, "ge-table-label");
-    const g = typeof i == "number" ? Wr.format(i) : `${i}`;
-    y.appendChild(u, y.createText(g)), y.appendChild(d, u), y.appendChild(e, d);
+    const l = typeof i == "number" ? jr.format(i) : `${i}`;
+    y.appendChild(u, y.createText(l)), y.appendChild(d, u), y.appendChild(e, d);
   }
 }
-function Yr(a, e = 8) {
+function Xr(a, e = 8) {
   const r = [0, 0, 0, 5, 5, 10, 15];
-  return E(a, e).map((n, m) => ({
-    id: n.id,
-    country: n.country,
-    product: n.product,
-    quantity: n.quantity,
-    price: n.price,
-    discount: r[(m * 7 + n.quantity) % r.length]
+  return _(a, e).map((t, m) => ({
+    id: t.id,
+    country: t.country,
+    product: t.product,
+    quantity: t.quantity,
+    price: t.price,
+    discount: r[(m * 7 + t.quantity) % r.length]
   }));
 }
-const C = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], footerClasses: ["ge-table-text-align-right"] }, M = {
+const C = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], footerClasses: ["ge-table-text-align-right"] }, B = {
   net: "ROUND([quantity] * [price] * (1 - [discount] / 100), 2)",
   vat: "ROUND([net] * 0.19, 2)",
   gross: "[net] + [vat]",
   custom: 'IF([discount] > 0, ROUND([gross] / [quantity], 2), "–")'
 };
-function Xr(a = M.custom) {
-  const e = new jr();
+function Jr(a = B.custom) {
+  const e = new Yr();
   return [
-    t.create({ property: "id", headerLabel: "Line", width: w, ...C, sortable: p }),
-    t.create({ property: "country", headerLabel: "Country", width: We, sortable: p }),
-    t.create({ property: "product", headerLabel: "Product", width: $, sortable: p }),
-    t.create({
+    n.create({ property: "id", headerLabel: "Line", width: w, ...C, sortable: p }),
+    n.create({ property: "country", headerLabel: "Country", width: je, sortable: p }),
+    n.create({ property: "product", headerLabel: "Product", width: E, sortable: p }),
+    n.create({
       property: "quantity",
       headerLabel: "Qty",
       width: w,
       ...C,
       sortable: p,
       editable: p,
-      editInputPipe: Z
+      editInputPipe: z
     }),
-    t.create({
+    n.create({
       property: "price",
       headerLabel: "Price",
-      width: Q,
+      width: ee,
       ...C,
       sortable: p,
       editable: p,
-      editInputPipe: Z,
+      editInputPipe: z,
       bodyRenderer: e
     }),
-    t.create({
+    n.create({
       property: "discount",
       headerLabel: "Disc. %",
       width: w,
       ...C,
       sortable: p,
       editable: p,
-      editInputPipe: Z
+      editInputPipe: z
     }),
-    t.create({
+    n.create({
       property: "net",
       headerLabel: "Net",
       width: b,
       ...C,
       sortable: p,
-      formula: M.net,
+      formula: B.net,
       bodyRenderer: e,
       footerRenderer: e
     }),
-    t.create({
+    n.create({
       property: "vat",
       headerLabel: "VAT 19%",
-      width: Q,
+      width: ee,
       ...C,
       sortable: p,
-      formula: M.vat,
+      formula: B.vat,
       bodyRenderer: e,
       footerRenderer: e
     }),
-    t.create({
+    n.create({
       property: "gross",
       headerLabel: "Gross",
       width: b,
       ...C,
       sortable: p,
-      formula: M.gross,
+      formula: B.gross,
       bodyRenderer: e,
       footerRenderer: e
     }),
-    t.create({
+    n.create({
       property: "share",
       headerLabel: "Share of net",
       width: b,
@@ -222166,7 +222166,7 @@ function Xr(a = M.custom) {
       formula: "[net]",
       showValuesAs: { mode: "percentOfColumnTotal", fractionDigits: 2 }
     }),
-    t.create({
+    n.create({
       property: "rank",
       headerLabel: "Rank",
       width: w,
@@ -222175,7 +222175,7 @@ function Xr(a = M.custom) {
       formula: "[gross]",
       showValuesAs: "rank"
     }),
-    t.create({
+    n.create({
       property: "custom",
       headerLabel: "Custom formula",
       width: P,
@@ -222185,15 +222185,15 @@ function Xr(a = M.custom) {
     })
   ];
 }
-function wa(a = 2e3) {
+function Ua(a = 2e3) {
   const e = {
     ...new T(),
     hoverColumnVisible: !1
-  }, r = f.createTableModel({
-    rows: Yr(a),
-    columnDefs: Xr(),
+  }, r = N.createTableModel({
+    rows: Xr(a),
+    columnDefs: Jr(),
     footerAggregates: {
-      rows: [{ label: (n) => `Sum · ${n.toLocaleString("en-US")} lines`, aggregates: { net: "sum", vat: "sum", gross: "sum" } }],
+      rows: [{ label: (t) => `Sum · ${t.toLocaleString("en-US")} lines`, aggregates: { net: "sum", vat: "sum", gross: "sum" } }],
       labelProperty: "product"
     },
     fixedLeftColumnCount: 1,
@@ -222222,33 +222222,33 @@ const x = [
   "Plan Q1 roadmap",
   "Refactor date utils",
   "Security headers"
-], le = ["Anna", "Ben", "Chen", "Dana", "Emil"], ge = ["todo", "doing", "todo", "done", "todo"];
-function Jr(a = 20, e = !1) {
-  return Array.from({ length: a }, (r, n) => ({
-    id: n + 1,
-    title: n < x.length ? x[n] : `${x[n % x.length]} #${Math.floor(n / x.length) + 1}`,
-    owner: le[n % le.length],
-    status: ge[n * 3 % ge.length],
-    estimate: 1 + n * 7 % 13,
-    locked: e && n === 0
+], ge = ["Anna", "Ben", "Chen", "Dana", "Emil"], be = ["todo", "doing", "todo", "done", "todo"];
+function Qr(a = 20, e = !1) {
+  return Array.from({ length: a }, (r, t) => ({
+    id: t + 1,
+    title: t < x.length ? x[t] : `${x[t % x.length]} #${Math.floor(t / x.length) + 1}`,
+    owner: ge[t % ge.length],
+    status: be[t * 3 % be.length],
+    estimate: 1 + t * 7 % 13,
+    locked: e && t === 0
   }));
 }
-function va(a = Jr(20, !0), e = {}) {
-  const r = new h("row", "multi"), n = new F("cell"), m = {
+function Ma(a = Qr(20, !0), e = {}) {
+  const r = new h("row", "multi"), t = new U("cell"), m = {
     ...new T(),
     hoverColumnVisible: !1,
     getSelectionModel: () => r,
-    getFocusModel: () => n,
+    getFocusModel: () => t,
     rowDragOptions: e,
     ariaLabel: "Priority list"
-  }, s = f.createTableModel({
+  }, s = N.createTableModel({
     rows: a,
     rowNumbersVisible: { headerLabel: "#" },
     columnDefs: [
-      t.create({ property: "title", headerLabel: "Task", width: ze, rowDrag: (i) => !i.locked }),
-      t.create({ property: "owner", headerLabel: "Owner", width: b }),
-      t.create({ property: "status", headerLabel: "Status", width: c }),
-      t.create({
+      n.create({ property: "title", headerLabel: "Task", width: ke, rowDrag: (i) => !i.locked }),
+      n.create({ property: "owner", headerLabel: "Owner", width: b }),
+      n.create({ property: "status", headerLabel: "Status", width: c }),
+      n.create({
         property: "estimate",
         headerLabel: "Hours",
         width: c,
@@ -222260,7 +222260,7 @@ function va(a = Jr(20, !0), e = {}) {
   });
   return new o(s, m);
 }
-const Qr = [
+const ea = [
   {
     id: 0,
     preName: "Prename0",
@@ -384134,7 +384134,7 @@ const Qr = [
     friends: []
   }
 ];
-function ea(a = !1) {
+function ra(a = !1) {
   const e = new h("range", "multi");
   return a && (e.addSelection(new k(0, 0, 0, 2)), e.addSelection(new k(2, 1, 2, 2)), e.addSelection(new k(1, 5, 6, 7)), e.addSelection(new k(0, 8, 0, 8)), e.addSelection(new k(5, 6, 10, 10))), {
     ...new T(),
@@ -384145,62 +384145,62 @@ function ea(a = !1) {
       footer: 0
     },
     autoRestoreOptions: {
-      ...new er(),
+      ...new rr(),
       getStorageKeyFn: () => "TreetablePeopleComponent",
       autoRestoreCollapsedExpandedState: !0,
       autoRestoreScrollPosition: !0,
       autoRestoreSortingState: !0
     },
-    externalFilterFunction: (r, n, m) => !0,
+    externalFilterFunction: (r, t, m) => !0,
     getSelectionModel: () => e
   };
 }
-function ra() {
+function aa() {
   return [
-    new t("lastName", "Last Name", Ue),
-    new t("preName", "Pre Name", b),
-    t.create({
+    new n("lastName", "Last Name", Be),
+    new n("preName", "Pre Name", b),
+    n.create({
       property: "age",
       headerLabel: "Age",
-      width: qe,
-      bodyRenderer: new je(),
+      width: F,
+      bodyRenderer: new Ye(),
       editable: p,
       // editInputPipe: (value: any) => value ? Number(value) : ""
-      editInputPipe: Z
+      editInputPipe: z
     }),
-    new t(
+    new n(
       "birth",
       "Birthday",
       c,
       void 0,
-      Ye.bodyRenderer(new V())
+      Xe.bodyRenderer(new V())
     ),
-    t.create({
+    n.create({
       property: "gender",
       headerLabel: " ",
-      width: Je,
-      bodyRenderer: new Pe(),
+      width: Qe,
+      bodyRenderer: new ze(),
       editable: p,
-      getEditRenderer: () => new Xe([
-        new me("female", "♀"),
-        new me("male", "♂")
+      getEditRenderer: () => new Je([
+        new se("female", "♀"),
+        new se("male", "♂")
       ])
     }),
-    new t("address.street", "Strasse", we),
-    new t("address.number", "Nr", Qe),
-    new t("address.zip", "Zip", G),
-    new t("address.city", "City", b),
-    new t("address.country", "Country", b),
-    new t("id", "ID", G)
+    new n("address.street", "Strasse", xe),
+    new n("address.number", "Nr", er),
+    new n("address.zip", "Zip", G),
+    new n("address.city", "City", b),
+    new n("address.country", "Country", b),
+    new n("id", "ID", G)
   ];
 }
-function ka(a = !1) {
-  const e = ea(a), r = ra();
+function qa(a = !1) {
+  const e = ra(a), r = aa();
   for (const s of r)
     s.sortable = p, s.editable = p;
-  r[0].editable = J;
-  const n = Ge.buildTreeRows(Qr, "friends"), m = f.createTableModel({
-    rows: n,
+  r[0].editable = Q;
+  const t = Ze.buildTreeRows(ea, "friends"), m = N.createTableModel({
+    rows: t,
     columnDefs: r,
     tableOptions: e,
     fixedLeftColumnCount: 1,
@@ -384211,7 +384211,7 @@ function ka(a = !1) {
     e
   );
 }
-const B = [
+const A = [
   ["Desk lamp", "Office"],
   ["Standing desk", "Office"],
   ["Office chair", "Office"],
@@ -384229,13 +384229,13 @@ const B = [
   ["Tea selection", "Kitchen"],
   ["Water bottle", "Kitchen"]
 ];
-function aa(a = 16) {
+function ta(a = 16) {
   return Array.from({ length: a }, (e, r) => {
-    const [n, m] = B[r % B.length];
+    const [t, m] = A[r % A.length];
     return {
       id: r + 1,
       sku: `SKU-${String(r + 1).padStart(3, "0")}`,
-      product: r < B.length ? n : `${n} ${Math.floor(r / B.length) + 1}`,
+      product: r < A.length ? t : `${t} ${Math.floor(r / A.length) + 1}`,
       category: m,
       validFrom: "2026-10-01",
       price: Math.round((5 + (r * r * 37 + r * 11) % 150 + r * 13 % 10 / 10) * 100) / 100,
@@ -384244,60 +384244,60 @@ function aa(a = 16) {
     };
   });
 }
-function xa(a = aa(), e = !0, r = !0) {
-  const n = new h("range", "multi"), m = new F("cell"), s = {
+function Ba(a = ta(), e = !0, r = !0) {
+  const t = new h("range", "multi"), m = new U("cell"), s = {
     ...new T(),
     hoverColumnVisible: !1,
-    getSelectionModel: () => n,
+    getSelectionModel: () => t,
     getFocusModel: () => m,
     fillHandle: r,
     batchEdit: e,
     ariaLabel: "Price list"
-  }, i = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"] }, y = f.createTableModel({
+  }, i = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"] }, y = N.createTableModel({
     rows: a,
     fixedLeftColumnCount: 1,
     columnDefs: [
-      t.create({ property: "sku", headerLabel: "SKU", width: c }),
-      t.create({ property: "product", headerLabel: "Product", width: z, editable: p }),
-      t.create({ property: "category", headerLabel: "Category", width: c, editable: p }),
-      t.create({
+      n.create({ property: "sku", headerLabel: "SKU", width: c }),
+      n.create({ property: "product", headerLabel: "Product", width: Z, editable: p }),
+      n.create({ property: "category", headerLabel: "Category", width: c, editable: p }),
+      n.create({
         property: "validFrom",
         headerLabel: "Valid from",
         width: b,
         editable: p,
         validate: (d) => /^\d{4}-\d{2}-\d{2}$/.test(String(d)) ? void 0 : "Date as YYYY-MM-DD"
       }),
-      t.create({
+      n.create({
         property: "price",
         headerLabel: "Price",
         width: c,
         editable: p,
-        editInputPipe: Z,
+        editInputPipe: z,
         ...i,
         validate: (d) => typeof d == "number" && d >= 0 ? void 0 : "A price is a number ≥ 0"
       }),
-      t.create({
+      n.create({
         property: "discount",
         headerLabel: "Discount %",
         width: c,
         editable: p,
-        editInputPipe: Z,
+        editInputPipe: z,
         ...i,
         validate: (d) => typeof d == "number" && d >= 0 && d <= 50 ? void 0 : "Discount 0 … 50 %"
       }),
-      t.create({
+      n.create({
         property: "net",
         headerLabel: "Net",
         width: c,
         ...i,
         valueGetter: (d) => Math.round(d.price * (100 - d.discount)) / 100
       }),
-      t.create({
+      n.create({
         property: "stock",
         headerLabel: "Stock",
         width: c,
         editable: p,
-        editInputPipe: Z,
+        editInputPipe: z,
         ...i,
         validate: (d) => Number.isInteger(d) && d >= 0 ? void 0 : "Stock is a whole number ≥ 0"
       })
@@ -384306,7 +384306,7 @@ function xa(a = aa(), e = !0, r = !0) {
   });
   return new o(y, s);
 }
-const be = [
+const Ne = [
   "Ada Lovelace",
   "Alan Turing",
   "Grace Hopper",
@@ -384317,7 +384317,7 @@ const be = [
   "Ken Thompson",
   "Katherine Johnson",
   "Tim Berners-Lee"
-], Ne = ["Berlin", "Hamburg", "Munich", "Cologne", "Vienna", "Zurich"], fe = ["open", "paid", "shipped", "delivered"], Te = [
+], fe = ["Berlin", "Hamburg", "Munich", "Cologne", "Vienna", "Zurich"], Te = ["open", "paid", "shipped", "delivered"], oe = [
   ["Desk lamp", 39.9],
   ["Standing desk", 499],
   ["Office chair", 289],
@@ -384331,63 +384331,63 @@ const be = [
   ["Coffee beans", 15.5],
   ["Water bottle", 19.9]
 ];
-function ta(a = 1e3) {
+function na(a = 1e3) {
   let e = 20261016;
-  const r = () => (e = e * 16807 % 2147483647) / 2147483647, n = [];
+  const r = () => (e = e * 16807 % 2147483647) / 2147483647, t = [];
   for (let m = 0; m < a; m++) {
     const s = [], i = 1 + Math.floor(r() * 8);
     for (let d = 0; d < i; d++) {
-      const [u, g] = Te[Math.floor(r() * Te.length)];
-      s.push({ sku: `SKU-${String(1 + Math.floor(r() * 900)).padStart(3, "0")}`, product: u, quantity: 1 + Math.floor(r() * 5), unitPrice: g });
+      const [u, l] = oe[Math.floor(r() * oe.length)];
+      s.push({ sku: `SKU-${String(1 + Math.floor(r() * 900)).padStart(3, "0")}`, product: u, quantity: 1 + Math.floor(r() * 5), unitPrice: l });
     }
     const y = 1 + m % 28;
-    n.push({
+    t.push({
       id: m + 1,
       orderNo: `ORD-${String(10001 + m)}`,
-      customer: be[Math.floor(r() * be.length)],
-      city: Ne[m % Ne.length],
+      customer: Ne[Math.floor(r() * Ne.length)],
+      city: fe[m % fe.length],
       date: `2026-${String(1 + m % 9).padStart(2, "0")}-${String(y).padStart(2, "0")}`,
-      status: fe[Math.floor(r() * fe.length)],
+      status: Te[Math.floor(r() * Te.length)],
       total: Math.round(s.reduce((d, u) => d + u.quantity * u.unitPrice, 0) * 100) / 100,
       items: s
     });
   }
-  return n;
+  return t;
 }
-function na(a) {
-  return f.createTableModel({
+function ma(a) {
+  return N.createTableModel({
     rows: a.items,
     columnDefs: [
-      t.create({ property: "sku", headerLabel: "SKU", width: c }),
-      t.create({ property: "product", headerLabel: "Product", width: z }),
-      t.create({ property: "quantity", headerLabel: "Qty", width: c, bodyClasses: ["ge-table-text-align-right"] }),
-      t.create({ property: "unitPrice", headerLabel: "Unit price", width: b, bodyClasses: ["ge-table-text-align-right"] })
+      n.create({ property: "sku", headerLabel: "SKU", width: c }),
+      n.create({ property: "product", headerLabel: "Product", width: Z }),
+      n.create({ property: "quantity", headerLabel: "Qty", width: c, bodyClasses: ["ge-table-text-align-right"] }),
+      n.create({ property: "unitPrice", headerLabel: "Unit price", width: b, bodyClasses: ["ge-table-text-align-right"] })
     ]
   });
 }
-function Da(a = ta(1e5), e = {}) {
-  const r = f.createTableModel({
+function Aa(a = na(1e5), e = {}) {
+  const r = N.createTableModel({
     rows: a,
     columnDefs: [
-      t.create({ property: "orderNo", headerLabel: "Order", width: $ }),
-      t.create({ property: "date", headerLabel: "Date", width: b, sortable: () => !0 }),
-      t.create({ property: "customer", headerLabel: "Customer", width: z, sortable: () => !0 }),
-      t.create({ property: "city", headerLabel: "City", width: b, sortable: () => !0 }),
-      t.create({ property: "status", headerLabel: "Status", width: c }),
-      t.create({ property: "total", headerLabel: "Total", width: b, sortable: () => !0, bodyClasses: ["ge-table-text-align-right"] })
+      n.create({ property: "orderNo", headerLabel: "Order", width: E }),
+      n.create({ property: "date", headerLabel: "Date", width: b, sortable: () => !0 }),
+      n.create({ property: "customer", headerLabel: "Customer", width: Z, sortable: () => !0 }),
+      n.create({ property: "city", headerLabel: "City", width: b, sortable: () => !0 }),
+      n.create({ property: "status", headerLabel: "Status", width: c }),
+      n.create({ property: "total", headerLabel: "Total", width: b, sortable: () => !0, bodyClasses: ["ge-table-text-align-right"] })
     ],
     fixedLeftColumnCount: 1
-  }), n = new F("cell"), m = new h("row", "multi"), s = {
+  }), t = new U("cell"), m = new h("row", "multi"), s = {
     ...new T(),
     hoverColumnVisible: !1,
-    getFocusModel: () => n,
+    getFocusModel: () => t,
     getSelectionModel: () => m,
     ariaLabel: "Orders",
     masterDetail: {
       detailHeight: 222,
       // header + 5 rows, borders, padding of the detail cell
       detailRenderer: (i, y, d) => {
-        d.createTable({ tableModel: na(y) });
+        d.createTable({ tableModel: ma(y) });
       },
       getRowId: (i) => i.id,
       ...e
@@ -384395,7 +384395,7 @@ function Da(a = ta(1e5), e = {}) {
   };
   return new o(r, s);
 }
-const X = [
+const J = [
   ["الرياض", "السعودية", "RUH"],
   ["جدة", "السعودية", "JED"],
   ["مكة", "السعودية", "MKK"],
@@ -384416,23 +384416,23 @@ const X = [
   ["الجزائر", "الجزائر", "ALG"],
   ["الرباط", "المغرب", "RBA"],
   ["الدار البيضاء", "المغرب", "CMN"]
-], oe = ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
-function ma(a) {
+], he = ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
+function sa(a) {
   return () => {
     a |= 0, a = a + 1831565813 | 0;
     let e = Math.imul(a ^ a >>> 15, 1 | a);
     return e = e + Math.imul(e ^ e >>> 7, 61 | e) ^ e, ((e ^ e >>> 14) >>> 0) / 4294967296;
   };
 }
-function sa(a = 2e3, e = 7) {
-  const r = ma(e);
-  return Array.from({ length: a }, (n, m) => {
-    const [s, i, y] = X[m % X.length], d = 5e3 + Math.round(r() * 25e3), u = () => Math.round(d * (0.7 + r() * 0.6));
+function ia(a = 2e3, e = 7) {
+  const r = sa(e);
+  return Array.from({ length: a }, (t, m) => {
+    const [s, i, y] = J[m % J.length], d = 5e3 + Math.round(r() * 25e3), u = () => Math.round(d * (0.7 + r() * 0.6));
     return {
       id: m + 1,
       city: s,
       country: i,
-      branch: `فرع ${y}-${String(Math.floor(m / X.length) + 1).padStart(2, "0")}`,
+      branch: `فرع ${y}-${String(Math.floor(m / J.length) + 1).padStart(2, "0")}`,
       m1: u(),
       m2: u(),
       m3: u(),
@@ -384448,36 +384448,36 @@ function sa(a = 2e3, e = 7) {
     };
   });
 }
-function Ua(a = "rtl", e = sa()) {
-  const r = new h("range", "multi"), n = new F("cell"), m = {
+function Ra(a = "rtl", e = ia()) {
+  const r = new h("range", "multi"), t = new U("cell"), m = {
     ...new T(),
     direction: a,
     hoverColumnVisible: !1,
     getSelectionModel: () => r,
-    getFocusModel: () => n,
+    getFocusModel: () => t,
     ariaLabel: "المبيعات حسب المدينة"
-  }, s = ["ge-table-text-align-right"], i = oe.map((g, N) => t.create({
-    property: `m${N + 1}`,
-    headerLabel: g,
+  }, s = ["ge-table-text-align-right"], i = he.map((l, f) => n.create({
+    property: `m${f + 1}`,
+    headerLabel: l,
     width: c,
     bodyClasses: s,
     footerClasses: s,
     sortable: () => !0
   })), y = [
-    t.create({ property: "city", headerLabel: "المدينة", width: b, sortable: () => !0 }),
-    t.create({ property: "country", headerLabel: "البلد", width: b, sortable: () => !0 }),
-    t.create({ property: "branch", headerLabel: "الفرع", width: P }),
+    n.create({ property: "city", headerLabel: "المدينة", width: b, sortable: () => !0 }),
+    n.create({ property: "country", headerLabel: "البلد", width: b, sortable: () => !0 }),
+    n.create({ property: "branch", headerLabel: "الفرع", width: P }),
     ...i,
-    t.create({
+    n.create({
       property: "total",
       headerLabel: "المجموع",
       width: b,
       bodyClasses: s,
       footerClasses: s,
       sortable: () => !0,
-      valueGetter: (g) => oe.reduce((N, S, v) => N + g[`m${v + 1}`], 0)
+      valueGetter: (l) => he.reduce((f, S, v) => f + l[`m${v + 1}`], 0)
     })
-  ], d = Object.fromEntries([...i.map((g) => g.property), "total"].map((g) => [g, "sum"])), u = f.createTableModel({
+  ], d = Object.fromEntries([...i.map((l) => l.property), "total"].map((l) => [l, "sum"])), u = N.createTableModel({
     rows: e,
     columnDefs: y,
     rowNumbersVisible: !0,
@@ -384493,7 +384493,7 @@ function Ua(a = "rtl", e = sa()) {
   });
   return new o(u, m);
 }
-function ia() {
+function da() {
   return [
     ["Item", "Qty", "Unit price", "Discount", "Net", "Note"],
     ['Laptop 14"', 4, 1299, 0.05, "=B2*C2*(1-D2)", ""],
@@ -384508,16 +384508,16 @@ function ia() {
     ["Total", "", "", "", "=E8+E9+E10", ""]
   ];
 }
-function qa(a = {}) {
-  return rr.create({
-    data: ia(),
+function Ia(a = {}) {
+  return ar.create({
+    data: da(),
     rowCount: 100,
     columnCount: 8,
     columnWidth: 130,
     ...a
   });
 }
-const A = [
+const R = [
   "Silent",
   "Crimson",
   "Hidden",
@@ -384534,7 +384534,7 @@ const A = [
   "Burning",
   "Little",
   "Endless"
-], he = [
+], Se = [
   "Garden",
   "Engine",
   "Harbour",
@@ -384553,42 +384553,42 @@ const A = [
   "Storm",
   "Machine",
   "Letters"
-], Se = ["Ada", "Jonas", "Mira", "Theo", "Lena", "Omar", "Ines", "Kai", "Nora", "Felix", "Yuki", "Elif"], Ce = ["Berger", "Okafor", "Lindqvist", "Moreau", "Kowalski", "Santos", "Tanaka", "Hart", "Novak", "Reyes"], Le = ["Fantasy", "Sci-Fi", "Crime", "Romance", "History", "Poetry", "Travel", "Cooking"];
-function da(a = 1e4) {
-  const e = A.length * he.length;
-  return Array.from({ length: a }, (r, n) => {
-    const m = n * 97 % e, s = A[m % A.length], i = he[Math.floor(m / A.length)], y = Math.floor(n / e);
+], Ce = ["Ada", "Jonas", "Mira", "Theo", "Lena", "Omar", "Ines", "Kai", "Nora", "Felix", "Yuki", "Elif"], Le = ["Berger", "Okafor", "Lindqvist", "Moreau", "Kowalski", "Santos", "Tanaka", "Hart", "Novak", "Reyes"], Pe = ["Fantasy", "Sci-Fi", "Crime", "Romance", "History", "Poetry", "Travel", "Cooking"];
+function ya(a = 1e4) {
+  const e = R.length * Se.length;
+  return Array.from({ length: a }, (r, t) => {
+    const m = t * 97 % e, s = R[m % R.length], i = Se[Math.floor(m / R.length)], y = Math.floor(t / e);
     return {
-      id: n + 1,
+      id: t + 1,
       title: `The ${s} ${i}${y ? ` ${y + 1}` : ""}`,
-      author: `${Se[n * 11 % Se.length]} ${Ce[(n * 3 + Math.floor(n / 12)) % Ce.length]}`,
-      genre: Le[(n * 13 + Math.floor(n / e)) % Le.length],
-      year: 1950 + n * 37 % 76,
-      pages: 120 + n * 53 % 600,
-      hue: n * 47 % 360
+      author: `${Ce[t * 11 % Ce.length]} ${Le[(t * 3 + Math.floor(t / 12)) % Le.length]}`,
+      genre: Pe[(t * 13 + Math.floor(t / e)) % Pe.length],
+      year: 1950 + t * 37 % 76,
+      pages: 120 + t * 53 % 600,
+      hue: t * 47 % 360
     };
   });
 }
-const I = new Intl.Collator("en", { numeric: !0 }), Ma = {
+const I = new Intl.Collator("en", { numeric: !0 }), Oa = {
   id: (a, e) => a.id - e.id,
   title: (a, e) => I.compare(a.title, e.title) || a.id - e.id,
   author: (a, e) => I.compare(a.author, e.author) || I.compare(a.title, e.title),
   year: (a, e) => e.year - a.year || I.compare(a.title, e.title)
 };
-class ya {
+class pa {
   constructor(e = {}) {
     this.ctx = e;
   }
-  render(e, r, n, m, s, i) {
-    var te, ne;
+  render(e, r, t, m, s, i) {
+    var ne, me;
     const y = i;
     if (!y) return;
-    const d = e.ownerDocument, u = s.coverWidth ?? 160, g = u < 120, N = d.createElement("div");
-    N.className = "ge-demo-book", N.title = `${y.title} – ${y.author} (${y.year})`, Object.assign(N.style, {
+    const d = e.ownerDocument, u = s.coverWidth ?? 160, l = u < 120, f = d.createElement("div");
+    f.className = "ge-demo-book", f.title = `${y.title} – ${y.author} (${y.year})`, Object.assign(f.style, {
       boxSizing: "border-box",
       width: "100%",
       height: "100%",
-      padding: g ? "5px" : "10px",
+      padding: l ? "5px" : "10px",
       display: "flex",
       flexDirection: "column",
       gap: "6px",
@@ -384604,7 +384604,7 @@ class ya {
       display: "flex",
       flexDirection: "column",
       justifyContent: "space-between",
-      padding: g ? "8px 6px 8px 10px" : "14px 12px 14px 18px",
+      padding: l ? "8px 6px 8px 10px" : "14px 12px 14px 18px",
       borderRadius: "3px 8px 8px 3px",
       borderLeft: "6px solid rgba(0,0,0,0.28)",
       background: `linear-gradient(160deg, hsl(${y.hue} 62% 52%), hsl(${(y.hue + 40) % 360} 68% 24%))`,
@@ -384612,36 +384612,36 @@ class ya {
       fontSize: `${Math.max(9, Math.round(u / 11))}px`,
       lineHeight: "1.2",
       boxShadow: "0 3px 8px rgba(0,0,0,0.35)",
-      outline: (ne = (te = this.ctx).isSelected) != null && ne.call(te, y) ? "3px solid #2b7de9" : "none",
+      outline: (me = (ne = this.ctx).isSelected) != null && me.call(ne, y) ? "3px solid #2b7de9" : "none",
       outlineOffset: "3px"
     });
     const v = d.createElement("div");
     v.textContent = y.genre.toUpperCase(), Object.assign(v.style, { fontSize: "0.6em", letterSpacing: "0.12em", opacity: "0.85" });
-    const _ = d.createElement("div");
-    _.textContent = y.title, Object.assign(_.style, { fontSize: "1.2em", fontWeight: "700", overflowWrap: "anywhere" });
     const K = d.createElement("div");
-    if (K.textContent = y.author, Object.assign(K.style, { fontSize: "0.75em", opacity: "0.9" }), S.append(v, _), g || S.append(K), N.append(S), !g) {
-      const W = d.createElement("div");
-      W.textContent = `${y.year} · ${y.pages} pages`, Object.assign(W.style, {
+    K.textContent = y.title, Object.assign(K.style, { fontSize: "1.2em", fontWeight: "700", overflowWrap: "anywhere" });
+    const W = d.createElement("div");
+    if (W.textContent = y.author, Object.assign(W.style, { fontSize: "0.75em", opacity: "0.9" }), S.append(v, K), l || S.append(W), f.append(S), !l) {
+      const j = d.createElement("div");
+      j.textContent = `${y.year} · ${y.pages} pages`, Object.assign(j.style, {
         fontSize: "12px",
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis",
         opacity: "0.75"
-      }), N.append(W);
+      }), f.append(j);
     }
-    e.append(N);
+    e.append(f);
   }
 }
-function Ba(a = da(), e = 160, r = 260, n = {}) {
-  const m = se.createCoverGridModel(
+function Ha(a = ya(), e = 160, r = 260, t = {}) {
+  const m = ie.createCoverGridModel(
     a,
-    new ya(n),
+    new pa(t),
     e,
     r
   ), s = {
-    ...se.createCoverGrisDefaultOptions(r, () => "coverGridDemo"),
-    externalFilterFunction: n.filter,
+    ...ie.createCoverGrisDefaultOptions(r, () => "coverGridDemo"),
+    externalFilterFunction: t.filter,
     shortcutActionsDisabled: !0,
     // the table's cell navigation does not apply to tiles
     overflowY: "scroll",
@@ -384650,70 +384650,261 @@ function Ba(a = da(), e = 160, r = 260, n = {}) {
   };
   return { tableModel: m, tableOptions: s };
 }
-function Aa(a, e, r) {
-  const n = a.bodyModel;
-  if (!n.width) return !1;
-  const m = Math.max(1, Math.floor(n.width / e)), s = Math.floor(n.width / m), i = Math.round(r * s / e);
-  return s === n.coverWidth && i === n.coverHeight ? !1 : (n.coverWidth = s, n.coverHeight = i, !0);
+function Fa(a, e, r) {
+  const t = a.bodyModel;
+  if (!t.width) return !1;
+  const m = Math.max(1, Math.floor(t.width / e)), s = Math.floor(t.width / m), i = Math.round(r * s / e);
+  return s === t.coverWidth && i === t.coverHeight ? !1 : (t.coverWidth = s, t.coverHeight = i, !0);
+}
+const Ge = ["api", "auth", "db", "cache", "queue", "mailer", "scheduler", "billing"], ua = {
+  DEBUG: ["cache lookup key=%k", "query plan cost=%n", "retry budget left=%n", "parsed %n headers"],
+  INFO: [
+    "GET /api/orders/%n 200 in %n ms",
+    "user %k signed in",
+    "job %k finished in %n ms",
+    "sent %n mails",
+    "POST /api/cart 201 in %n ms",
+    "connection pool size=%n"
+  ],
+  WARN: ["slow query: %n ms", "retrying request %k (%n/3)", "disk usage at %n %", "rate limit close for %k"],
+  ERROR: [
+    "timeout after %n ms calling %k",
+    "payment %k declined",
+    "deadlock detected, rolled back tx %k",
+    "unhandled exception in handler %k"
+  ]
+};
+class ca {
+  constructor(e = 42, r = 8 * 36e5, t = 0.2) {
+    this.msPerLine = t, this.nextId = 1, this.seed = e >>> 0 || 1, this.timeMs = r;
+  }
+  /** The next `count` lines. */
+  next(e) {
+    const r = new Array(e);
+    for (let t = 0; t < e; t++)
+      r[t] = this.line();
+    return r;
+  }
+  /** Number of lines generated so far. */
+  getCount() {
+    return this.nextId - 1;
+  }
+  line() {
+    const e = this.random(), r = e < 0.05 ? "ERROR" : e < 0.15 ? "WARN" : e < 0.3 ? "DEBUG" : "INFO", t = ua[r], m = t[Math.floor(this.random() * t.length)].replace(/%n/g, () => String(1 + Math.floor(this.random() * 999))).replace(/%k/g, () => Math.floor(this.random() * 16777215).toString(16).padStart(6, "0"));
+    return this.timeMs += this.msPerLine, {
+      id: this.nextId++,
+      time: la(this.timeMs),
+      level: r,
+      source: Ge[Math.floor(this.random() * Ge.length)],
+      text: m
+    };
+  }
+  /** mulberry32 */
+  random() {
+    let e = this.seed = this.seed + 1831565813 >>> 0;
+    return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
+  }
+}
+function la(a) {
+  const e = Math.floor(a), r = Math.floor(e / 36e5) % 24, t = Math.floor(e / 6e4) % 60, m = Math.floor(e / 1e3) % 60, s = (i, y = 2) => String(i).padStart(y, "0");
+  return `${s(r)}:${s(t)}:${s(m)}.${s(e % 1e3, 3)}`;
+}
+class $a {
+  constructor(e, r = {}) {
+    this.tableApi = e, this.options = r, this.pending = [], this.frozen = !1, this.intakePaused = !1, this.following = !0, this.newBelow = 0, this.running = !1, this.frameId = 0, this.lastTime = 0, this.due = 0, this.statsStart = 0, this.statsFrames = 0, this.statsLines = 0, this.statsTimes = [], this.generator = new ca(r.seed ?? 42), this.source = r.source ?? ((t) => this.generator.next(t)), this.rate = r.rate ?? 500, this.maxRows = r.maxRows ?? 1e6;
+  }
+  /** Starts the frame loop. */
+  start() {
+    this.running || (this.running = !0, this.lastTime = performance.now(), this.statsStart = this.lastTime, this.frameId = requestAnimationFrame((e) => this.frame(e)));
+  }
+  /** Stops the frame loop (lines in the buffer stay). */
+  stop() {
+    this.running = !1, cancelAnimationFrame(this.frameId);
+  }
+  isRunning() {
+    return this.running;
+  }
+  /** Lines per second. */
+  setRate(e) {
+    this.rate = Math.max(0, e);
+  }
+  getRate() {
+    return this.rate;
+  }
+  /** Freeze scroll: the view stays where it is, lines keep coming. */
+  setFreezeScroll(e) {
+    this.frozen = e, e && (this.following = !1);
+  }
+  isFrozen() {
+    return this.frozen;
+  }
+  /** Pause intake (app pattern "freeze"): lines are buffered and appended as one block when unpaused. */
+  setIntakePaused(e) {
+    this.intakePaused = e, e || this.flush();
+  }
+  isIntakePaused() {
+    return this.intakePaused;
+  }
+  /** Unfreezes and jumps to the end – the view follows again. */
+  scrollToEnd() {
+    this.frozen = !1, this.following = !0, this.newBelow = 0, this.tableApi.repaintHard({ py: Number.MAX_SAFE_INTEGER });
+  }
+  /** Appends the buffered lines now (one `appendRows`) – also used by the frame loop. */
+  flush() {
+    if (this.intakePaused || !this.pending.length) return;
+    const e = this.pending.splice(0, this.pending.length), r = performance.now(), t = this.tableApi.appendRows(e, { follow: this.frozen ? !1 : "auto", maxRows: this.maxRows });
+    return this.statsTimes.push(performance.now() - r), t && (this.following = t.following, this.newBelow = t.following ? 0 : this.newBelow + t.shown), t;
+  }
+  /** Adds lines from outside (e.g. a WebSocket) – appended with the next frame. */
+  push(e) {
+    for (const r of e) this.pending.push(r);
+  }
+  /** The latest numbers (also passed to `onStats`). */
+  getStats() {
+    return this.lastStats ?? this.createStats(0, 0, 0);
+  }
+  frame(e) {
+    var m, s;
+    if (!this.running) return;
+    const r = Math.min(1e3, e - this.lastTime);
+    this.lastTime = e, this.due += this.rate * r / 1e3;
+    const t = Math.floor(this.due);
+    if (t > 0 && (this.due -= t, this.push(this.source(t)), this.statsLines += t), this.flush(), this.statsFrames++, e - this.statsStart >= 250) {
+      const i = (e - this.statsStart) / 1e3, y = [...this.statsTimes].sort((u, l) => u - l), d = y.length ? y[Math.floor(y.length / 2)] : 0;
+      this.lastStats = this.createStats(this.statsLines / i, this.statsFrames / i, d), (s = (m = this.options).onStats) == null || s.call(m, this.lastStats), this.statsStart = e, this.statsFrames = 0, this.statsLines = 0, this.statsTimes = [];
+    }
+    this.frameId = requestAnimationFrame((i) => this.frame(i));
+  }
+  createStats(e, r, t) {
+    return {
+      totalLines: this.generator.getCount(),
+      rowCount: this.tableApi.getBodyModel().getRowCount(),
+      linesPerSecond: Math.round(e),
+      fps: Math.round(r),
+      msPerUpdate: t,
+      newBelow: this.newBelow,
+      pending: this.pending.length,
+      frozen: this.frozen,
+      intakePaused: this.intakePaused,
+      following: this.following
+    };
+  }
+}
+class ga {
+  render(e, r, t, m, s, i, y) {
+    const d = String(i ?? ""), u = y.createElement("span");
+    y.addClass(u, "ge-log-level"), y.addClass(u, "ge-log-level-" + d.toLowerCase()), y.appendChild(u, y.createText(d)), y.appendChild(e, u);
+  }
+}
+function Ea(a = []) {
+  const e = new h("range", "multi"), r = new U("cell"), t = {
+    ...new T(),
+    hoverColumnVisible: !1,
+    verticalBorderVisible: !1,
+    getSelectionModel: () => e,
+    getFocusModel: () => r,
+    overlayOptions: { noRowsText: "Waiting for log lines…" },
+    ariaLabel: "Log"
+  }, m = N.createTableModel({
+    rows: a,
+    defaultRowHeights: new we(30, 24, 0),
+    columnDefs: [
+      n.create({
+        property: "id",
+        headerLabel: "#",
+        width: F,
+        headerClasses: ["ge-table-text-align-right"],
+        bodyClasses: ["ge-table-text-align-right", "ge-log-id"]
+      }),
+      n.create({
+        property: "time",
+        headerLabel: "Time",
+        width: b,
+        headerClasses: ["ge-table-text-align-start"],
+        bodyClasses: ["ge-table-text-align-start", "ge-log-time"]
+      }),
+      n.create({ property: "level", headerLabel: "Level", width: F, bodyRenderer: new ga() }),
+      n.create({
+        property: "source",
+        headerLabel: "Source",
+        width: c,
+        headerClasses: ["ge-table-text-align-start"],
+        bodyClasses: ["ge-table-text-align-start"]
+      }),
+      n.create({
+        property: "text",
+        headerLabel: "Message",
+        width: new g(1, "weight"),
+        headerClasses: ["ge-table-text-align-start"],
+        bodyClasses: ["ge-table-text-align-start"]
+      })
+    ],
+    tableOptions: t
+  });
+  return new o(m, t);
 }
 export {
-  Ma as BOOK_SORTS,
-  ya as BookCoverRenderer,
-  ha as COL_IDX_UPDATED_AT,
-  ar as ChangePercentageRenderer,
-  sr as CirculatingSupplyRenderer,
-  ir as CoinIconRenderer,
-  M as INVOICE_FORMULAS,
+  Oa as BOOK_SORTS,
+  pa as BookCoverRenderer,
+  Ga as COL_IDX_UPDATED_AT,
+  tr as ChangePercentageRenderer,
+  ir as CirculatingSupplyRenderer,
+  dr as CoinIconRenderer,
+  B as INVOICE_FORMULAS,
   qr as LargeBodyModel,
-  nr as NameAndSymbolRenderer,
-  tr as UsdRenderer,
-  mr as Volumn24hRenderer,
-  oa as applyBodyRenderer,
-  Za as createAggregationModelAndOptions,
-  Cr as createColumnDefs,
-  Ba as createCoverGridModelAndOptions,
-  ua as createCryptoModelAndOptions,
-  wa as createFormulaModelAndOptions,
-  Na as createHeadergroupModel,
-  ga as createHeatMapModel,
-  ba as createHeatMapSeattleModel,
-  Xr as createInvoiceColumnDefs,
-  La as createLargeModelAndOptions,
-  Pa as createManyTypesModelAndOptions,
-  Da as createMasterDetailModelAndOptions,
-  na as createOrderItemsModel,
-  Ca as createOrderModelAndOptions,
-  za as createPivotModelAndOptions,
-  xa as createPriceListModelAndOptions,
-  va as createRowDragModelAndOptions,
-  Ga as createRowGroupModelAndOptions,
-  Ua as createRtlCitiesModelAndOptions,
-  Ae as createSalesOrderColumnDefs,
-  Ta as createSimplePersonModel,
-  ia as createSpreadsheetQuoteData,
-  qa as createSpreadsheetQuoteModelAndOptions,
-  Lr as createTableOptions,
-  Sr as createTableRows,
-  fa as createTeamHeadergroupModel,
-  Sa as createTimeTableModel,
-  ra as createTreePeopleColumnDefs,
-  ka as createTreePeopleModelAndOptions,
-  ea as createTreePeopleTableOptions,
-  dr as cryptoData,
-  Pr as data,
-  Aa as fitCoversToWidth,
-  da as generateBooks,
-  Yr as generateInvoiceLines,
-  ta as generateMasterOrders,
-  Er as generatePivotOrders,
-  aa as generatePriceItems,
-  sa as generateRtlCitySales,
-  E as generateSalesOrders,
-  ca as generateSimpleModel,
-  Jr as generateTasks,
-  la as generateTreeCheckboxModel,
-  Kr as pivotQuarter,
-  _r as pivotYear,
-  Gr as tableOptions,
-  hr as teamHeaderGroups
+  ca as LogGenerator,
+  ga as LogLevelCellRenderer,
+  $a as LogTailController,
+  mr as NameAndSymbolRenderer,
+  nr as UsdRenderer,
+  sr as Volumn24hRenderer,
+  Pa as applyBodyRenderer,
+  xa as createAggregationModelAndOptions,
+  Lr as createColumnDefs,
+  Ha as createCoverGridModelAndOptions,
+  Na as createCryptoModelAndOptions,
+  Ua as createFormulaModelAndOptions,
+  Sa as createHeadergroupModel,
+  oa as createHeatMapModel,
+  ha as createHeatMapSeattleModel,
+  Jr as createInvoiceColumnDefs,
+  wa as createLargeModelAndOptions,
+  Ea as createLogTailModelAndOptions,
+  va as createManyTypesModelAndOptions,
+  Aa as createMasterDetailModelAndOptions,
+  ma as createOrderItemsModel,
+  Za as createOrderModelAndOptions,
+  Da as createPivotModelAndOptions,
+  Ba as createPriceListModelAndOptions,
+  Ma as createRowDragModelAndOptions,
+  ka as createRowGroupModelAndOptions,
+  Ra as createRtlCitiesModelAndOptions,
+  Ie as createSalesOrderColumnDefs,
+  La as createSimplePersonModel,
+  da as createSpreadsheetQuoteData,
+  Ia as createSpreadsheetQuoteModelAndOptions,
+  Pr as createTableOptions,
+  Cr as createTableRows,
+  Ca as createTeamHeadergroupModel,
+  za as createTimeTableModel,
+  aa as createTreePeopleColumnDefs,
+  qa as createTreePeopleModelAndOptions,
+  ra as createTreePeopleTableOptions,
+  yr as cryptoData,
+  Gr as data,
+  Fa as fitCoversToWidth,
+  ya as generateBooks,
+  Xr as generateInvoiceLines,
+  na as generateMasterOrders,
+  _r as generatePivotOrders,
+  ta as generatePriceItems,
+  ia as generateRtlCitySales,
+  _ as generateSalesOrders,
+  fa as generateSimpleModel,
+  Qr as generateTasks,
+  Ta as generateTreeCheckboxModel,
+  Wr as pivotQuarter,
+  Kr as pivotYear,
+  zr as tableOptions,
+  Sr as teamHeaderGroups
 };