@guiexpert/demo-table-models 1.1.92 → 1.1.94

package/index.js

@@ -1,81 +1,81 @@
-import { ColumnDef as t, px60 as f, px120 as g, px100 as c, px160 as ne, px200 as P, px140 as B, TableOptions as T, TableModelAndOptions as L, TableFactory as l, Size as p, AreaObjectMap as C, DateToIntlDDMMYYYYCellRenderer as v, MaleFemaleToIconCellRenderer as F, TreeFactory as E, DefaultRowHeights as me, AreaModelArrayOfArrays as Z, AreaModel as A, ColorRgb as D, ThreeColorGradientArg as se, GeCssColorUtil as ie, CellgroupFactory as z, AreaModelCellGroups as _, AreaModelObjectArrayWithColumndefs as M, px300 as de, px150 as K, px250 as ye, TrueFalseCellRenderer as W, DateToTecCellRenderer as pe, SelectionModel as k, TrueFn as d, CheckboxBooleanPropertyCellRenderer as j, px90 as X, ProgressBarCellRenderer as Y, StarRatingCellRenderer as J, NumberCellProgressBarCellRenderer as ue, FalseFn as U, px220 as Q, PositiveAndNegativeNumberRenderer as ce, px80 as ee, editInputPipeForNumber as le, NumberCellRenderer as ge, Renderer as be, SelectCellRenderer as Ne, px50 as fe, ValueLabel as R, px70 as Te, CellRange as S, AutoRestoreOptions as oe } from "@guiexpert/table";
-class he {
-  render(r, e, n, m, s, y, u) {
-    if (y) {
-      const i = Number(y);
-      i < 0 ? (r.innerHTML = "▾ " + i.toFixed(2) + "%", u.addClass(r, "ge-positive-text-color")) : (r.innerHTML = "▴ " + i.toFixed(2) + "%", u.addClass(r, "ge-negative-text-color"));
+import { ColumnDef as t, px60 as h, px120 as b, px100 as c, px160 as W, px200 as v, px140 as C, TableOptions as N, TableModelAndOptions as S, TableFactory as g, Size as u, AreaObjectMap as P, DateToIntlDDMMYYYYCellRenderer as U, MaleFemaleToIconCellRenderer as j, TreeFactory as Y, DefaultRowHeights as ye, AreaModelArrayOfArrays as k, AreaModel as I, ColorRgb as q, ThreeColorGradientArg as pe, GeCssColorUtil as ue, CellgroupFactory as x, AreaModelCellGroups as X, AreaModelObjectArrayWithColumndefs as R, px300 as ce, px150 as J, px250 as le, TrueFalseCellRenderer as Q, DateToTecCellRenderer as ge, SelectionModel as L, TrueFn as y, CheckboxBooleanPropertyCellRenderer as ee, px90 as re, ProgressBarCellRenderer as ae, StarRatingCellRenderer as te, NumberCellProgressBarCellRenderer as be, RowNumberColumnDef as Ne, FalseFn as A, px220 as ne, PositiveAndNegativeNumberRenderer as fe, px80 as me, RowGroupFactory as Te, px110 as oe, PivotFactory as he, editInputPipeForNumber as Se, NumberCellRenderer as Ce, Renderer as Le, SelectCellRenderer as Ge, px50 as Pe, ValueLabel as O, px70 as Ze, CellRange as G, AutoRestoreOptions as ze } from "@guiexpert/table";
+class we {
+  render(e, r, n, m, s, i, p) {
+    if (i) {
+      const d = Number(i);
+      d < 0 ? (e.innerHTML = "▾ " + d.toFixed(2) + "%", p.addClass(e, "ge-positive-text-color")) : (e.innerHTML = "▴ " + d.toFixed(2) + "%", p.addClass(e, "ge-negative-text-color"));
     }
   }
 }
-class Se {
+class ve {
   constructor() {
     this.formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
   }
-  render(r, e, n, m, s, y, u) {
-    if (y) {
-      const i = Number(y);
-      r.innerText = this.formatter.format(i);
+  render(e, r, n, m, s, i, p) {
+    if (i) {
+      const d = Number(i);
+      e.innerText = this.formatter.format(d);
     }
   }
 }
-class Ce {
-  render(r, e, n, m, s, y, u) {
-    const i = s.getRowByIndex(e);
-    if (i) {
-      const N = i.name ?? i.symbol;
-      r.innerHTML = `
+class ke {
+  render(e, r, n, m, s, i, p) {
+    const d = s.getRowByIndex(r);
+    if (d) {
+      const l = d.name ?? d.symbol;
+      e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
-        ${N}<br>
-        ${i.symbol}
+        ${l}<br>
+        ${d.symbol}
       </div>
       `;
     }
   }
 }
-class Le {
+class xe {
   constructor() {
     this.formatterUsd = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }), this.formatter = new Intl.NumberFormat("en-US");
   }
-  render(r, e, n, m, s, y, u) {
-    const i = s.getRowByIndex(e);
-    if (i) {
-      const N = this.formatterUsd.format(i.volUsd), o = this.formatter.format(i.volBtc);
-      r.innerHTML = `
+  render(e, r, n, m, s, i, p) {
+    const d = s.getRowByIndex(r);
+    if (d) {
+      const l = this.formatterUsd.format(d.volUsd), o = this.formatter.format(d.volBtc);
+      e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
-        ${N}<br>
+        ${l}<br>
         ${o} BTC
       </div>
       `;
     }
   }
 }
-class Ge {
-  constructor(r = 120) {
-    this.maxWidth = r, this.formatter = new Intl.NumberFormat("en-US");
+class De {
+  constructor(e = 120) {
+    this.maxWidth = e, this.formatter = new Intl.NumberFormat("en-US");
   }
-  render(r, e, n, m, s, y, u) {
-    const i = s.getRowByIndex(e);
-    if (i) {
-      const N = this.formatter.format(i.circulatingSupply), o = i.maxSupply, h = [];
-      if (h.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), h.push(N), h.push("<br>"), o) {
-        const te = this.maxWidth * i.circulatingSupply / o;
-        h.push(`
+  render(e, r, n, m, s, i, p) {
+    const d = s.getRowByIndex(r);
+    if (d) {
+      const l = this.formatter.format(d.circulatingSupply), o = d.maxSupply, T = [];
+      if (T.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), T.push(l), T.push("<br>"), o) {
+        const Z = this.maxWidth * d.circulatingSupply / o;
+        T.push(`
           <div style="width: ${this.maxWidth}px;height: 5px;background-color: #eee;margin:10px 0 0 10px">
-            <div style="width: ${te}px;height: 5px;background-color: #ccc;"></div>
+            <div style="width: ${Z}px;height: 5px;background-color: #ccc;"></div>
           </div>
         `);
       }
-      h.push("</div>"), r.innerHTML = h.join("");
+      T.push("</div>"), e.innerHTML = T.join("");
     }
   }
 }
-class Pe {
-  render(r, e, n, m, s, y, u) {
-    const i = s.getRowByIndex(e);
-    i != null && i.id && (r.innerHTML = `<img src="https://s2.coinmarketcap.com/static/img/coins/64x64/${i.id}.png" style="width:30px;height: 30px;margin: 10px 10px 0 20px;">`);
+class Ue {
+  render(e, r, n, m, s, i, p) {
+    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 Ze = [
+const qe = [
   {
     id: 1,
     name: "Bitcoin",
@@ -2810,19 +2810,19 @@ const Ze = [
     change90d: 12.43943602
   }
 ];
-function dr() {
-  const a = Ze, r = new he(), e = new Se(), n = new Ce(), m = new Le(), s = new Ge(120), y = new Pe(), u = [
+function Gr() {
+  const a = qe, e = new we(), r = new ve(), n = new ke(), m = new xe(), s = new De(120), i = new Ue(), p = [
     t.create({
       property: "symbol",
       headerLabel: "",
-      width: f,
+      width: h,
       bodyClasses: ["ge-table-text-align-left"],
-      bodyRenderer: y
+      bodyRenderer: i
     }),
     t.create({
       property: "symbol",
       headerLabel: "Name",
-      width: g,
+      width: b,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       bodyRenderer: n
@@ -2834,20 +2834,20 @@ function dr() {
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     }),
-    new t("change1h", "1h %", c, void 0, t.bodyRenderer(r)),
-    new t("change24h", "24h %", c, void 0, t.bodyRenderer(r)),
-    new t("change7d", "7d %", c, void 0, t.bodyRenderer(r)),
+    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({
       property: "marketCapUsd",
       headerLabel: "Market Cap",
-      width: ne,
+      width: W,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
-      bodyRenderer: e
+      bodyRenderer: r
     }),
     t.create({
       headerLabel: "Volumne (24h)",
-      width: P,
+      width: v,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: m
@@ -2855,15 +2855,15 @@ function dr() {
     t.create({
       property: "circulatingSupply",
       headerLabel: "Circulating Supply",
-      width: B,
+      width: C,
       bodyRenderer: s,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     })
   ];
-  u.forEach((N) => N.sortable = () => !0);
-  const i = {
-    ...new T(),
+  p.forEach((l) => l.sortable = () => !0);
+  const d = {
+    ...new N(),
     hoverColumnVisible: !1,
     verticalBorderVisible: !1,
     defaultRowHeights: {
@@ -2872,33 +2872,33 @@ function dr() {
       footer: 0
     }
   };
-  return new L(
-    l.createTableModel({
+  return new S(
+    g.createTableModel({
       rows: a,
-      columnDefs: u,
-      tableOptions: i
+      columnDefs: p,
+      tableOptions: d
     }),
-    i
+    d
   );
 }
-function yr(a = 1e3, r = 1e3) {
-  const e = Array.from(Array(a).keys()).map(
-    (s) => Array.from(Array(r).keys()).map((y) => `${s}/${y}`)
+function Pr(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(
-    (s) => Array.from(Array(r).keys()).map((y) => `H${s}/${y}`)
+    (s) => Array.from(Array(e).keys()).map((i) => `H${s}/${i}`)
   ), m = Array.from(Array(2).keys()).map(
-    (s) => Array.from(Array(r).keys()).map((y) => `F${s}/${y}`)
+    (s) => Array.from(Array(e).keys()).map((i) => `F${s}/${i}`)
   );
-  return l.createTableModel({
+  return g.createTableModel({
     headerData: n,
-    bodyData: e,
+    bodyData: r,
     footerData: m,
     overridingColumnWidth: 110,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 2
   });
 }
-const ze = [
+const Be = [
   {
     id: 0,
     preName: "Prename0",
@@ -164772,9 +164772,9 @@ const ze = [
     friends: []
   }
 ];
-function pr() {
+function Zr() {
   const a = {
-    ...new T(),
+    ...new N(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 50,
@@ -164783,27 +164783,27 @@ function pr() {
     },
     showCheckboxWihoutExtraColumn: !0
     // <-- true: we will see the checkbox IN the first column after the arrow
-  }, r = [
+  }, e = [
     // new CheckboxColumn(), //  <--- not needed, because we have 'showCheckboxWihoutExtraColumn:true'
-    new t("lastName", "Last Name", new p(250, "px")),
-    new t("preName", "Pre Name", new p(120, "px")),
-    new t("birth", "Birthday", new p(100, "px"), new C(), new C(void 0, new v(), void 0), void 0, void 0),
-    new t("gender", " ", new p(50, "px"), new C(), new C(void 0, new F(), void 0), void 0, void 0),
-    new t("address.street", "Strasse", new p(150, "px")),
-    new t("address.number", "Nr", new p(70, "px")),
-    new t("address.zip", "Zip", new p(60, "px")),
-    new t("address.city", "City", new p(120, "px")),
-    new t("id", "ID", new p(60, "px"))
-  ], e = E.buildTreeRows(ze, "friends");
-  return l.createTableModel({
-    rows: e,
-    columnDefs: r,
+    new t("lastName", "Last Name", new u(250, "px")),
+    new t("preName", "Pre Name", new u(120, "px")),
+    new t("birth", "Birthday", new u(100, "px"), new P(), new P(void 0, new U(), void 0), void 0, void 0),
+    new t("gender", " ", new u(50, "px"), new P(), new P(void 0, new j(), void 0), void 0, void 0),
+    new t("address.street", "Strasse", new u(150, "px")),
+    new t("address.number", "Nr", new u(70, "px")),
+    new t("address.zip", "Zip", new u(60, "px")),
+    new t("address.city", "City", new u(120, "px")),
+    new t("id", "ID", new u(60, "px"))
+  ], r = Y.buildTreeRows(Be, "friends");
+  return g.createTableModel({
+    rows: r,
+    columnDefs: e,
     tableOptions: a,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 0
   });
 }
-const I = new me(34, 50, 0), H = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), we = `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 V = new ye(34, 50, 0), F = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), Ae = `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
@@ -164813,39 +164813,39 @@ const I = new me(34, 50, 0), H = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov
 2016 34.5 37.7 48.9 53.3 62.8 72.3 78.7 79.2 71.8 58.8 49.8 38.3
 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((r) => Number(r))
-), ve = 27.9, ke = 77.4;
-class V {
-  constructor(r, e, n) {
-    this.r = r, this.g = e, this.b = n;
+  (a) => a.split(" ").map((e) => Number(e))
+), Me = 27.9, Ie = 77.4;
+class $ {
+  constructor(e, r, n) {
+    this.r = e, this.g = r, this.b = n;
   }
 }
-function De(a, r, e, n, m) {
-  return (a - r) / (e - r) * (m - n) + n;
+function Re(a, e, r, n, m) {
+  return (a - e) / (r - e) * (m - n) + n;
 }
-function xe(a, r, e) {
-  var n = new V(255, 0, 0), m = new V(0, 0, 255), s = De(e, a, r, 0, 1), y = m.r - n.r, u = m.g - n.g, i = m.b - n.b;
-  return y = y * s + n.r, u = u * s + n.g, i = i * s + n.b, `rgb(${Math.round(y)}, ${Math.round(u)}, ${Math.round(i)})`;
+function He(a, e, r) {
+  var n = new $(255, 0, 0), m = new $(0, 0, 255), s = Re(r, a, e, 0, 1), i = m.r - n.r, p = m.g - n.g, d = m.b - n.b;
+  return i = i * s + n.r, p = p * s + n.g, d = d * s + n.b, `rgb(${Math.round(i)}, ${Math.round(p)}, ${Math.round(d)})`;
 }
-function ur() {
-  const a = new Z("body", we, I.body), r = new Array(H.length).fill(50), e = new Z("header", [H], I.header);
+function zr() {
+  const a = new k("body", Ae, V.body), e = new Array(F.length).fill(50), r = new k("header", [F], V.header);
   return a.getCustomStyleAt = (n, m) => {
     let s = {};
     if (m > 0) {
-      const y = a.getValueAt(n, m);
+      const i = a.getValueAt(n, m);
       s = {
-        background: xe(ve, ke, y),
+        background: He(Me, Ie, i),
         color: "#fff"
       };
     }
     return s.paddingTop = "10px", s;
-  }, l.createTableModel({
-    headerAreaModel: e,
+  }, g.createTableModel({
+    headerAreaModel: r,
     bodyAreaModel: a,
-    columnSizes: r
+    columnSizes: e
   });
 }
-function Ue() {
+function Oe() {
   return [
     {
       date: "2010-01-01T01:00:00",
@@ -217403,12 +217403,12 @@ function Ue() {
     }
   ];
 }
-const re = 30, qe = 3, ae = Ue(), b = {};
-ae.forEach((a) => {
-  const [r, e] = a.date.split("T");
-  b[r] || (b[r] = {}), b[r][e.substring(0, 5)] = a;
+const se = 30, Ve = 3, ie = Oe(), f = {};
+ie.forEach((a) => {
+  const [e, r] = a.date.split("T");
+  f[e] || (f[e] = {}), f[e][r.substring(0, 5)] = a;
 });
-const q = Object.keys(b), G = [
+const M = Object.keys(f), z = [
   "06:00",
   "07:00",
   "08:00",
@@ -217434,76 +217434,76 @@ const q = Object.keys(b), G = [
   "04:00",
   "05:00"
 ];
-function Be() {
-  let a = 10, r = 0;
-  return ae.forEach((e) => {
-    a = Math.min(a, e.temperature), r = Math.max(r, e.temperature);
-  }), [a, r];
+function Fe() {
+  let a = 10, e = 0;
+  return ie.forEach((r) => {
+    a = Math.min(a, r.temperature), e = Math.max(e, r.temperature);
+  }), [a, e];
 }
-const [O, $] = Be();
-function cr() {
-  const a = new Ae(), r = new Me(), e = [60, ...new Array(q.length).fill(qe)];
-  return l.createTableModel({
+const [E, _] = Fe();
+function wr() {
+  const a = new $e(), e = new Ee(), r = [60, ...new Array(M.length).fill(Ve)];
+  return g.createTableModel({
     bodyAreaModel: a,
-    footerAreaModel: r,
-    columnSizes: e,
+    footerAreaModel: e,
+    columnSizes: r,
     fixedLeftColumnCount: 1
   });
 }
-class Ae extends A {
+class $e extends I {
   getRowCount() {
-    return G.length;
+    return z.length;
   }
-  getRowHeight(r) {
-    return re;
+  getRowHeight(e) {
+    return se;
   }
-  getValueAt(r, e) {
-    return e === 0 ? G[r] : "";
+  getValueAt(e, r) {
+    return r === 0 ? z[e] : "";
   }
-  getTooltipAt(r, e) {
-    if (e === 0)
+  getTooltipAt(e, r) {
+    if (r === 0)
       return "";
-    e--;
-    const n = q[e], m = G[r];
-    return b[n] && b[n][m] ? `${n} ${m} → ${b[n][m].temperature}` : "";
+    r--;
+    const n = M[r], m = z[e];
+    return f[n] && f[n][m] ? `${n} ${m} → ${f[n][m].temperature}` : "";
   }
-  getCustomStyleAt(r, e) {
-    if (e === 0)
+  getCustomStyleAt(e, r) {
+    if (r === 0)
       return;
-    e--;
-    const n = q[e], m = G[r];
-    if (!b[n] || !b[n][m]) return;
-    const s = b[n][m].temperature, y = new D(67, 1, 84), u = new D(31, 144, 141), i = new D(250, 230, 37), N = ($ + O) / 2, o = new se(O, y, N, u, $, i);
+    r--;
+    const n = M[r], m = z[e];
+    if (!f[n] || !f[n][m]) return;
+    const s = f[n][m].temperature, i = new q(67, 1, 84), p = new q(31, 144, 141), d = new q(250, 230, 37), l = (_ + E) / 2, o = new pe(E, i, l, p, _, d);
     return {
-      background: ie.getThreeColorGradientRGB(s, o),
+      background: ue.getThreeColorGradientRGB(s, o),
       color: "transparent"
       // we only want to show the bg color
     };
   }
 }
-class Me extends A {
+class Ee extends I {
   getRowCount() {
     return 1;
   }
-  getRowHeight(r) {
-    return re;
+  getRowHeight(e) {
+    return se;
   }
-  getValueAt(r, e) {
-    return e === 1 ? "Jan" : e === 32 ? "Feb" : e === 60 ? "Mar" : e === 91 ? "Apr" : e === 121 ? "May" : e === 152 ? "Jun" : e === 182 ? "Jul" : e === 213 ? "Aug" : e === 244 ? "Sep" : e === 274 ? "Oct" : e === 305 ? "Nov" : e === 335 ? "Dec" : "";
+  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" : "";
   }
-  getColspanAt(r, e) {
-    return e === 1 ? 31 : e === 32 ? 28 : e === 60 ? 31 : e === 91 ? 30 : e === 121 ? 31 : e === 152 ? 30 : e === 182 || e === 213 ? 31 : e === 244 ? 30 : e === 274 ? 31 : e === 305 ? 30 : e === 335 ? 31 : 0;
+  getColspanAt(e, r) {
+    return r === 1 ? 31 : r === 32 ? 28 : r === 60 ? 31 : r === 91 ? 30 : r === 121 ? 31 : r === 152 ? 30 : r === 182 || r === 213 ? 31 : r === 244 ? 30 : r === 274 ? 31 : r === 305 ? 30 : r === 335 ? 31 : 0;
   }
   getMaxColspan() {
     return 32;
   }
-  getCustomStyleAt(r, e) {
+  getCustomStyleAt(e, r) {
     return {
-      "border-left": e > 2 ? "solid 1px #555" : "none"
+      "border-left": r > 2 ? "solid 1px #555" : "none"
     };
   }
 }
-const x = [
+const B = [
   {
     data: "Gold",
     toggle: !0,
@@ -217590,9 +217590,9 @@ const x = [
     ]
   }
 ];
-function lr() {
-  const r = z.buildGroupExts(x), e = z.buildColumnDefs(r), n = new _("header", x, e, 34);
-  console.info("headerGroups", x), console.info("columnDefs", e.map((y) => y.property));
+function vr() {
+  const e = x.buildGroupExts(B), r = x.buildColumnDefs(e), n = new X("header", B, r, 34);
+  console.info("headerGroups", B), console.info("columnDefs", r.map((i) => i.property));
   const m = [
     {
       GOLD: 146,
@@ -217610,14 +217610,14 @@ function lr() {
       HOH_C: 53,
       HOH_D: 54
     }
-  ], s = new M("body", m, e, 34);
-  return l.createTableModel({
+  ], s = new R("body", m, r, 34);
+  return g.createTableModel({
     headerAreaModel: n,
     bodyAreaModel: s,
-    columnDefs: e
+    columnDefs: r
   });
 }
-const Re = [
+const _e = [
   {
     data: "Team A",
     toggle: !0,
@@ -217638,9 +217638,9 @@ const Re = [
     ]
   }
 ];
-function gr(a = Re) {
-  const e = z.buildGroupExts(a), n = z.buildColumnDefs(e), m = new _("header", a, n, 34);
-  console.info("headerGroups", a), console.info("columnDefs", n.map((u) => u.property)), console.info("columnDefs", n);
+function kr(a = _e) {
+  const r = x.buildGroupExts(a), n = x.buildColumnDefs(r), m = new X("header", a, n, 34);
+  console.info("headerGroups", a), console.info("columnDefs", n.map((p) => p.property)), console.info("columnDefs", n);
   const s = [
     {
       team_a: 0,
@@ -217648,14 +217648,14 @@ function gr(a = Re) {
       peter: 5,
       paul: 4
     }
-  ], y = new M("body", s, n, 34);
-  return l.createTableModel({
+  ], i = new R("body", s, n, 34);
+  return g.createTableModel({
     headerAreaModel: m,
-    bodyAreaModel: y,
+    bodyAreaModel: i,
     columnDefs: n
   });
 }
-function Ie() {
+function Ke() {
   return [
     {
       id: 1,
@@ -217835,9 +217835,9 @@ function Ie() {
     }
   ];
 }
-function He() {
+function We() {
   return [
-    new t("firstName", "First Name", g),
+    new t("firstName", "First Name", b),
     new t("lastName", "Last Name"),
     t.create({
       property: "gender",
@@ -217848,22 +217848,22 @@ function He() {
     t.create({
       property: "email",
       headerLabel: "Email",
-      width: de,
+      width: ce,
       bodyClasses: ["ge-table-text-align-left"]
     }),
-    new t("ipAddress", "IP", K),
+    new t("ipAddress", "IP", J),
     t.create({
       property: "id",
       headerLabel: "ID",
-      width: ye,
+      width: le,
       // bodyRenderer: actionRenderer,
       bodyClasses: ["ge-table-text-align-left"]
     })
   ];
 }
-function Ve() {
+function je() {
   return {
-    ...new T(),
+    ...new N(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 40,
@@ -217872,19 +217872,19 @@ function Ve() {
     }
   };
 }
-function br() {
-  const a = Ve(), r = Ie(), e = He();
-  return l.createTableModel({
-    rows: r,
-    columnDefs: e,
+function xr() {
+  const a = je(), e = Ke(), r = We();
+  return g.createTableModel({
+    rows: e,
+    columnDefs: r,
     tableOptions: a,
     fixedLeftColumnCount: 0
   });
 }
-function Nr(a, r) {
-  a.rendererMap = new C(void 0, r, void 0);
+function Dr(a, e) {
+  a.rendererMap = new P(void 0, e, void 0);
 }
-const Oe = [
+const Ye = [
   {
     id: 1,
     city: "London",
@@ -218032,36 +218032,36 @@ const Oe = [
     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)), w = [
-  new t("city", "City", new p(90, "px")),
-  new t("location", "Location", new p(100, "px")),
-  new t("team.name", "Team", new p(100, "px")),
+].map((a) => (a.updatedAt = /* @__PURE__ */ new Date(), a)), D = [
+  new t("city", "City", new u(90, "px")),
+  new t("location", "Location", new u(100, "px")),
+  new t("team.name", "Team", new u(100, "px")),
   t.create({
     property: "team.active",
     headerLabel: "Active",
-    width: new p(60, "px"),
-    bodyRenderer: new W()
+    width: new u(60, "px"),
+    bodyRenderer: new Q()
   }),
-  new t("data.0", "00", new p(60, "px")),
-  new t("data.1", "15", new p(60, "px")),
-  new t("data.2", "30", new p(60, "px")),
-  new t("data.3", "45", new p(60, "px")),
-  new t("data.4", "00", new p(60, "px")),
-  new t("data.5", "15", new p(60, "px")),
-  new t("data.6", "30", new p(60, "px")),
-  new t("data.7", "45", new p(60, "px")),
-  new t("data.8", "00", new p(60, "px")),
-  new t("data.9", "15", new p(60, "px")),
-  new t("data.10", "30", new p(60, "px")),
-  new t("data.11", "45", new p(60, "px")),
+  new t("data.0", "00", new u(60, "px")),
+  new t("data.1", "15", new u(60, "px")),
+  new t("data.2", "30", new u(60, "px")),
+  new t("data.3", "45", new u(60, "px")),
+  new t("data.4", "00", new u(60, "px")),
+  new t("data.5", "15", new u(60, "px")),
+  new t("data.6", "30", new u(60, "px")),
+  new t("data.7", "45", new u(60, "px")),
+  new t("data.8", "00", new u(60, "px")),
+  new t("data.9", "15", new u(60, "px")),
+  new t("data.10", "30", new u(60, "px")),
+  new t("data.11", "45", new u(60, "px")),
   t.create({
     property: "updatedAt",
     headerLabel: "Updated at",
-    width: new p(175, "px"),
-    bodyRenderer: new pe()
+    width: new u(175, "px"),
+    bodyRenderer: new ge()
   })
-], fr = w.length - 1, $e = {
-  ...new T(),
+], Ur = D.length - 1, Xe = {
+  ...new N(),
   hoverRowVisible: !1,
   hoverColumnVisible: !1,
   defaultRowHeights: {
@@ -218072,81 +218072,81 @@ const Oe = [
   columnsDraggable: !1,
   columnsResizable: !0
 };
-function Tr() {
-  const a = $e.defaultRowHeights;
-  return l.createTableModel({
-    headerAreaModel: new Ee(a.header),
-    bodyAreaModel: new Fe(a.body),
-    footerAreaModel: new _e(a.footer),
-    columnDefs: w,
+function qr() {
+  const a = Xe.defaultRowHeights;
+  return g.createTableModel({
+    headerAreaModel: new Qe(a.header),
+    bodyAreaModel: new Je(a.body),
+    footerAreaModel: new er(a.footer),
+    columnDefs: D,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 1,
     defaultRowHeights: a,
-    columnCount: w.length
+    columnCount: D.length
   });
 }
-class Fe extends M {
-  constructor(r) {
-    super("body", Oe, w, r);
+class Je extends R {
+  constructor(e) {
+    super("body", Ye, D, e);
   }
-  getRowspanAt(r, e) {
-    if (e === 0 || e == 1) {
-      const n = this.getValueAt(r, e);
-      if (r === 0 || n !== this.getValueAt(r - 1, e))
-        return this.countNextWithValue(r, e, n);
+  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);
     }
     return 1;
   }
-  countNextWithValue(r, e, n) {
+  countNextWithValue(e, r, n) {
     let m = 1;
-    for (; n === this.getValueAt(r + m, e); )
+    for (; n === this.getValueAt(e + m, r); )
       m++;
     return m;
   }
 }
-class Ee extends Z {
-  constructor(r) {
+class Qe extends k {
+  constructor(e) {
     super(
       "header",
       [
         ["City", "Location", "Team", "", "08:00 - 09:00", "", "", "", "09:00 - 10:00", "", "", "", "10:00 - 11:00", "", "", "", "Updated At"],
         ["", "", "Name", "Active", "00", "15", "30", "45", "00", "15", "30", "45", "00", "15", "30", "45", ""]
       ],
-      r
+      e
     );
   }
-  getColspanAt(r, e) {
-    if (r === 0) {
-      if (e === 2 || e === 2)
+  getColspanAt(e, r) {
+    if (e === 0) {
+      if (r === 2 || r === 2)
         return 2;
-      if (e === 4 || e === 8 || e === 12)
+      if (r === 4 || r === 8 || r === 12)
         return 4;
     }
     return 1;
   }
-  getRowspanAt(r, e) {
-    return r === 0 && (e === 0 || e === 1 || e === 16) ? 2 : 1;
+  getRowspanAt(e, r) {
+    return e === 0 && (r === 0 || r === 1 || r === 16) ? 2 : 1;
   }
-  getCustomClassesAt(r, e) {
+  getCustomClassesAt(e, r) {
     return ["ge-font-weight-bold"];
   }
 }
-class _e extends Z {
-  constructor(r) {
+class er extends k {
+  constructor(e) {
     super(
       "footer",
       [["", "", "Sum of Quarters:", "", "123", "432", "", "", "", "", "", "", "", "", "", "", ""]],
-      r
+      e
     );
   }
-  getColspanAt(r, e) {
-    return e == 0 || e == 2 ? 2 : 1;
+  getColspanAt(e, r) {
+    return r == 0 || r == 2 ? 2 : 1;
   }
-  getCustomClassesAt(r, e) {
-    return e === 2 ? ["ge-text-align-right", "ge-font-weight-bold"] : [];
+  getCustomClassesAt(e, r) {
+    return r === 2 ? ["ge-text-align-right", "ge-font-weight-bold"] : [];
   }
 }
-const Ke = [
+const rr = [
   {
     id: "c8-34f1d5",
     company: "Equicom",
@@ -220084,88 +220084,88 @@ const Ke = [
     rating: 5
   }
 ];
-function We() {
-  return Ke;
+function ar() {
+  return rr;
 }
-function je() {
+function tr() {
   return [
     t.create({
       property: "company",
       headerLabel: "Company",
-      width: g,
+      width: b,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "country",
       headerLabel: "Country",
-      width: B,
+      width: C,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "product",
       headerLabel: "Name",
-      width: g,
+      width: b,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "sellDate",
       headerLabel: "Sell date",
       width: c,
-      bodyRenderer: new v(),
+      bodyRenderer: new U(),
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "id",
       headerLabel: "Order ID",
-      width: g,
+      width: b,
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "inStock",
       headerLabel: "In stock",
-      width: X,
-      bodyRenderer: new j("inStock", !0, !0),
+      width: re,
+      bodyRenderer: new ee("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "quantity",
       headerLabel: "Qty",
-      width: f,
+      width: h,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "progress",
       headerLabel: "Progress",
       width: c,
-      bodyRenderer: new Y("progress", 5, !0),
+      bodyRenderer: new ae("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "rating",
       headerLabel: "Rating",
       width: c,
-      bodyRenderer: new J("rating"),
+      bodyRenderer: new te("rating"),
       bodyClasses: ["ge-table-text-align-left"],
-      sortable: d
+      sortable: y
     })
   ];
 }
-function Xe() {
-  const a = new k("row", "multi");
+function nr() {
+  const a = new L("row", "multi");
   return {
-    ...new T(),
+    ...new N(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 24,
@@ -220175,46 +220175,46 @@ function Xe() {
     getSelectionModel: () => a
   };
 }
-function or() {
-  const a = Xe(), r = We(), e = je();
-  return new L(
-    l.createTableModel({
-      rows: r,
-      columnDefs: e,
+function Br() {
+  const a = nr(), e = ar(), r = tr();
+  return new S(
+    g.createTableModel({
+      rows: e,
+      columnDefs: r,
       tableOptions: a,
       fixedLeftColumnCount: 0
     }),
     a
   );
 }
-function Ye() {
+function K() {
   return [
     t.create({
       headerLabel: "ID",
-      width: g,
+      width: b,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: U
+      sortable: A
     }),
     t.create({
       headerLabel: "Value",
-      width: P,
+      width: v,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: U
+      sortable: A
     }),
     t.create({
       headerLabel: " ",
-      width: P,
+      width: v,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     })
   ];
 }
-function Je() {
-  const a = new k();
+function mr() {
+  const a = new L();
   return {
-    ...new T(),
+    ...new N(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 34,
@@ -220224,39 +220224,44 @@ function Je() {
     getSelectionModel: () => a
   };
 }
-function hr(a = 1e6) {
-  const r = Je(), e = Ye(), n = new Qe(a);
-  return new L(l.createTableModel({
-    bodyAreaModel: n,
-    columnDefs: e,
+function Ar(a = 1e6, e = !1) {
+  const r = mr(), n = e ? [new Ne({ format: (i) => i.toLocaleString("en-US") }), ...K()] : K(), m = e ? 1 : 0, s = new sr(a, m);
+  return new S(g.createTableModel({
+    bodyAreaModel: s,
+    columnDefs: n,
     tableOptions: r,
-    fixedLeftColumnCount: 0
+    fixedLeftColumnCount: m
   }), r);
 }
-class Qe extends A {
-  constructor(r = 1e6) {
-    super(), this.rowcount = r, this.nf = new Intl.NumberFormat("en-Us", {}), this.barRenderer = new ue(r, !1);
+class sr extends I {
+  /**
+   * @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 be(e, !1);
   }
   getRowCount() {
     return this.rowcount;
   }
-  getRowHeight(r) {
+  getRowHeight(e) {
     return 34;
   }
   getConstantRowHeight() {
     return 34;
   }
-  getValueAt(r, e) {
-    return e === 0 ? "id" + r : e === 1 ? this.nf.format(r) : r;
+  getValueAt(e, r) {
+    const n = r - this.columnOffset;
+    return n < 0 ? "" : n === 0 ? "id" + e : n === 1 ? this.nf.format(e) : e;
   }
-  getCellRenderer(r, e) {
-    if (e == 2) return this.barRenderer;
+  getCellRenderer(e, r) {
+    if (r - this.columnOffset === 2) return this.barRenderer;
   }
-  getYPosByRowIndex(r) {
-    return r * this.getRowHeight(0);
+  getYPosByRowIndex(e) {
+    return e * this.getRowHeight(0);
   }
 }
-const er = [
+const ir = [
   {
     id: "f0-bfbecb",
     company: "Medmex",
@@ -221728,10 +221733,10 @@ const er = [
     f2: 28.55122067
   }
 ];
-function rr(a = 75) {
-  return er.slice(0, a - 1);
+function dr(a = 75) {
+  return ir.slice(0, a - 1);
 }
-function ar(a) {
+function yr(a) {
   return [
     t.create({
       property: "company",
@@ -221739,16 +221744,16 @@ function ar(a) {
       width: c,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "country",
       headerLabel: "Country",
-      width: B,
+      width: C,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
@@ -221757,7 +221762,7 @@ function ar(a) {
       width: c,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
@@ -221765,24 +221770,24 @@ function ar(a) {
       headerLabel: "Birth Date",
       width: c,
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "sellDate",
       headerLabel: "Sell date",
       width: c,
-      bodyRenderer: new v(),
+      bodyRenderer: new U(),
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "lastVisit",
       headerLabel: "Last Visit",
-      width: Q,
+      width: ne,
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
@@ -221790,71 +221795,71 @@ function ar(a) {
       headerLabel: "Time",
       width: c,
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "id",
       headerLabel: "Order ID",
-      width: g,
+      width: b,
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "inStock",
       headerLabel: "In stock",
-      width: X,
-      bodyRenderer: new j("inStock", !0, !0),
+      width: re,
+      bodyRenderer: new ee("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "quantity",
       headerLabel: "Qty",
-      width: f,
+      width: h,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "progress",
       headerLabel: "Progress",
       width: c,
-      bodyRenderer: new Y("progress", 5, !0),
+      bodyRenderer: new ae("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "rating",
       headerLabel: "Rating",
       width: c,
-      bodyRenderer: new J("rating"),
+      bodyRenderer: new te("rating"),
       bodyClasses: ["ge-table-text-align-left"],
-      sortable: d
+      sortable: y
     }),
     t.create({
       property: "price",
       headerLabel: "Price",
-      width: f,
+      width: h,
       bodyClasses: ["ge-table-text-align-right"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "active",
       headerLabel: "Active",
-      width: f,
-      bodyRenderer: new W(),
-      sortable: d,
+      width: h,
+      bodyRenderer: new Q(),
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "currency",
       headerLabel: "CCY",
-      width: f,
-      sortable: d,
+      width: h,
+      sortable: y,
       editable: () => a
     }),
     t.create({
@@ -221862,39 +221867,39 @@ function ar(a) {
       headerLabel: "Average",
       width: c,
       bodyClasses: ["ge-table-text-align-right"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "f1",
       headerLabel: "F1",
-      width: ee,
+      width: me,
       bodyClasses: ["ge-table-text-align-right"],
-      bodyRenderer: new ce(),
-      sortable: d,
+      bodyRenderer: new fe(),
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "f2",
       headerLabel: "F2",
-      width: g,
+      width: b,
       bodyClasses: ["ge-table-text-align-right"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     }),
     t.create({
       property: "lorem",
       headerLabel: "Lorem",
-      width: P,
+      width: v,
       bodyClasses: ["ge-table-text-align-left"],
-      sortable: d,
+      sortable: y,
       editable: () => a
     })
   ];
 }
-function tr(a) {
+function pr(a) {
   return {
-    ...new T(),
+    ...new N(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 32,
@@ -221904,17 +221909,161 @@ function tr(a) {
     getSelectionModel: () => a
   };
 }
-function Sr(a = new k("row", "multi"), r = 75, e = !1) {
-  const n = tr(a);
-  r = Math.max(10, Math.min(75, r));
-  const m = rr(r), s = ar(e);
-  return new L(l.createTableModel({
+function Mr(a = new L("row", "multi"), e = 75, r = !1) {
+  const n = pr(a);
+  e = Math.max(10, Math.min(75, e));
+  const m = dr(e), s = yr(r);
+  return new S(g.createTableModel({
     rows: m,
     columnDefs: s,
     tableOptions: n
   }), n);
 }
-const nr = [
+const ur = [
+  ["Germany", "Hamburg"],
+  ["Germany", "Berlin"],
+  ["Germany", "Munich"],
+  ["Austria", "Vienna"],
+  ["Austria", "Graz"],
+  ["Switzerland", "Zurich"],
+  ["France", "Paris"],
+  ["France", "Lyon"],
+  ["Italy", "Milan"],
+  ["Spain", "Madrid"],
+  ["Poland", "Warsaw"],
+  ["Denmark", "Copenhagen"]
+], cr = [
+  ["Laptop", "Hardware", 1299],
+  ["Monitor", "Hardware", 349],
+  ["Keyboard", "Accessories", 89],
+  ["Mouse", "Accessories", 39],
+  ["Docking Station", "Accessories", 219],
+  ["Office License", "Software", 129],
+  ["Cloud Credits", "Services", 500],
+  ["Support Plan", "Services", 990]
+];
+function lr(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 H(a, e = 42) {
+  const r = lr(e), n = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
+  for (let s = 0; s < a; s++) {
+    const [i, p] = n(ur), [d, l, o] = n(cr), T = 1 + Math.floor(r() * 20), Z = Math.round(o * (0.85 + r() * 0.3) * 100) / 100;
+    m[s] = { id: s + 1, country: i, city: p, product: d, category: l, quantity: T, price: Z, total: Math.round(T * Z * 100) / 100 };
+  }
+  return m;
+}
+const w = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], sortable: y };
+function de() {
+  return [
+    t.create({ property: "id", headerLabel: "Order", width: c, ...w }),
+    t.create({ property: "country", headerLabel: "Country", width: C, sortable: y }),
+    t.create({ property: "city", headerLabel: "City", width: C, sortable: y }),
+    t.create({ property: "product", headerLabel: "Product", width: W, sortable: y }),
+    t.create({ property: "category", headerLabel: "Category", width: C, sortable: y }),
+    t.create({ property: "quantity", headerLabel: "Qty", width: c, ...w }),
+    t.create({ property: "price", headerLabel: "Ø Price", width: oe, ...w }),
+    t.create({ property: "total", headerLabel: "Total", width: C, ...w })
+  ];
+}
+function Ir(a = 5e4, e = ["country", "city"], r = 1) {
+  const n = new L("row", "multi"), m = {
+    ...new N(),
+    hoverColumnVisible: !1,
+    getSelectionModel: () => n
+  }, s = Te.createTableModel({
+    rows: H(a),
+    columnDefs: de(),
+    groupBy: e,
+    aggregations: { quantity: "sum", price: "avg", total: "sum" },
+    expanded: r,
+    tableOptions: m
+  });
+  return new S(s, m);
+}
+const gr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+class br {
+  render(e, r, n, m, s, i, p) {
+    if (typeof i == "number") {
+      const d = p.createElement("div");
+      p.addClass(d, "ge-table-label-div");
+      const l = p.createElement("div");
+      p.addClass(l, "ge-table-label"), p.appendChild(l, p.createText(gr.format(i))), p.appendChild(d, l), p.appendChild(e, d);
+    }
+  }
+}
+function Rr(a = 5e4) {
+  const e = new L("range", "multi"), r = {
+    ...new N(),
+    hoverColumnVisible: !1,
+    getSelectionModel: () => e
+  }, n = de(), m = new br();
+  for (const i of n)
+    (i.property === "price" || i.property === "total") && (i.rendererMap.body = m);
+  const s = g.createTableModel({
+    rows: H(a),
+    columnDefs: n,
+    footerAggregates: {
+      rows: [
+        {
+          label: (i) => `Sum · ${i.toLocaleString("en-US")} orders`,
+          aggregates: { quantity: "sum", total: "sum" }
+        },
+        { label: "Average", aggregates: { quantity: "avg", price: "avg", total: "avg" } },
+        { label: "Maximum", aggregates: { quantity: "max", price: "max", total: "max" } }
+      ],
+      labelProperty: "product"
+      // the widest text column holds the labels
+    },
+    tableOptions: r
+  });
+  return new S(s, r);
+}
+function Nr(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 fr(a, e = 42) {
+  const r = Nr(e + 1), n = Date.UTC(2024, 0, 1), m = 3 * 365 + 1;
+  return H(a, e).map((s) => ({
+    ...s,
+    date: new Date(n + Math.floor(r() * m) * 864e5).toISOString().slice(0, 10)
+  }));
+}
+const Tr = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, or = {
+  name: "quarter",
+  label: "Quarter",
+  value: (a) => Math.floor((Number(a.date.slice(5, 7)) - 1) / 3) + 1,
+  format: (a) => `Q${a}`
+};
+function Hr(a = 5e4, e = [Tr, or], r = 0) {
+  const n = new L("range", "multi"), m = {
+    ...new N(),
+    hoverColumnVisible: !1,
+    getSelectionModel: () => n
+  }, s = he.createTableModel({
+    rows: fr(a),
+    rowFields: [{ value: "country", label: "Country" }, { value: "city", label: "City" }],
+    columnFields: e,
+    values: [
+      { value: "total", label: "Revenue", format: (i) => i === void 0 ? "" : Math.round(i).toLocaleString("en-US") },
+      { value: "id", aggregator: "count", label: "Orders" }
+    ],
+    expanded: r,
+    valueColumnWidth: b,
+    groupColumn: { showCount: !1 },
+    tableOptions: m
+  });
+  return new S(s, m);
+}
+const hr = [
   {
     id: 0,
     preName: "Prename0",
@@ -383788,10 +383937,10 @@ const nr = [
     friends: []
   }
 ];
-function mr(a = !1) {
-  const r = new k("range", "multi");
-  return a && (r.addSelection(new S(0, 0, 0, 2)), r.addSelection(new S(2, 1, 2, 2)), r.addSelection(new S(1, 5, 6, 7)), r.addSelection(new S(0, 8, 0, 8)), r.addSelection(new S(5, 6, 10, 10))), {
-    ...new T(),
+function Sr(a = !1) {
+  const e = new L("range", "multi");
+  return a && (e.addSelection(new G(0, 0, 0, 2)), e.addSelection(new G(2, 1, 2, 2)), e.addSelection(new G(1, 5, 6, 7)), e.addSelection(new G(0, 8, 0, 8)), e.addSelection(new G(5, 6, 10, 10))), {
+    ...new N(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 50,
@@ -383799,102 +383948,110 @@ function mr(a = !1) {
       footer: 0
     },
     autoRestoreOptions: {
-      ...new oe(),
+      ...new ze(),
       getStorageKeyFn: () => "TreetablePeopleComponent",
       autoRestoreCollapsedExpandedState: !0,
       autoRestoreScrollPosition: !0,
       autoRestoreSortingState: !0
     },
-    externalFilterFunction: (e, n, m) => !0,
-    getSelectionModel: () => r
+    externalFilterFunction: (r, n, m) => !0,
+    getSelectionModel: () => e
   };
 }
-function sr() {
+function Cr() {
   return [
-    new t("lastName", "Last Name", Q),
-    new t("preName", "Pre Name", g),
+    new t("lastName", "Last Name", ne),
+    new t("preName", "Pre Name", b),
     t.create({
       property: "age",
       headerLabel: "Age",
-      width: ee,
-      bodyRenderer: new ge(),
-      editable: d,
+      width: me,
+      bodyRenderer: new Ce(),
+      editable: y,
       // editInputPipe: (value: any) => value ? Number(value) : ""
-      editInputPipe: le
+      editInputPipe: Se
     }),
     new t(
       "birth",
       "Birthday",
       c,
       void 0,
-      be.bodyRenderer(new v())
+      Le.bodyRenderer(new U())
     ),
     t.create({
       property: "gender",
       headerLabel: " ",
-      width: fe,
-      bodyRenderer: new F(),
-      editable: d,
-      getEditRenderer: () => new Ne([
-        new R("female", "♀"),
-        new R("male", "♂")
+      width: Pe,
+      bodyRenderer: new j(),
+      editable: y,
+      getEditRenderer: () => new Ge([
+        new O("female", "♀"),
+        new O("male", "♂")
       ])
     }),
-    new t("address.street", "Strasse", K),
-    new t("address.number", "Nr", Te),
-    new t("address.zip", "Zip", f),
-    new t("address.city", "City", g),
-    new t("address.country", "Country", g),
-    new t("id", "ID", f)
+    new t("address.street", "Strasse", J),
+    new t("address.number", "Nr", Ze),
+    new t("address.zip", "Zip", h),
+    new t("address.city", "City", b),
+    new t("address.country", "Country", b),
+    new t("id", "ID", h)
   ];
 }
-function Cr(a = !1) {
-  const r = mr(a), e = sr();
-  for (const s of e)
-    s.sortable = d, s.editable = d;
-  e[0].editable = U;
-  const n = E.buildTreeRows(nr, "friends"), m = l.createTableModel({
+function Or(a = !1) {
+  const e = Sr(a), r = Cr();
+  for (const s of r)
+    s.sortable = y, s.editable = y;
+  r[0].editable = A;
+  const n = Y.buildTreeRows(hr, "friends"), m = g.createTableModel({
     rows: n,
-    columnDefs: e,
-    tableOptions: r,
+    columnDefs: r,
+    tableOptions: e,
     fixedLeftColumnCount: 1,
     fixedRightColumnCount: 1
   });
-  return new L(
+  return new S(
     m,
-    r
+    e
   );
 }
 export {
-  fr as COL_IDX_UPDATED_AT,
-  he as ChangePercentageRenderer,
-  Ge as CirculatingSupplyRenderer,
-  Pe as CoinIconRenderer,
-  Qe as LargeBodyModel,
-  Ce as NameAndSymbolRenderer,
-  Se as UsdRenderer,
-  Le as Volumn24hRenderer,
-  Nr as applyBodyRenderer,
-  He as createColumnDefs,
-  dr as createCryptoModelAndOptions,
-  lr as createHeadergroupModel,
-  ur as createHeatMapModel,
-  cr as createHeatMapSeattleModel,
-  hr as createLargeModelAndOptions,
-  Sr as createManyTypesModelAndOptions,
-  or as createOrderModelAndOptions,
-  br as createSimplePersonModel,
-  Ve as createTableOptions,
-  Ie as createTableRows,
-  gr as createTeamHeadergroupModel,
-  Tr as createTimeTableModel,
-  sr as createTreePeopleColumnDefs,
-  Cr as createTreePeopleModelAndOptions,
-  mr as createTreePeopleTableOptions,
-  Ze as cryptoData,
-  Oe as data,
-  yr as generateSimpleModel,
-  pr as generateTreeCheckboxModel,
-  $e as tableOptions,
-  Re as teamHeaderGroups
+  Ur as COL_IDX_UPDATED_AT,
+  we as ChangePercentageRenderer,
+  De as CirculatingSupplyRenderer,
+  Ue as CoinIconRenderer,
+  sr as LargeBodyModel,
+  ke as NameAndSymbolRenderer,
+  ve as UsdRenderer,
+  xe as Volumn24hRenderer,
+  Dr as applyBodyRenderer,
+  Rr as createAggregationModelAndOptions,
+  We as createColumnDefs,
+  Gr as createCryptoModelAndOptions,
+  vr as createHeadergroupModel,
+  zr as createHeatMapModel,
+  wr as createHeatMapSeattleModel,
+  Ar as createLargeModelAndOptions,
+  Mr as createManyTypesModelAndOptions,
+  Br as createOrderModelAndOptions,
+  Hr as createPivotModelAndOptions,
+  Ir as createRowGroupModelAndOptions,
+  de as createSalesOrderColumnDefs,
+  xr as createSimplePersonModel,
+  je as createTableOptions,
+  Ke as createTableRows,
+  kr as createTeamHeadergroupModel,
+  qr as createTimeTableModel,
+  Cr as createTreePeopleColumnDefs,
+  Or as createTreePeopleModelAndOptions,
+  Sr as createTreePeopleTableOptions,
+  qe as cryptoData,
+  Ye as data,
+  fr as generatePivotOrders,
+  H as generateSalesOrders,
+  Pr as generateSimpleModel,
+  Zr as generateTreeCheckboxModel,
+  or as pivotQuarter,
+  Tr as pivotYear,
+  Xe as tableOptions,
+  _e as teamHeaderGroups
 };