@guiexpert/demo-table-models 1.1.96 → 1.1.97

package/index.js

@@ -1,81 +1,81 @@
-import { ColumnDef as t, px60 as L, px120 as g, px100 as u, px160 as _, px200 as k, px140 as P, TableOptions as N, TableModelAndOptions as f, TableFactory as b, Size as c, AreaObjectMap as v, DateToIntlDDMMYYYYCellRenderer as R, MaleFemaleToIconCellRenderer as ne, TreeFactory as me, DefaultRowHeights as oe, AreaModelArrayOfArrays as M, AreaModel as K, ColorRgb as H, ThreeColorGradientArg as he, GeCssColorUtil as Se, CellgroupFactory as A, AreaModelCellGroups as se, AreaModelObjectArrayWithColumndefs as W, px300 as ie, px150 as de, px250 as Ce, TrueFalseCellRenderer as ye, DateToTecCellRenderer as Le, SelectionModel as C, TrueFn as y, CheckboxBooleanPropertyCellRenderer as pe, px90 as Z, ProgressBarCellRenderer as ue, StarRatingCellRenderer as ce, NumberCellProgressBarCellRenderer as Pe, RowNumberColumnDef as Ge, FalseFn as F, px220 as le, PositiveAndNegativeNumberRenderer as Ze, px80 as ge, RowGroupFactory as ze, px110 as $, PivotFactory as we, px130 as ve, editInputPipeForNumber as G, FocusModel as be, NumberCellRenderer as ke, Renderer as De, SelectCellRenderer as xe, px50 as Ue, ValueLabel as Y, px70 as qe, CellRange as z, AutoRestoreOptions as Be } from "@guiexpert/table";
-class Me {
-  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"));
+import { ColumnDef as t, px60 as L, px120 as g, px100 as u, px160 as R, px200 as Z, px140 as P, TableOptions as N, TableModelAndOptions as T, TableFactory as b, Size as c, AreaObjectMap as k, DateToIntlDDMMYYYYCellRenderer as O, MaleFemaleToIconCellRenderer as ye, TreeFactory as pe, DefaultRowHeights as Le, AreaModelArrayOfArrays as B, AreaModel as K, ColorRgb as V, ThreeColorGradientArg as Pe, GeCssColorUtil as Ge, CellgroupFactory as A, AreaModelCellGroups as ue, AreaModelObjectArrayWithColumndefs as W, px300 as ce, px150 as le, px250 as Ze, TrueFalseCellRenderer as ge, DateToTecCellRenderer as ze, SelectionModel as S, TrueFn as y, CheckboxBooleanPropertyCellRenderer as be, px90 as z, ProgressBarCellRenderer as Ne, StarRatingCellRenderer as fe, NumberCellProgressBarCellRenderer as we, RowNumberColumnDef as ve, FalseFn as F, px220 as Te, PositiveAndNegativeNumberRenderer as ke, px80 as oe, RowGroupFactory as De, px110 as E, PivotFactory as xe, px130 as Ue, editInputPipeForNumber as G, FocusModel as Y, NumberCellRenderer as qe, Renderer as Me, SelectCellRenderer as Be, px50 as Ae, ValueLabel as j, px70 as Ie, CellRange as w, AutoRestoreOptions as Re } from "@guiexpert/table";
+class Oe {
+  render(e, r, n, m, s, d, p) {
+    if (d) {
+      const i = Number(d);
+      i < 0 ? (e.innerHTML = "▾ " + i.toFixed(2) + "%", p.addClass(e, "ge-positive-text-color")) : (e.innerHTML = "▴ " + i.toFixed(2) + "%", p.addClass(e, "ge-negative-text-color"));
     }
   }
 }
-class Ae {
+class He {
   constructor() {
     this.formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
   }
-  render(e, r, n, m, s, i, p) {
-    if (i) {
-      const d = Number(i);
-      e.innerText = this.formatter.format(d);
+  render(e, r, n, m, s, d, p) {
+    if (d) {
+      const i = Number(d);
+      e.innerText = this.formatter.format(i);
     }
   }
 }
-class Ie {
-  render(e, r, n, m, s, i, p) {
-    const d = s.getRowByIndex(r);
-    if (d) {
-      const l = d.name ?? d.symbol;
+class Ve {
+  render(e, r, n, m, s, d, p) {
+    const i = s.getRowByIndex(r);
+    if (i) {
+      const l = i.name ?? i.symbol;
       e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
         ${l}<br>
-        ${d.symbol}
+        ${i.symbol}
       </div>
       `;
     }
   }
 }
-class Re {
+class $e {
   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, p) {
-    const d = s.getRowByIndex(r);
-    if (d) {
-      const l = this.formatterUsd.format(d.volUsd), T = this.formatter.format(d.volBtc);
+  render(e, r, n, m, s, d, p) {
+    const i = s.getRowByIndex(r);
+    if (i) {
+      const l = this.formatterUsd.format(i.volUsd), f = this.formatter.format(i.volBtc);
       e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
         ${l}<br>
-        ${T} BTC
+        ${f} BTC
       </div>
       `;
     }
   }
 }
-class Oe {
+class Fe {
   constructor(e = 120) {
     this.maxWidth = e, this.formatter = new Intl.NumberFormat("en-US");
   }
-  render(e, r, n, m, s, i, p) {
-    const d = s.getRowByIndex(r);
-    if (d) {
-      const l = this.formatter.format(d.circulatingSupply), T = d.maxSupply, S = [];
-      if (S.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), S.push(l), S.push("<br>"), T) {
-        const D = this.maxWidth * d.circulatingSupply / T;
-        S.push(`
+  render(e, r, n, m, s, d, p) {
+    const i = s.getRowByIndex(r);
+    if (i) {
+      const l = this.formatter.format(i.circulatingSupply), f = i.maxSupply, C = [];
+      if (C.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), C.push(l), C.push("<br>"), f) {
+        const D = this.maxWidth * i.circulatingSupply / f;
+        C.push(`
           <div style="width: ${this.maxWidth}px;height: 5px;background-color: #eee;margin:10px 0 0 10px">
             <div style="width: ${D}px;height: 5px;background-color: #ccc;"></div>
           </div>
         `);
       }
-      S.push("</div>"), e.innerHTML = S.join("");
+      C.push("</div>"), e.innerHTML = C.join("");
     }
   }
 }
-class He {
-  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;">`);
+class Ee {
+  render(e, r, n, m, s, d, p) {
+    const i = s.getRowByIndex(r);
+    i != null && i.id && (e.innerHTML = `<img src="https://s2.coinmarketcap.com/static/img/coins/64x64/${i.id}.png" style="width:30px;height: 30px;margin: 10px 10px 0 20px;">`);
   }
 }
-const Ve = [
+const _e = [
   {
     id: 1,
     name: "Bitcoin",
@@ -2810,14 +2810,14 @@ const Ve = [
     change90d: 12.43943602
   }
 ];
-function Ir() {
-  const a = Ve, e = new Me(), r = new Ae(), n = new Ie(), m = new Re(), s = new Oe(120), i = new He(), p = [
+function Fr() {
+  const a = _e, e = new Oe(), r = new He(), n = new Ve(), m = new $e(), s = new Fe(120), d = new Ee(), p = [
     t.create({
       property: "symbol",
       headerLabel: "",
       width: L,
       bodyClasses: ["ge-table-text-align-left"],
-      bodyRenderer: i
+      bodyRenderer: d
     }),
     t.create({
       property: "symbol",
@@ -2840,14 +2840,14 @@ function Ir() {
     t.create({
       property: "marketCapUsd",
       headerLabel: "Market Cap",
-      width: _,
+      width: R,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: r
     }),
     t.create({
       headerLabel: "Volumne (24h)",
-      width: k,
+      width: Z,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: m
@@ -2862,7 +2862,7 @@ function Ir() {
     })
   ];
   p.forEach((l) => l.sortable = () => !0);
-  const d = {
+  const i = {
     ...new N(),
     hoverColumnVisible: !1,
     verticalBorderVisible: !1,
@@ -2872,22 +2872,22 @@ function Ir() {
       footer: 0
     }
   };
-  return new f(
+  return new T(
     b.createTableModel({
       rows: a,
       columnDefs: p,
-      tableOptions: d
+      tableOptions: i
     }),
-    d
+    i
   );
 }
-function Rr(a = 1e3, e = 1e3) {
+function Er(a = 1e3, e = 1e3) {
   const r = Array.from(Array(a).keys()).map(
-    (s) => Array.from(Array(e).keys()).map((i) => `${s}/${i}`)
+    (s) => Array.from(Array(e).keys()).map((d) => `${s}/${d}`)
   ), n = Array.from(Array(2).keys()).map(
-    (s) => Array.from(Array(e).keys()).map((i) => `H${s}/${i}`)
+    (s) => Array.from(Array(e).keys()).map((d) => `H${s}/${d}`)
   ), m = Array.from(Array(2).keys()).map(
-    (s) => Array.from(Array(e).keys()).map((i) => `F${s}/${i}`)
+    (s) => Array.from(Array(e).keys()).map((d) => `F${s}/${d}`)
   );
   return b.createTableModel({
     headerData: n,
@@ -2898,7 +2898,7 @@ function Rr(a = 1e3, e = 1e3) {
     fixedRightColumnCount: 2
   });
 }
-const Fe = [
+const Ke = [
   {
     id: 0,
     preName: "Prename0",
@@ -164772,7 +164772,7 @@ const Fe = [
     friends: []
   }
 ];
-function Or() {
+function _r() {
   const a = {
     ...new N(),
     hoverColumnVisible: !1,
@@ -164787,14 +164787,14 @@ function Or() {
     // new CheckboxColumn(), //  <--- not needed, because we have 'showCheckboxWihoutExtraColumn:true'
     new t("lastName", "Last Name", new c(250, "px")),
     new t("preName", "Pre Name", new c(120, "px")),
-    new t("birth", "Birthday", new c(100, "px"), new v(), new v(void 0, new R(), void 0), void 0, void 0),
-    new t("gender", " ", new c(50, "px"), new v(), new v(void 0, new ne(), void 0), void 0, void 0),
+    new t("birth", "Birthday", new c(100, "px"), new k(), new k(void 0, new O(), void 0), void 0, void 0),
+    new t("gender", " ", new c(50, "px"), new k(), new k(void 0, new ye(), void 0), void 0, void 0),
     new t("address.street", "Strasse", new c(150, "px")),
     new t("address.number", "Nr", new c(70, "px")),
     new t("address.zip", "Zip", new c(60, "px")),
     new t("address.city", "City", new c(120, "px")),
     new t("id", "ID", new c(60, "px"))
-  ], r = me.buildTreeRows(Fe, "friends");
+  ], r = pe.buildTreeRows(Ke, "friends");
   return b.createTableModel({
     rows: r,
     columnDefs: e,
@@ -164803,7 +164803,7 @@ function Or() {
     fixedRightColumnCount: 0
   });
 }
-const j = new oe(34, 50, 0), X = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), $e = `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 X = new Le(34, 50, 0), J = "_ 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
 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,27 +164814,27 @@ const j = new oe(34, 50, 0), X = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov
 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))
-), Ee = 27.9, _e = 77.4;
-class J {
+), Ye = 27.9, je = 77.4;
+class Q {
   constructor(e, r, n) {
     this.r = e, this.g = r, this.b = n;
   }
 }
-function Ke(a, e, r, n, m) {
+function Xe(a, e, r, n, m) {
   return (a - e) / (r - e) * (m - n) + n;
 }
-function We(a, e, r) {
-  var n = new J(255, 0, 0), m = new J(0, 0, 255), s = Ke(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 Je(a, e, r) {
+  var n = new Q(255, 0, 0), m = new Q(0, 0, 255), s = Xe(r, a, e, 0, 1), d = m.r - n.r, p = m.g - n.g, i = m.b - n.b;
+  return d = d * s + n.r, p = p * s + n.g, i = i * s + n.b, `rgb(${Math.round(d)}, ${Math.round(p)}, ${Math.round(i)})`;
 }
-function Hr() {
-  const a = new M("body", $e, j.body), e = new Array(X.length).fill(50), r = new M("header", [X], j.header);
+function Kr() {
+  const a = new B("body", We, X.body), e = new Array(J.length).fill(50), r = new B("header", [J], X.header);
   return a.getCustomStyleAt = (n, m) => {
     let s = {};
     if (m > 0) {
-      const i = a.getValueAt(n, m);
+      const d = a.getValueAt(n, m);
       s = {
-        background: We(Ee, _e, i),
+        background: Je(Ye, je, d),
         color: "#fff"
       };
     }
@@ -164845,7 +164845,7 @@ function Hr() {
     columnSizes: e
   });
 }
-function Ye() {
+function Qe() {
   return [
     {
       date: "2010-01-01T01:00:00",
@@ -217403,12 +217403,12 @@ function Ye() {
     }
   ];
 }
-const Ne = 30, je = 3, fe = Ye(), h = {};
-fe.forEach((a) => {
+const he = 30, er = 3, Se = Qe(), h = {};
+Se.forEach((a) => {
   const [e, r] = a.date.split("T");
   h[e] || (h[e] = {}), h[e][r.substring(0, 5)] = a;
 });
-const E = Object.keys(h), x = [
+const _ = Object.keys(h), x = [
   "06:00",
   "07:00",
   "08:00",
@@ -217434,15 +217434,15 @@ const E = Object.keys(h), x = [
   "04:00",
   "05:00"
 ];
-function Xe() {
+function rr() {
   let a = 10, e = 0;
-  return fe.forEach((r) => {
+  return Se.forEach((r) => {
     a = Math.min(a, r.temperature), e = Math.max(e, r.temperature);
   }), [a, e];
 }
-const [Q, ee] = Xe();
-function Vr() {
-  const a = new Je(), e = new Qe(), r = [60, ...new Array(E.length).fill(je)];
+const [ee, re] = rr();
+function Wr() {
+  const a = new ar(), e = new tr(), r = [60, ...new Array(_.length).fill(er)];
   return b.createTableModel({
     bodyAreaModel: a,
     footerAreaModel: e,
@@ -217450,12 +217450,12 @@ function Vr() {
     fixedLeftColumnCount: 1
   });
 }
-class Je extends K {
+class ar extends K {
   getRowCount() {
     return x.length;
   }
   getRowHeight(e) {
-    return Ne;
+    return he;
   }
   getValueAt(e, r) {
     return r === 0 ? x[e] : "";
@@ -217464,29 +217464,29 @@ class Je extends K {
     if (r === 0)
       return "";
     r--;
-    const n = E[r], m = x[e];
+    const n = _[r], m = x[e];
     return h[n] && h[n][m] ? `${n} ${m} → ${h[n][m].temperature}` : "";
   }
   getCustomStyleAt(e, r) {
     if (r === 0)
       return;
     r--;
-    const n = E[r], m = x[e];
+    const n = _[r], m = x[e];
     if (!h[n] || !h[n][m]) return;
-    const s = h[n][m].temperature, i = new H(67, 1, 84), p = new H(31, 144, 141), d = new H(250, 230, 37), l = (ee + Q) / 2, T = new he(Q, i, l, p, ee, d);
+    const s = h[n][m].temperature, d = new V(67, 1, 84), p = new V(31, 144, 141), i = new V(250, 230, 37), l = (re + ee) / 2, f = new Pe(ee, d, l, p, re, i);
     return {
-      background: Se.getThreeColorGradientRGB(s, T),
+      background: Ge.getThreeColorGradientRGB(s, f),
       color: "transparent"
       // we only want to show the bg color
     };
   }
 }
-class Qe extends K {
+class tr extends K {
   getRowCount() {
     return 1;
   }
   getRowHeight(e) {
-    return Ne;
+    return he;
   }
   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 Qe extends K {
     };
   }
 }
-const V = [
+const $ = [
   {
     data: "Gold",
     toggle: !0,
@@ -217590,9 +217590,9 @@ const V = [
     ]
   }
 ];
-function Fr() {
-  const e = A.buildGroupExts(V), r = A.buildColumnDefs(e), n = new se("header", V, r, 34);
-  console.info("headerGroups", V), console.info("columnDefs", r.map((i) => i.property));
+function Yr() {
+  const e = A.buildGroupExts($), r = A.buildColumnDefs(e), n = new ue("header", $, r, 34);
+  console.info("headerGroups", $), console.info("columnDefs", r.map((d) => d.property));
   const m = [
     {
       GOLD: 146,
@@ -217617,7 +217617,7 @@ function Fr() {
     columnDefs: r
   });
 }
-const er = [
+const nr = [
   {
     data: "Team A",
     toggle: !0,
@@ -217638,8 +217638,8 @@ const er = [
     ]
   }
 ];
-function $r(a = er) {
-  const r = A.buildGroupExts(a), n = A.buildColumnDefs(r), m = new se("header", a, n, 34);
+function jr(a = nr) {
+  const r = A.buildGroupExts(a), n = A.buildColumnDefs(r), m = new ue("header", a, n, 34);
   console.info("headerGroups", a), console.info("columnDefs", n.map((p) => p.property)), console.info("columnDefs", n);
   const s = [
     {
@@ -217648,14 +217648,14 @@ function $r(a = er) {
       peter: 5,
       paul: 4
     }
-  ], i = new W("body", s, n, 34);
+  ], d = new W("body", s, n, 34);
   return b.createTableModel({
     headerAreaModel: m,
-    bodyAreaModel: i,
+    bodyAreaModel: d,
     columnDefs: n
   });
 }
-function rr() {
+function mr() {
   return [
     {
       id: 1,
@@ -217835,7 +217835,7 @@ function rr() {
     }
   ];
 }
-function ar() {
+function sr() {
   return [
     new t("firstName", "First Name", g),
     new t("lastName", "Last Name"),
@@ -217848,20 +217848,20 @@ function ar() {
     t.create({
       property: "email",
       headerLabel: "Email",
-      width: ie,
+      width: ce,
       bodyClasses: ["ge-table-text-align-left"]
     }),
-    new t("ipAddress", "IP", de),
+    new t("ipAddress", "IP", le),
     t.create({
       property: "id",
       headerLabel: "ID",
-      width: Ce,
+      width: Ze,
       // bodyRenderer: actionRenderer,
       bodyClasses: ["ge-table-text-align-left"]
     })
   ];
 }
-function tr() {
+function ir() {
   return {
     ...new N(),
     hoverColumnVisible: !1,
@@ -217872,8 +217872,8 @@ function tr() {
     }
   };
 }
-function Er() {
-  const a = tr(), e = rr(), r = ar();
+function Xr() {
+  const a = ir(), e = mr(), r = sr();
   return b.createTableModel({
     rows: e,
     columnDefs: r,
@@ -217881,10 +217881,10 @@ function Er() {
     fixedLeftColumnCount: 0
   });
 }
-function _r(a, e) {
-  a.rendererMap = new v(void 0, e, void 0);
+function Jr(a, e) {
+  a.rendererMap = new k(void 0, e, void 0);
 }
-const nr = [
+const dr = [
   {
     id: 1,
     city: "London",
@@ -218040,7 +218040,7 @@ const nr = [
     property: "team.active",
     headerLabel: "Active",
     width: new c(60, "px"),
-    bodyRenderer: new ye()
+    bodyRenderer: new ge()
   }),
   new t("data.0", "00", new c(60, "px")),
   new t("data.1", "15", new c(60, "px")),
@@ -218058,9 +218058,9 @@ const nr = [
     property: "updatedAt",
     headerLabel: "Updated at",
     width: new c(175, "px"),
-    bodyRenderer: new Le()
+    bodyRenderer: new ze()
   })
-], Kr = I.length - 1, mr = {
+], Qr = I.length - 1, yr = {
   ...new N(),
   hoverRowVisible: !1,
   hoverColumnVisible: !1,
@@ -218072,12 +218072,12 @@ const nr = [
   columnsDraggable: !1,
   columnsResizable: !0
 };
-function Wr() {
-  const a = mr.defaultRowHeights;
+function ea() {
+  const a = yr.defaultRowHeights;
   return b.createTableModel({
-    headerAreaModel: new ir(a.header),
-    bodyAreaModel: new sr(a.body),
-    footerAreaModel: new dr(a.footer),
+    headerAreaModel: new ur(a.header),
+    bodyAreaModel: new pr(a.body),
+    footerAreaModel: new cr(a.footer),
     columnDefs: I,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 1,
@@ -218085,9 +218085,9 @@ function Wr() {
     columnCount: I.length
   });
 }
-class sr extends W {
+class pr extends W {
   constructor(e) {
-    super("body", nr, I, e);
+    super("body", dr, I, e);
   }
   getRowspanAt(e, r) {
     if (r === 0 || r == 1) {
@@ -218104,7 +218104,7 @@ class sr extends W {
     return m;
   }
 }
-class ir extends M {
+class ur extends B {
   constructor(e) {
     super(
       "header",
@@ -218131,7 +218131,7 @@ class ir extends M {
     return ["ge-font-weight-bold"];
   }
 }
-class dr extends M {
+class cr extends B {
   constructor(e) {
     super(
       "footer",
@@ -218146,7 +218146,7 @@ class dr extends M {
     return r === 2 ? ["ge-text-align-right", "ge-font-weight-bold"] : [];
   }
 }
-const yr = [
+const lr = [
   {
     id: "c8-34f1d5",
     company: "Equicom",
@@ -220084,10 +220084,10 @@ const yr = [
     rating: 5
   }
 ];
-function pr() {
-  return yr;
+function gr() {
+  return lr;
 }
-function ur() {
+function br() {
   return [
     t.create({
       property: "company",
@@ -220117,7 +220117,7 @@ function ur() {
       property: "sellDate",
       headerLabel: "Sell date",
       width: u,
-      bodyRenderer: new R(),
+      bodyRenderer: new O(),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y
     }),
@@ -220131,8 +220131,8 @@ function ur() {
     t.create({
       property: "inStock",
       headerLabel: "In stock",
-      width: Z,
-      bodyRenderer: new pe("inStock", !0, !0),
+      width: z,
+      bodyRenderer: new be("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y
     }),
@@ -220148,7 +220148,7 @@ function ur() {
       property: "progress",
       headerLabel: "Progress",
       width: u,
-      bodyRenderer: new ue("progress", 5, !0),
+      bodyRenderer: new Ne("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
@@ -220156,14 +220156,14 @@ function ur() {
       property: "rating",
       headerLabel: "Rating",
       width: u,
-      bodyRenderer: new ce("rating"),
+      bodyRenderer: new fe("rating"),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     })
   ];
 }
-function cr() {
-  const a = new C("row", "multi");
+function Nr() {
+  const a = new S("row", "multi");
   return {
     ...new N(),
     hoverColumnVisible: !1,
@@ -220175,9 +220175,9 @@ function cr() {
     getSelectionModel: () => a
   };
 }
-function Yr() {
-  const a = cr(), e = pr(), r = ur();
-  return new f(
+function ra() {
+  const a = Nr(), e = gr(), r = br();
+  return new T(
     b.createTableModel({
       rows: e,
       columnDefs: r,
@@ -220187,7 +220187,7 @@ function Yr() {
     a
   );
 }
-function re() {
+function ae() {
   return [
     t.create({
       headerLabel: "ID",
@@ -220198,21 +220198,21 @@ function re() {
     }),
     t.create({
       headerLabel: "Value",
-      width: k,
+      width: Z,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: F
     }),
     t.create({
       headerLabel: " ",
-      width: k,
+      width: Z,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     })
   ];
 }
-function lr() {
-  const a = new C();
+function fr() {
+  const a = new S();
   return {
     ...new N(),
     hoverColumnVisible: !1,
@@ -220224,22 +220224,22 @@ function lr() {
     getSelectionModel: () => a
   };
 }
-function jr(a = 1e6, e = !1) {
-  const r = lr(), n = e ? [new Ge({ format: (i) => i.toLocaleString("en-US") }), ...re()] : re(), m = e ? 1 : 0, s = new gr(a, m);
-  return new f(b.createTableModel({
+function aa(a = 1e6, e = !1) {
+  const r = fr(), n = e ? [new ve({ format: (d) => d.toLocaleString("en-US") }), ...ae()] : ae(), m = e ? 1 : 0, s = new Tr(a, m);
+  return new T(b.createTableModel({
     bodyAreaModel: s,
     columnDefs: n,
     tableOptions: r,
     fixedLeftColumnCount: m
   }), r);
 }
-class gr extends K {
+class Tr extends K {
   /**
    * @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 Pe(e, !1);
+    super(), this.rowcount = e, this.columnOffset = r, this.nf = new Intl.NumberFormat("en-Us", {}), this.barRenderer = new we(e, !1);
   }
   getRowCount() {
     return this.rowcount;
@@ -220261,7 +220261,7 @@ class gr extends K {
     return e * this.getRowHeight(0);
   }
 }
-const br = [
+const or = [
   {
     id: "f0-bfbecb",
     company: "Medmex",
@@ -221733,10 +221733,10 @@ const br = [
     f2: 28.55122067
   }
 ];
-function Nr(a = 75) {
-  return br.slice(0, a - 1);
+function hr(a = 75) {
+  return or.slice(0, a - 1);
 }
-function fr(a) {
+function Sr(a) {
   return [
     t.create({
       property: "company",
@@ -221777,7 +221777,7 @@ function fr(a) {
       property: "sellDate",
       headerLabel: "Sell date",
       width: u,
-      bodyRenderer: new R(),
+      bodyRenderer: new O(),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221785,7 +221785,7 @@ function fr(a) {
     t.create({
       property: "lastVisit",
       headerLabel: "Last Visit",
-      width: le,
+      width: Te,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221808,8 +221808,8 @@ function fr(a) {
     t.create({
       property: "inStock",
       headerLabel: "In stock",
-      width: Z,
-      bodyRenderer: new pe("inStock", !0, !0),
+      width: z,
+      bodyRenderer: new be("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221827,7 +221827,7 @@ function fr(a) {
       property: "progress",
       headerLabel: "Progress",
       width: u,
-      bodyRenderer: new ue("progress", 5, !0),
+      bodyRenderer: new Ne("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
@@ -221835,7 +221835,7 @@ function fr(a) {
       property: "rating",
       headerLabel: "Rating",
       width: u,
-      bodyRenderer: new ce("rating"),
+      bodyRenderer: new fe("rating"),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
@@ -221851,7 +221851,7 @@ function fr(a) {
       property: "active",
       headerLabel: "Active",
       width: L,
-      bodyRenderer: new ye(),
+      bodyRenderer: new ge(),
       sortable: y,
       editable: () => a
     }),
@@ -221873,9 +221873,9 @@ function fr(a) {
     t.create({
       property: "f1",
       headerLabel: "F1",
-      width: ge,
+      width: oe,
       bodyClasses: ["ge-table-text-align-right"],
-      bodyRenderer: new Ze(),
+      bodyRenderer: new ke(),
       sortable: y,
       editable: () => a
     }),
@@ -221890,14 +221890,14 @@ function fr(a) {
     t.create({
       property: "lorem",
       headerLabel: "Lorem",
-      width: k,
+      width: Z,
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y,
       editable: () => a
     })
   ];
 }
-function Tr(a) {
+function Cr(a) {
   return {
     ...new N(),
     hoverColumnVisible: !1,
@@ -221909,17 +221909,17 @@ function Tr(a) {
     getSelectionModel: () => a
   };
 }
-function Xr(a = new C("row", "multi"), e = 75, r = !1) {
-  const n = Tr(a);
+function ta(a = new S("row", "multi"), e = 75, r = !1) {
+  const n = Cr(a);
   e = Math.max(10, Math.min(75, e));
-  const m = Nr(e), s = fr(r);
-  return new f(b.createTableModel({
+  const m = hr(e), s = Sr(r);
+  return new T(b.createTableModel({
     rows: m,
     columnDefs: s,
     tableOptions: n
   }), n);
 }
-const or = [
+const Lr = [
   ["Germany", "Hamburg"],
   ["Germany", "Berlin"],
   ["Germany", "Munich"],
@@ -221932,7 +221932,7 @@ const or = [
   ["Spain", "Madrid"],
   ["Poland", "Warsaw"],
   ["Denmark", "Copenhagen"]
-], hr = [
+], Pr = [
   ["Laptop", "Hardware", 1299],
   ["Monitor", "Hardware", 349],
   ["Keyboard", "Accessories", 89],
@@ -221942,75 +221942,75 @@ const or = [
   ["Cloud Credits", "Services", 500],
   ["Support Plan", "Services", 990]
 ];
-function Sr(a) {
+function Gr(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 O(a, e = 42) {
-  const r = Sr(e), n = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
+function H(a, e = 42) {
+  const r = Gr(e), n = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
   for (let s = 0; s < a; s++) {
-    const [i, p] = n(or), [d, l, T] = n(hr), S = 1 + Math.floor(r() * 20), D = Math.round(T * (0.85 + r() * 0.3) * 100) / 100;
-    m[s] = { id: s + 1, country: i, city: p, product: d, category: l, quantity: S, price: D, total: Math.round(S * D * 100) / 100 };
+    const [d, p] = n(Lr), [i, l, f] = n(Pr), C = 1 + Math.floor(r() * 20), D = Math.round(f * (0.85 + r() * 0.3) * 100) / 100;
+    m[s] = { id: s + 1, country: d, city: p, product: i, category: l, quantity: C, price: D, total: Math.round(C * D * 100) / 100 };
   }
   return m;
 }
 const U = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], sortable: y };
-function Te() {
+function Ce() {
   return [
     t.create({ property: "id", headerLabel: "Order", width: u, ...U }),
     t.create({ property: "country", headerLabel: "Country", width: P, sortable: y }),
     t.create({ property: "city", headerLabel: "City", width: P, sortable: y }),
-    t.create({ property: "product", headerLabel: "Product", width: _, sortable: y }),
+    t.create({ property: "product", headerLabel: "Product", width: R, sortable: y }),
     t.create({ property: "category", headerLabel: "Category", width: P, sortable: y }),
     t.create({ property: "quantity", headerLabel: "Qty", width: u, ...U }),
-    t.create({ property: "price", headerLabel: "Ø Price", width: $, ...U }),
+    t.create({ property: "price", headerLabel: "Ø Price", width: E, ...U }),
     t.create({ property: "total", headerLabel: "Total", width: P, ...U })
   ];
 }
-function Jr(a = 5e4, e = ["country", "city"], r = 1) {
-  const n = new C("row", "multi"), m = {
+function na(a = 5e4, e = ["country", "city"], r = 1) {
+  const n = new S("row", "multi"), m = {
     ...new N(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n
-  }, s = ze.createTableModel({
-    rows: O(a),
-    columnDefs: Te(),
+  }, s = De.createTableModel({
+    rows: H(a),
+    columnDefs: Ce(),
     groupBy: e,
     aggregations: { quantity: "sum", price: "avg", total: "sum" },
     expanded: r,
     tableOptions: m
   });
-  return new f(s, m);
+  return new T(s, m);
 }
-const Cr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-class Lr {
-  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 Zr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+class zr {
+  render(e, r, n, m, s, d, p) {
+    if (typeof d == "number") {
+      const i = p.createElement("div");
+      p.addClass(i, "ge-table-label-div");
       const l = p.createElement("div");
-      p.addClass(l, "ge-table-label"), p.appendChild(l, p.createText(Cr.format(i))), p.appendChild(d, l), p.appendChild(e, d);
+      p.addClass(l, "ge-table-label"), p.appendChild(l, p.createText(Zr.format(d))), p.appendChild(i, l), p.appendChild(e, i);
     }
   }
 }
-function Qr(a = 5e4) {
-  const e = new C("range", "multi"), r = {
+function ma(a = 5e4) {
+  const e = new S("range", "multi"), r = {
     ...new N(),
     hoverColumnVisible: !1,
     getSelectionModel: () => e
-  }, n = Te(), m = new Lr();
-  for (const i of n)
-    (i.property === "price" || i.property === "total") && (i.rendererMap.body = m);
+  }, n = Ce(), m = new zr();
+  for (const d of n)
+    (d.property === "price" || d.property === "total") && (d.rendererMap.body = m);
   const s = b.createTableModel({
-    rows: O(a),
+    rows: H(a),
     columnDefs: n,
     footerAggregates: {
       rows: [
         {
-          label: (i) => `Sum · ${i.toLocaleString("en-US")} orders`,
+          label: (d) => `Sum · ${d.toLocaleString("en-US")} orders`,
           aggregates: { quantity: "sum", total: "sum" }
         },
         { label: "Average", aggregates: { quantity: "avg", price: "avg", total: "avg" } },
@@ -222021,39 +222021,39 @@ function Qr(a = 5e4) {
     },
     tableOptions: r
   });
-  return new f(s, r);
+  return new T(s, r);
 }
-function Pr(a) {
+function wr(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 Gr(a, e = 42) {
-  const r = Pr(e + 1), n = Date.UTC(2024, 0, 1), m = 3 * 365 + 1;
-  return O(a, e).map((s) => ({
+function vr(a, e = 42) {
+  const r = wr(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 Zr = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, zr = {
+const kr = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, Dr = {
   name: "quarter",
   label: "Quarter",
   value: (a) => Math.floor((Number(a.date.slice(5, 7)) - 1) / 3) + 1,
   format: (a) => `Q${a}`
 };
-function ea(a = 5e4, e = [Zr, zr], r = 0) {
-  const n = new C("range", "multi"), m = {
+function sa(a = 5e4, e = [kr, Dr], r = 0) {
+  const n = new S("range", "multi"), m = {
     ...new N(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n
-  }, s = we.createTableModel({
-    rows: Gr(a),
+  }, s = xe.createTableModel({
+    rows: vr(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: "total", label: "Revenue", format: (d) => d === void 0 ? "" : Math.round(d).toLocaleString("en-US") },
       { value: "id", aggregator: "count", label: "Orders" }
     ],
     expanded: r,
@@ -222061,24 +222061,24 @@ function ea(a = 5e4, e = [Zr, zr], r = 0) {
     groupColumn: { showCount: !1 },
     tableOptions: m
   });
-  return new f(s, m);
+  return new T(s, m);
 }
-const wr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-class vr {
-  render(e, r, n, m, s, i, p) {
-    if (i == null || i === "")
+const xr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+class Ur {
+  render(e, r, n, m, s, d, p) {
+    if (d == null || d === "")
       return;
-    const d = p.createElement("div");
-    p.addClass(d, "ge-table-label-div");
+    const i = p.createElement("div");
+    p.addClass(i, "ge-table-label-div");
     const l = p.createElement("div");
     p.addClass(l, "ge-table-label");
-    const T = typeof i == "number" ? wr.format(i) : `${i}`;
-    p.appendChild(l, p.createText(T)), p.appendChild(d, l), p.appendChild(e, d);
+    const f = typeof d == "number" ? xr.format(d) : `${d}`;
+    p.appendChild(l, p.createText(f)), p.appendChild(i, l), p.appendChild(e, i);
   }
 }
-function kr(a, e = 8) {
+function qr(a, e = 8) {
   const r = [0, 0, 0, 5, 5, 10, 15];
-  return O(a, e).map((n, m) => ({
+  return H(a, e).map((n, m) => ({
     id: n.id,
     country: n.country,
     product: n.product,
@@ -222093,16 +222093,16 @@ const o = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-tabl
   gross: "[net] + [vat]",
   custom: 'IF([discount] > 0, ROUND([gross] / [quantity], 2), "–")'
 };
-function Dr(a = q.custom) {
-  const e = new vr();
+function Mr(a = q.custom) {
+  const e = new Ur();
   return [
-    t.create({ property: "id", headerLabel: "Line", width: Z, ...o, sortable: y }),
-    t.create({ property: "country", headerLabel: "Country", width: ve, sortable: y }),
-    t.create({ property: "product", headerLabel: "Product", width: _, sortable: y }),
+    t.create({ property: "id", headerLabel: "Line", width: z, ...o, sortable: y }),
+    t.create({ property: "country", headerLabel: "Country", width: Ue, sortable: y }),
+    t.create({ property: "product", headerLabel: "Product", width: R, sortable: y }),
     t.create({
       property: "quantity",
       headerLabel: "Qty",
-      width: Z,
+      width: z,
       ...o,
       sortable: y,
       editable: y,
@@ -222111,7 +222111,7 @@ function Dr(a = q.custom) {
     t.create({
       property: "price",
       headerLabel: "Price",
-      width: $,
+      width: E,
       ...o,
       sortable: y,
       editable: y,
@@ -222121,7 +222121,7 @@ function Dr(a = q.custom) {
     t.create({
       property: "discount",
       headerLabel: "Disc. %",
-      width: Z,
+      width: z,
       ...o,
       sortable: y,
       editable: y,
@@ -222140,7 +222140,7 @@ function Dr(a = q.custom) {
     t.create({
       property: "vat",
       headerLabel: "VAT 19%",
-      width: $,
+      width: E,
       ...o,
       sortable: y,
       formula: q.vat,
@@ -222169,7 +222169,7 @@ function Dr(a = q.custom) {
     t.create({
       property: "rank",
       headerLabel: "Rank",
-      width: Z,
+      width: z,
       ...o,
       sortable: y,
       formula: "[gross]",
@@ -222185,13 +222185,13 @@ function Dr(a = q.custom) {
     })
   ];
 }
-function ra(a = 2e3) {
+function ia(a = 2e3) {
   const e = {
     ...new N(),
     hoverColumnVisible: !1
   }, r = b.createTableModel({
-    rows: kr(a),
-    columnDefs: Dr(),
+    rows: qr(a),
+    columnDefs: Mr(),
     footerAggregates: {
       rows: [{ label: (n) => `Sum · ${n.toLocaleString("en-US")} lines`, aggregates: { net: "sum", vat: "sum", gross: "sum" } }],
       labelProperty: "product"
@@ -222199,9 +222199,9 @@ function ra(a = 2e3) {
     fixedLeftColumnCount: 1,
     tableOptions: e
   });
-  return new f(r, e);
+  return new T(r, e);
 }
-const w = [
+const v = [
   "Fix login timeout",
   "Ship row drag",
   "Write release notes",
@@ -222222,19 +222222,19 @@ const w = [
   "Plan Q1 roadmap",
   "Refactor date utils",
   "Security headers"
-], ae = ["Anna", "Ben", "Chen", "Dana", "Emil"], te = ["todo", "doing", "todo", "done", "todo"];
-function xr(a = 20, e = !1) {
+], te = ["Anna", "Ben", "Chen", "Dana", "Emil"], ne = ["todo", "doing", "todo", "done", "todo"];
+function Br(a = 20, e = !1) {
   return Array.from({ length: a }, (r, n) => ({
     id: n + 1,
-    title: n < w.length ? w[n] : `${w[n % w.length]} #${Math.floor(n / w.length) + 1}`,
-    owner: ae[n % ae.length],
-    status: te[n * 3 % te.length],
+    title: n < v.length ? v[n] : `${v[n % v.length]} #${Math.floor(n / v.length) + 1}`,
+    owner: te[n % te.length],
+    status: ne[n * 3 % ne.length],
     estimate: 1 + n * 7 % 13,
     locked: e && n === 0
   }));
 }
-function aa(a = xr(20, !0), e = {}) {
-  const r = new C("row", "multi"), n = new be("cell"), m = {
+function da(a = Br(20, !0), e = {}) {
+  const r = new S("row", "multi"), n = new Y("cell"), m = {
     ...new N(),
     hoverColumnVisible: !1,
     getSelectionModel: () => r,
@@ -222245,7 +222245,7 @@ function aa(a = xr(20, !0), e = {}) {
     rows: a,
     rowNumbersVisible: { headerLabel: "#" },
     columnDefs: [
-      t.create({ property: "title", headerLabel: "Task", width: ie, rowDrag: (i) => !i.locked }),
+      t.create({ property: "title", headerLabel: "Task", width: ce, rowDrag: (d) => !d.locked }),
       t.create({ property: "owner", headerLabel: "Owner", width: g }),
       t.create({ property: "status", headerLabel: "Status", width: u }),
       t.create({
@@ -222258,9 +222258,9 @@ function aa(a = xr(20, !0), e = {}) {
     ],
     tableOptions: m
   });
-  return new f(s, m);
+  return new T(s, m);
 }
-const Ur = [
+const Ar = [
   {
     id: 0,
     preName: "Prename0",
@@ -384134,9 +384134,9 @@ const Ur = [
     friends: []
   }
 ];
-function qr(a = !1) {
-  const e = new C("range", "multi");
-  return a && (e.addSelection(new z(0, 0, 0, 2)), e.addSelection(new z(2, 1, 2, 2)), e.addSelection(new z(1, 5, 6, 7)), e.addSelection(new z(0, 8, 0, 8)), e.addSelection(new z(5, 6, 10, 10))), {
+function Ir(a = !1) {
+  const e = new S("range", "multi");
+  return a && (e.addSelection(new w(0, 0, 0, 2)), e.addSelection(new w(2, 1, 2, 2)), e.addSelection(new w(1, 5, 6, 7)), e.addSelection(new w(0, 8, 0, 8)), e.addSelection(new w(5, 6, 10, 10))), {
     ...new N(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
@@ -384145,7 +384145,7 @@ function qr(a = !1) {
       footer: 0
     },
     autoRestoreOptions: {
-      ...new Be(),
+      ...new Re(),
       getStorageKeyFn: () => "TreetablePeopleComponent",
       autoRestoreCollapsedExpandedState: !0,
       autoRestoreScrollPosition: !0,
@@ -384155,15 +384155,15 @@ function qr(a = !1) {
     getSelectionModel: () => e
   };
 }
-function Br() {
+function Rr() {
   return [
-    new t("lastName", "Last Name", le),
+    new t("lastName", "Last Name", Te),
     new t("preName", "Pre Name", g),
     t.create({
       property: "age",
       headerLabel: "Age",
-      width: ge,
-      bodyRenderer: new ke(),
+      width: oe,
+      bodyRenderer: new qe(),
       editable: y,
       // editInputPipe: (value: any) => value ? Number(value) : ""
       editInputPipe: G
@@ -384173,45 +384173,45 @@ function Br() {
       "Birthday",
       u,
       void 0,
-      De.bodyRenderer(new R())
+      Me.bodyRenderer(new O())
     ),
     t.create({
       property: "gender",
       headerLabel: " ",
-      width: Ue,
-      bodyRenderer: new ne(),
+      width: Ae,
+      bodyRenderer: new ye(),
       editable: y,
-      getEditRenderer: () => new xe([
-        new Y("female", "♀"),
-        new Y("male", "♂")
+      getEditRenderer: () => new Be([
+        new j("female", "♀"),
+        new j("male", "♂")
       ])
     }),
-    new t("address.street", "Strasse", de),
-    new t("address.number", "Nr", qe),
+    new t("address.street", "Strasse", le),
+    new t("address.number", "Nr", Ie),
     new t("address.zip", "Zip", L),
     new t("address.city", "City", g),
     new t("address.country", "Country", g),
     new t("id", "ID", L)
   ];
 }
-function ta(a = !1) {
-  const e = qr(a), r = Br();
+function ya(a = !1) {
+  const e = Ir(a), r = Rr();
   for (const s of r)
     s.sortable = y, s.editable = y;
   r[0].editable = F;
-  const n = me.buildTreeRows(Ur, "friends"), m = b.createTableModel({
+  const n = pe.buildTreeRows(Ar, "friends"), m = b.createTableModel({
     rows: n,
     columnDefs: r,
     tableOptions: e,
     fixedLeftColumnCount: 1,
     fixedRightColumnCount: 1
   });
-  return new f(
+  return new T(
     m,
     e
   );
 }
-const B = [
+const M = [
   ["Desk lamp", "Office"],
   ["Standing desk", "Office"],
   ["Office chair", "Office"],
@@ -384229,13 +384229,13 @@ const B = [
   ["Tea selection", "Kitchen"],
   ["Water bottle", "Kitchen"]
 ];
-function Mr(a = 16) {
+function Or(a = 16) {
   return Array.from({ length: a }, (e, r) => {
-    const [n, m] = B[r % B.length];
+    const [n, m] = M[r % M.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 < M.length ? n : `${n} ${Math.floor(r / M.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,8 +384244,8 @@ function Mr(a = 16) {
     };
   });
 }
-function na(a = Mr(), e = !0, r = !0) {
-  const n = new C("range", "multi"), m = new be("cell"), s = {
+function pa(a = Or(), e = !0, r = !0) {
+  const n = new S("range", "multi"), m = new Y("cell"), s = {
     ...new N(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n,
@@ -384253,19 +384253,19 @@ function na(a = Mr(), e = !0, r = !0) {
     fillHandle: r,
     batchEdit: e,
     ariaLabel: "Price list"
-  }, i = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"] }, p = b.createTableModel({
+  }, d = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"] }, p = b.createTableModel({
     rows: a,
     fixedLeftColumnCount: 1,
     columnDefs: [
       t.create({ property: "sku", headerLabel: "SKU", width: u }),
-      t.create({ property: "product", headerLabel: "Product", width: k, editable: y }),
+      t.create({ property: "product", headerLabel: "Product", width: Z, editable: y }),
       t.create({ property: "category", headerLabel: "Category", width: u, editable: y }),
       t.create({
         property: "validFrom",
         headerLabel: "Valid from",
         width: g,
         editable: y,
-        validate: (d) => /^\d{4}-\d{2}-\d{2}$/.test(String(d)) ? void 0 : "Date as YYYY-MM-DD"
+        validate: (i) => /^\d{4}-\d{2}-\d{2}$/.test(String(i)) ? void 0 : "Date as YYYY-MM-DD"
       }),
       t.create({
         property: "price",
@@ -384273,8 +384273,8 @@ function na(a = Mr(), e = !0, r = !0) {
         width: u,
         editable: y,
         editInputPipe: G,
-        ...i,
-        validate: (d) => typeof d == "number" && d >= 0 ? void 0 : "A price is a number ≥ 0"
+        ...d,
+        validate: (i) => typeof i == "number" && i >= 0 ? void 0 : "A price is a number ≥ 0"
       }),
       t.create({
         property: "discount",
@@ -384282,15 +384282,15 @@ function na(a = Mr(), e = !0, r = !0) {
         width: u,
         editable: y,
         editInputPipe: G,
-        ...i,
-        validate: (d) => typeof d == "number" && d >= 0 && d <= 50 ? void 0 : "Discount 0 … 50 %"
+        ...d,
+        validate: (i) => typeof i == "number" && i >= 0 && i <= 50 ? void 0 : "Discount 0 … 50 %"
       }),
       t.create({
         property: "net",
         headerLabel: "Net",
         width: u,
-        ...i,
-        valueGetter: (d) => Math.round(d.price * (100 - d.discount)) / 100
+        ...d,
+        valueGetter: (i) => Math.round(i.price * (100 - i.discount)) / 100
       }),
       t.create({
         property: "stock",
@@ -384298,60 +384298,152 @@ function na(a = Mr(), e = !0, r = !0) {
         width: u,
         editable: y,
         editInputPipe: G,
-        ...i,
-        validate: (d) => Number.isInteger(d) && d >= 0 ? void 0 : "Stock is a whole number ≥ 0"
+        ...d,
+        validate: (i) => Number.isInteger(i) && i >= 0 ? void 0 : "Stock is a whole number ≥ 0"
       })
     ],
     tableOptions: s
   });
-  return new f(p, s);
+  return new T(p, s);
+}
+const me = [
+  "Ada Lovelace",
+  "Alan Turing",
+  "Grace Hopper",
+  "Linus Torvalds",
+  "Margaret Hamilton",
+  "Dennis Ritchie",
+  "Barbara Liskov",
+  "Ken Thompson",
+  "Katherine Johnson",
+  "Tim Berners-Lee"
+], se = ["Berlin", "Hamburg", "Munich", "Cologne", "Vienna", "Zurich"], ie = ["open", "paid", "shipped", "delivered"], de = [
+  ["Desk lamp", 39.9],
+  ["Standing desk", 499],
+  ["Office chair", 289],
+  ["Monitor arm", 89.5],
+  ["Notebook A5", 4.2],
+  ["USB-C cable", 12.9],
+  ["Keyboard", 79],
+  ["Mouse", 39],
+  ["Webcam", 99],
+  ["Headset", 149],
+  ["Coffee beans", 15.5],
+  ["Water bottle", 19.9]
+];
+function Hr(a = 1e3) {
+  let e = 20261016;
+  const r = () => (e = e * 16807 % 2147483647) / 2147483647, n = [];
+  for (let m = 0; m < a; m++) {
+    const s = [], d = 1 + Math.floor(r() * 8);
+    for (let i = 0; i < d; i++) {
+      const [l, f] = de[Math.floor(r() * de.length)];
+      s.push({ sku: `SKU-${String(1 + Math.floor(r() * 900)).padStart(3, "0")}`, product: l, quantity: 1 + Math.floor(r() * 5), unitPrice: f });
+    }
+    const p = 1 + m % 28;
+    n.push({
+      id: m + 1,
+      orderNo: `ORD-${String(10001 + m)}`,
+      customer: me[Math.floor(r() * me.length)],
+      city: se[m % se.length],
+      date: `2026-${String(1 + m % 9).padStart(2, "0")}-${String(p).padStart(2, "0")}`,
+      status: ie[Math.floor(r() * ie.length)],
+      total: Math.round(s.reduce((i, l) => i + l.quantity * l.unitPrice, 0) * 100) / 100,
+      items: s
+    });
+  }
+  return n;
+}
+function Vr(a) {
+  return b.createTableModel({
+    rows: a.items,
+    columnDefs: [
+      t.create({ property: "sku", headerLabel: "SKU", width: u }),
+      t.create({ property: "product", headerLabel: "Product", width: Z }),
+      t.create({ property: "quantity", headerLabel: "Qty", width: u, bodyClasses: ["ge-table-text-align-right"] }),
+      t.create({ property: "unitPrice", headerLabel: "Unit price", width: g, bodyClasses: ["ge-table-text-align-right"] })
+    ]
+  });
+}
+function ua(a = Hr(1e5), e = {}) {
+  const r = b.createTableModel({
+    rows: a,
+    columnDefs: [
+      t.create({ property: "orderNo", headerLabel: "Order", width: R }),
+      t.create({ property: "date", headerLabel: "Date", width: g, sortable: () => !0 }),
+      t.create({ property: "customer", headerLabel: "Customer", width: Z, sortable: () => !0 }),
+      t.create({ property: "city", headerLabel: "City", width: g, sortable: () => !0 }),
+      t.create({ property: "status", headerLabel: "Status", width: u }),
+      t.create({ property: "total", headerLabel: "Total", width: g, sortable: () => !0, bodyClasses: ["ge-table-text-align-right"] })
+    ],
+    fixedLeftColumnCount: 1
+  }), n = new Y("cell"), m = new S("row", "multi"), s = {
+    ...new N(),
+    hoverColumnVisible: !1,
+    getFocusModel: () => n,
+    getSelectionModel: () => m,
+    ariaLabel: "Orders",
+    masterDetail: {
+      detailHeight: 222,
+      // header + 5 rows, borders, padding of the detail cell
+      detailRenderer: (d, p, i) => {
+        i.createTable({ tableModel: Vr(p) });
+      },
+      getRowId: (d) => d.id,
+      ...e
+    }
+  };
+  return new T(r, s);
 }
 export {
-  Kr as COL_IDX_UPDATED_AT,
-  Me as ChangePercentageRenderer,
-  Oe as CirculatingSupplyRenderer,
-  He as CoinIconRenderer,
+  Qr as COL_IDX_UPDATED_AT,
+  Oe as ChangePercentageRenderer,
+  Fe as CirculatingSupplyRenderer,
+  Ee as CoinIconRenderer,
   q as INVOICE_FORMULAS,
-  gr as LargeBodyModel,
-  Ie as NameAndSymbolRenderer,
-  Ae as UsdRenderer,
-  Re as Volumn24hRenderer,
-  _r as applyBodyRenderer,
-  Qr as createAggregationModelAndOptions,
-  ar as createColumnDefs,
-  Ir as createCryptoModelAndOptions,
-  ra as createFormulaModelAndOptions,
-  Fr as createHeadergroupModel,
-  Hr as createHeatMapModel,
-  Vr as createHeatMapSeattleModel,
-  Dr as createInvoiceColumnDefs,
-  jr as createLargeModelAndOptions,
-  Xr as createManyTypesModelAndOptions,
-  Yr as createOrderModelAndOptions,
-  ea as createPivotModelAndOptions,
-  na as createPriceListModelAndOptions,
-  aa as createRowDragModelAndOptions,
-  Jr as createRowGroupModelAndOptions,
-  Te as createSalesOrderColumnDefs,
-  Er as createSimplePersonModel,
-  tr as createTableOptions,
-  rr as createTableRows,
-  $r as createTeamHeadergroupModel,
-  Wr as createTimeTableModel,
-  Br as createTreePeopleColumnDefs,
-  ta as createTreePeopleModelAndOptions,
-  qr as createTreePeopleTableOptions,
-  Ve as cryptoData,
-  nr as data,
-  kr as generateInvoiceLines,
-  Gr as generatePivotOrders,
-  Mr as generatePriceItems,
-  O as generateSalesOrders,
-  Rr as generateSimpleModel,
-  xr as generateTasks,
-  Or as generateTreeCheckboxModel,
-  zr as pivotQuarter,
-  Zr as pivotYear,
-  mr as tableOptions,
-  er as teamHeaderGroups
+  Tr as LargeBodyModel,
+  Ve as NameAndSymbolRenderer,
+  He as UsdRenderer,
+  $e as Volumn24hRenderer,
+  Jr as applyBodyRenderer,
+  ma as createAggregationModelAndOptions,
+  sr as createColumnDefs,
+  Fr as createCryptoModelAndOptions,
+  ia as createFormulaModelAndOptions,
+  Yr as createHeadergroupModel,
+  Kr as createHeatMapModel,
+  Wr as createHeatMapSeattleModel,
+  Mr as createInvoiceColumnDefs,
+  aa as createLargeModelAndOptions,
+  ta as createManyTypesModelAndOptions,
+  ua as createMasterDetailModelAndOptions,
+  Vr as createOrderItemsModel,
+  ra as createOrderModelAndOptions,
+  sa as createPivotModelAndOptions,
+  pa as createPriceListModelAndOptions,
+  da as createRowDragModelAndOptions,
+  na as createRowGroupModelAndOptions,
+  Ce as createSalesOrderColumnDefs,
+  Xr as createSimplePersonModel,
+  ir as createTableOptions,
+  mr as createTableRows,
+  jr as createTeamHeadergroupModel,
+  ea as createTimeTableModel,
+  Rr as createTreePeopleColumnDefs,
+  ya as createTreePeopleModelAndOptions,
+  Ir as createTreePeopleTableOptions,
+  _e as cryptoData,
+  dr as data,
+  qr as generateInvoiceLines,
+  Hr as generateMasterOrders,
+  vr as generatePivotOrders,
+  Or as generatePriceItems,
+  H as generateSalesOrders,
+  Er as generateSimpleModel,
+  Br as generateTasks,
+  _r as generateTreeCheckboxModel,
+  Dr as pivotQuarter,
+  kr as pivotYear,
+  yr as tableOptions,
+  nr as teamHeaderGroups
 };