@guiexpert/demo-table-models 1.1.94 → 1.1.96

package/index.js

@@ -1,5 +1,5 @@
-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 {
+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);
@@ -7,7 +7,7 @@ class we {
     }
   }
 }
-class ve {
+class Ae {
   constructor() {
     this.formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
   }
@@ -18,7 +18,7 @@ class ve {
     }
   }
 }
-class ke {
+class Ie {
   render(e, r, n, m, s, i, p) {
     const d = s.getRowByIndex(r);
     if (d) {
@@ -32,50 +32,50 @@ class ke {
     }
   }
 }
-class xe {
+class Re {
   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), o = this.formatter.format(d.volBtc);
+      const l = this.formatterUsd.format(d.volUsd), T = this.formatter.format(d.volBtc);
       e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
         ${l}<br>
-        ${o} BTC
+        ${T} BTC
       </div>
       `;
     }
   }
 }
-class De {
+class Oe {
   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), 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(`
+      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(`
           <div style="width: ${this.maxWidth}px;height: 5px;background-color: #eee;margin:10px 0 0 10px">
-            <div style="width: ${Z}px;height: 5px;background-color: #ccc;"></div>
+            <div style="width: ${D}px;height: 5px;background-color: #ccc;"></div>
           </div>
         `);
       }
-      T.push("</div>"), e.innerHTML = T.join("");
+      S.push("</div>"), e.innerHTML = S.join("");
     }
   }
 }
-class Ue {
+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;">`);
   }
 }
-const qe = [
+const Ve = [
   {
     id: 1,
     name: "Bitcoin",
@@ -2810,19 +2810,19 @@ const qe = [
     change90d: 12.43943602
   }
 ];
-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 = [
+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 = [
     t.create({
       property: "symbol",
       headerLabel: "",
-      width: h,
+      width: L,
       bodyClasses: ["ge-table-text-align-left"],
       bodyRenderer: i
     }),
     t.create({
       property: "symbol",
       headerLabel: "Name",
-      width: b,
+      width: g,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       bodyRenderer: n
@@ -2830,24 +2830,24 @@ function Gr() {
     t.create({
       property: "priceInUsd",
       headerLabel: "Price $",
-      width: c,
+      width: u,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     }),
-    new t("change1h", "1h %", c, void 0, t.bodyRenderer(e)),
-    new t("change24h", "24h %", c, void 0, t.bodyRenderer(e)),
-    new t("change7d", "7d %", c, void 0, t.bodyRenderer(e)),
+    new t("change1h", "1h %", u, void 0, t.bodyRenderer(e)),
+    new t("change24h", "24h %", u, void 0, t.bodyRenderer(e)),
+    new t("change7d", "7d %", u, void 0, t.bodyRenderer(e)),
     t.create({
       property: "marketCapUsd",
       headerLabel: "Market Cap",
-      width: W,
+      width: _,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: r
     }),
     t.create({
       headerLabel: "Volumne (24h)",
-      width: v,
+      width: k,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: m
@@ -2855,7 +2855,7 @@ function Gr() {
     t.create({
       property: "circulatingSupply",
       headerLabel: "Circulating Supply",
-      width: C,
+      width: P,
       bodyRenderer: s,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
@@ -2872,8 +2872,8 @@ function Gr() {
       footer: 0
     }
   };
-  return new S(
-    g.createTableModel({
+  return new f(
+    b.createTableModel({
       rows: a,
       columnDefs: p,
       tableOptions: d
@@ -2881,7 +2881,7 @@ function Gr() {
     d
   );
 }
-function Pr(a = 1e3, e = 1e3) {
+function Rr(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(
@@ -2889,7 +2889,7 @@ function Pr(a = 1e3, e = 1e3) {
   ), m = Array.from(Array(2).keys()).map(
     (s) => Array.from(Array(e).keys()).map((i) => `F${s}/${i}`)
   );
-  return g.createTableModel({
+  return b.createTableModel({
     headerData: n,
     bodyData: r,
     footerData: m,
@@ -2898,7 +2898,7 @@ function Pr(a = 1e3, e = 1e3) {
     fixedRightColumnCount: 2
   });
 }
-const Be = [
+const Fe = [
   {
     id: 0,
     preName: "Prename0",
@@ -164772,7 +164772,7 @@ const Be = [
     friends: []
   }
 ];
-function Zr() {
+function Or() {
   const a = {
     ...new N(),
     hoverColumnVisible: !1,
@@ -164785,17 +164785,17 @@ function Zr() {
     // <-- true: we will see the checkbox IN the first column after the arrow
   }, e = [
     // new CheckboxColumn(), //  <--- not needed, because we have 'showCheckboxWihoutExtraColumn:true'
-    new t("lastName", "Last Name", new 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({
+    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("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");
+  return b.createTableModel({
     rows: r,
     columnDefs: e,
     tableOptions: a,
@@ -164803,7 +164803,7 @@ function Zr() {
     fixedRightColumnCount: 0
   });
 }
-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
+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
 2010 32.5 33.1 48.2 57.9 65.3 74.7 81.3 77.4 71.1 58.1 47.9 32.8
 2011 29.7 36.0 42.3 54.3 64.5 72.3 80.2 75.3 70.0 57.1 51.9 43.3
 2012 37.3 40.9 50.9 54.8 65.1 71.0 78.8 76.7 68.8 58.0 43.9 41.5
@@ -164814,38 +164814,38 @@ const V = new ye(34, 50, 0), F = "_ 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))
-), Me = 27.9, Ie = 77.4;
-class $ {
+), Ee = 27.9, _e = 77.4;
+class J {
   constructor(e, r, n) {
     this.r = e, this.g = r, this.b = n;
   }
 }
-function Re(a, e, r, n, m) {
+function Ke(a, e, r, n, m) {
   return (a - e) / (r - e) * (m - n) + n;
 }
-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;
+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 zr() {
-  const a = new k("body", Ae, V.body), e = new Array(F.length).fill(50), r = new k("header", [F], V.header);
+function Hr() {
+  const a = new M("body", $e, j.body), e = new Array(X.length).fill(50), r = new M("header", [X], j.header);
   return a.getCustomStyleAt = (n, m) => {
     let s = {};
     if (m > 0) {
       const i = a.getValueAt(n, m);
       s = {
-        background: He(Me, Ie, i),
+        background: We(Ee, _e, i),
         color: "#fff"
       };
     }
     return s.paddingTop = "10px", s;
-  }, g.createTableModel({
+  }, b.createTableModel({
     headerAreaModel: r,
     bodyAreaModel: a,
     columnSizes: e
   });
 }
-function Oe() {
+function Ye() {
   return [
     {
       date: "2010-01-01T01:00:00",
@@ -217403,12 +217403,12 @@ function Oe() {
     }
   ];
 }
-const se = 30, Ve = 3, ie = Oe(), f = {};
-ie.forEach((a) => {
+const Ne = 30, je = 3, fe = Ye(), h = {};
+fe.forEach((a) => {
   const [e, r] = a.date.split("T");
-  f[e] || (f[e] = {}), f[e][r.substring(0, 5)] = a;
+  h[e] || (h[e] = {}), h[e][r.substring(0, 5)] = a;
 });
-const M = Object.keys(f), z = [
+const E = Object.keys(h), x = [
   "06:00",
   "07:00",
   "08:00",
@@ -217434,59 +217434,59 @@ const M = Object.keys(f), z = [
   "04:00",
   "05:00"
 ];
-function Fe() {
+function Xe() {
   let a = 10, e = 0;
-  return ie.forEach((r) => {
+  return fe.forEach((r) => {
     a = Math.min(a, r.temperature), e = Math.max(e, r.temperature);
   }), [a, e];
 }
-const [E, _] = Fe();
-function wr() {
-  const a = new $e(), e = new Ee(), r = [60, ...new Array(M.length).fill(Ve)];
-  return g.createTableModel({
+const [Q, ee] = Xe();
+function Vr() {
+  const a = new Je(), e = new Qe(), r = [60, ...new Array(E.length).fill(je)];
+  return b.createTableModel({
     bodyAreaModel: a,
     footerAreaModel: e,
     columnSizes: r,
     fixedLeftColumnCount: 1
   });
 }
-class $e extends I {
+class Je extends K {
   getRowCount() {
-    return z.length;
+    return x.length;
   }
   getRowHeight(e) {
-    return se;
+    return Ne;
   }
   getValueAt(e, r) {
-    return r === 0 ? z[e] : "";
+    return r === 0 ? x[e] : "";
   }
   getTooltipAt(e, r) {
     if (r === 0)
       return "";
     r--;
-    const n = M[r], m = z[e];
-    return f[n] && f[n][m] ? `${n} ${m} → ${f[n][m].temperature}` : "";
+    const n = E[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 = 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);
+    const n = E[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);
     return {
-      background: ue.getThreeColorGradientRGB(s, o),
+      background: Se.getThreeColorGradientRGB(s, T),
       color: "transparent"
       // we only want to show the bg color
     };
   }
 }
-class Ee extends I {
+class Qe extends K {
   getRowCount() {
     return 1;
   }
   getRowHeight(e) {
-    return se;
+    return Ne;
   }
   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 Ee extends I {
     };
   }
 }
-const B = [
+const V = [
   {
     data: "Gold",
     toggle: !0,
@@ -217590,9 +217590,9 @@ const B = [
     ]
   }
 ];
-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));
+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));
   const m = [
     {
       GOLD: 146,
@@ -217610,14 +217610,14 @@ function vr() {
       HOH_C: 53,
       HOH_D: 54
     }
-  ], s = new R("body", m, r, 34);
-  return g.createTableModel({
+  ], s = new W("body", m, r, 34);
+  return b.createTableModel({
     headerAreaModel: n,
     bodyAreaModel: s,
     columnDefs: r
   });
 }
-const _e = [
+const er = [
   {
     data: "Team A",
     toggle: !0,
@@ -217638,8 +217638,8 @@ const _e = [
     ]
   }
 ];
-function kr(a = _e) {
-  const r = x.buildGroupExts(a), n = x.buildColumnDefs(r), m = new X("header", a, n, 34);
+function $r(a = er) {
+  const r = A.buildGroupExts(a), n = A.buildColumnDefs(r), m = new se("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 kr(a = _e) {
       peter: 5,
       paul: 4
     }
-  ], i = new R("body", s, n, 34);
-  return g.createTableModel({
+  ], i = new W("body", s, n, 34);
+  return b.createTableModel({
     headerAreaModel: m,
     bodyAreaModel: i,
     columnDefs: n
   });
 }
-function Ke() {
+function rr() {
   return [
     {
       id: 1,
@@ -217835,33 +217835,33 @@ function Ke() {
     }
   ];
 }
-function We() {
+function ar() {
   return [
-    new t("firstName", "First Name", b),
+    new t("firstName", "First Name", g),
     new t("lastName", "Last Name"),
     t.create({
       property: "gender",
       headerLabel: "Gender",
-      width: c,
+      width: u,
       bodyClasses: ["ge-table-text-align-left"]
     }),
     t.create({
       property: "email",
       headerLabel: "Email",
-      width: ce,
+      width: ie,
       bodyClasses: ["ge-table-text-align-left"]
     }),
-    new t("ipAddress", "IP", J),
+    new t("ipAddress", "IP", de),
     t.create({
       property: "id",
       headerLabel: "ID",
-      width: le,
+      width: Ce,
       // bodyRenderer: actionRenderer,
       bodyClasses: ["ge-table-text-align-left"]
     })
   ];
 }
-function je() {
+function tr() {
   return {
     ...new N(),
     hoverColumnVisible: !1,
@@ -217872,19 +217872,19 @@ function je() {
     }
   };
 }
-function xr() {
-  const a = je(), e = Ke(), r = We();
-  return g.createTableModel({
+function Er() {
+  const a = tr(), e = rr(), r = ar();
+  return b.createTableModel({
     rows: e,
     columnDefs: r,
     tableOptions: a,
     fixedLeftColumnCount: 0
   });
 }
-function Dr(a, e) {
-  a.rendererMap = new P(void 0, e, void 0);
+function _r(a, e) {
+  a.rendererMap = new v(void 0, e, void 0);
 }
-const Ye = [
+const nr = [
   {
     id: 1,
     city: "London",
@@ -218032,35 +218032,35 @@ const Ye = [
     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)), 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")),
+].map((a) => (a.updatedAt = /* @__PURE__ */ new Date(), a)), I = [
+  new t("city", "City", new c(90, "px")),
+  new t("location", "Location", new c(100, "px")),
+  new t("team.name", "Team", new c(100, "px")),
   t.create({
     property: "team.active",
     headerLabel: "Active",
-    width: new u(60, "px"),
-    bodyRenderer: new Q()
+    width: new c(60, "px"),
+    bodyRenderer: new ye()
   }),
-  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")),
+  new t("data.0", "00", new c(60, "px")),
+  new t("data.1", "15", new c(60, "px")),
+  new t("data.2", "30", new c(60, "px")),
+  new t("data.3", "45", new c(60, "px")),
+  new t("data.4", "00", new c(60, "px")),
+  new t("data.5", "15", new c(60, "px")),
+  new t("data.6", "30", new c(60, "px")),
+  new t("data.7", "45", new c(60, "px")),
+  new t("data.8", "00", new c(60, "px")),
+  new t("data.9", "15", new c(60, "px")),
+  new t("data.10", "30", new c(60, "px")),
+  new t("data.11", "45", new c(60, "px")),
   t.create({
     property: "updatedAt",
     headerLabel: "Updated at",
-    width: new u(175, "px"),
-    bodyRenderer: new ge()
+    width: new c(175, "px"),
+    bodyRenderer: new Le()
   })
-], Ur = D.length - 1, Xe = {
+], Kr = I.length - 1, mr = {
   ...new N(),
   hoverRowVisible: !1,
   hoverColumnVisible: !1,
@@ -218072,22 +218072,22 @@ const Ye = [
   columnsDraggable: !1,
   columnsResizable: !0
 };
-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,
+function Wr() {
+  const a = mr.defaultRowHeights;
+  return b.createTableModel({
+    headerAreaModel: new ir(a.header),
+    bodyAreaModel: new sr(a.body),
+    footerAreaModel: new dr(a.footer),
+    columnDefs: I,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 1,
     defaultRowHeights: a,
-    columnCount: D.length
+    columnCount: I.length
   });
 }
-class Je extends R {
+class sr extends W {
   constructor(e) {
-    super("body", Ye, D, e);
+    super("body", nr, I, e);
   }
   getRowspanAt(e, r) {
     if (r === 0 || r == 1) {
@@ -218104,7 +218104,7 @@ class Je extends R {
     return m;
   }
 }
-class Qe extends k {
+class ir extends M {
   constructor(e) {
     super(
       "header",
@@ -218131,7 +218131,7 @@ class Qe extends k {
     return ["ge-font-weight-bold"];
   }
 }
-class er extends k {
+class dr extends M {
   constructor(e) {
     super(
       "footer",
@@ -218146,7 +218146,7 @@ class er extends k {
     return r === 2 ? ["ge-text-align-right", "ge-font-weight-bold"] : [];
   }
 }
-const rr = [
+const yr = [
   {
     id: "c8-34f1d5",
     company: "Equicom",
@@ -220084,15 +220084,15 @@ const rr = [
     rating: 5
   }
 ];
-function ar() {
-  return rr;
+function pr() {
+  return yr;
 }
-function tr() {
+function ur() {
   return [
     t.create({
       property: "company",
       headerLabel: "Company",
-      width: b,
+      width: g,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y
@@ -220100,7 +220100,7 @@ function tr() {
     t.create({
       property: "country",
       headerLabel: "Country",
-      width: C,
+      width: P,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y
@@ -220108,7 +220108,7 @@ function tr() {
     t.create({
       property: "product",
       headerLabel: "Name",
-      width: b,
+      width: g,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y
@@ -220116,30 +220116,30 @@ function tr() {
     t.create({
       property: "sellDate",
       headerLabel: "Sell date",
-      width: c,
-      bodyRenderer: new U(),
+      width: u,
+      bodyRenderer: new R(),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y
     }),
     t.create({
       property: "id",
       headerLabel: "Order ID",
-      width: b,
+      width: g,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y
     }),
     t.create({
       property: "inStock",
       headerLabel: "In stock",
-      width: re,
-      bodyRenderer: new ee("inStock", !0, !0),
+      width: Z,
+      bodyRenderer: new pe("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y
     }),
     t.create({
       property: "quantity",
       headerLabel: "Qty",
-      width: h,
+      width: L,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       sortable: y
@@ -220147,23 +220147,23 @@ function tr() {
     t.create({
       property: "progress",
       headerLabel: "Progress",
-      width: c,
-      bodyRenderer: new ae("progress", 5, !0),
+      width: u,
+      bodyRenderer: new ue("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
     t.create({
       property: "rating",
       headerLabel: "Rating",
-      width: c,
-      bodyRenderer: new te("rating"),
+      width: u,
+      bodyRenderer: new ce("rating"),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     })
   ];
 }
-function nr() {
-  const a = new L("row", "multi");
+function cr() {
+  const a = new C("row", "multi");
   return {
     ...new N(),
     hoverColumnVisible: !1,
@@ -220175,10 +220175,10 @@ function nr() {
     getSelectionModel: () => a
   };
 }
-function Br() {
-  const a = nr(), e = ar(), r = tr();
-  return new S(
-    g.createTableModel({
+function Yr() {
+  const a = cr(), e = pr(), r = ur();
+  return new f(
+    b.createTableModel({
       rows: e,
       columnDefs: r,
       tableOptions: a,
@@ -220187,32 +220187,32 @@ function Br() {
     a
   );
 }
-function K() {
+function re() {
   return [
     t.create({
       headerLabel: "ID",
-      width: b,
+      width: g,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: A
+      sortable: F
     }),
     t.create({
       headerLabel: "Value",
-      width: v,
+      width: k,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: A
+      sortable: F
     }),
     t.create({
       headerLabel: " ",
-      width: v,
+      width: k,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     })
   ];
 }
-function mr() {
-  const a = new L();
+function lr() {
+  const a = new C();
   return {
     ...new N(),
     hoverColumnVisible: !1,
@@ -220224,22 +220224,22 @@ function mr() {
     getSelectionModel: () => a
   };
 }
-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({
+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({
     bodyAreaModel: s,
     columnDefs: n,
     tableOptions: r,
     fixedLeftColumnCount: m
   }), r);
 }
-class sr extends I {
+class gr 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 be(e, !1);
+    super(), this.rowcount = e, this.columnOffset = r, this.nf = new Intl.NumberFormat("en-Us", {}), this.barRenderer = new Pe(e, !1);
   }
   getRowCount() {
     return this.rowcount;
@@ -220261,7 +220261,7 @@ class sr extends I {
     return e * this.getRowHeight(0);
   }
 }
-const ir = [
+const br = [
   {
     id: "f0-bfbecb",
     company: "Medmex",
@@ -221733,15 +221733,15 @@ const ir = [
     f2: 28.55122067
   }
 ];
-function dr(a = 75) {
-  return ir.slice(0, a - 1);
+function Nr(a = 75) {
+  return br.slice(0, a - 1);
 }
-function yr(a) {
+function fr(a) {
   return [
     t.create({
       property: "company",
       headerLabel: "Company",
-      width: c,
+      width: u,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y,
@@ -221750,7 +221750,7 @@ function yr(a) {
     t.create({
       property: "country",
       headerLabel: "Country",
-      width: C,
+      width: P,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y,
@@ -221759,7 +221759,7 @@ function yr(a) {
     t.create({
       property: "product",
       headerLabel: "Name",
-      width: c,
+      width: u,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y,
@@ -221768,7 +221768,7 @@ function yr(a) {
     t.create({
       property: "birthday",
       headerLabel: "Birth Date",
-      width: c,
+      width: u,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221776,8 +221776,8 @@ function yr(a) {
     t.create({
       property: "sellDate",
       headerLabel: "Sell date",
-      width: c,
-      bodyRenderer: new U(),
+      width: u,
+      bodyRenderer: new R(),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221785,7 +221785,7 @@ function yr(a) {
     t.create({
       property: "lastVisit",
       headerLabel: "Last Visit",
-      width: ne,
+      width: le,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221793,7 +221793,7 @@ function yr(a) {
     t.create({
       property: "time",
       headerLabel: "Time",
-      width: c,
+      width: u,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221801,15 +221801,15 @@ function yr(a) {
     t.create({
       property: "id",
       headerLabel: "Order ID",
-      width: b,
+      width: g,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y
     }),
     t.create({
       property: "inStock",
       headerLabel: "In stock",
-      width: re,
-      bodyRenderer: new ee("inStock", !0, !0),
+      width: Z,
+      bodyRenderer: new pe("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221817,7 +221817,7 @@ function yr(a) {
     t.create({
       property: "quantity",
       headerLabel: "Qty",
-      width: h,
+      width: L,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       sortable: y,
@@ -221826,23 +221826,23 @@ function yr(a) {
     t.create({
       property: "progress",
       headerLabel: "Progress",
-      width: c,
-      bodyRenderer: new ae("progress", 5, !0),
+      width: u,
+      bodyRenderer: new ue("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
     t.create({
       property: "rating",
       headerLabel: "Rating",
-      width: c,
-      bodyRenderer: new te("rating"),
+      width: u,
+      bodyRenderer: new ce("rating"),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
     t.create({
       property: "price",
       headerLabel: "Price",
-      width: h,
+      width: L,
       bodyClasses: ["ge-table-text-align-right"],
       sortable: y,
       editable: () => a
@@ -221850,22 +221850,22 @@ function yr(a) {
     t.create({
       property: "active",
       headerLabel: "Active",
-      width: h,
-      bodyRenderer: new Q(),
+      width: L,
+      bodyRenderer: new ye(),
       sortable: y,
       editable: () => a
     }),
     t.create({
       property: "currency",
       headerLabel: "CCY",
-      width: h,
+      width: L,
       sortable: y,
       editable: () => a
     }),
     t.create({
       property: "average",
       headerLabel: "Average",
-      width: c,
+      width: u,
       bodyClasses: ["ge-table-text-align-right"],
       sortable: y,
       editable: () => a
@@ -221873,16 +221873,16 @@ function yr(a) {
     t.create({
       property: "f1",
       headerLabel: "F1",
-      width: me,
+      width: ge,
       bodyClasses: ["ge-table-text-align-right"],
-      bodyRenderer: new fe(),
+      bodyRenderer: new Ze(),
       sortable: y,
       editable: () => a
     }),
     t.create({
       property: "f2",
       headerLabel: "F2",
-      width: b,
+      width: g,
       bodyClasses: ["ge-table-text-align-right"],
       sortable: y,
       editable: () => a
@@ -221890,14 +221890,14 @@ function yr(a) {
     t.create({
       property: "lorem",
       headerLabel: "Lorem",
-      width: v,
+      width: k,
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y,
       editable: () => a
     })
   ];
 }
-function pr(a) {
+function Tr(a) {
   return {
     ...new N(),
     hoverColumnVisible: !1,
@@ -221909,17 +221909,17 @@ function pr(a) {
     getSelectionModel: () => a
   };
 }
-function Mr(a = new L("row", "multi"), e = 75, r = !1) {
-  const n = pr(a);
+function Xr(a = new C("row", "multi"), e = 75, r = !1) {
+  const n = Tr(a);
   e = Math.max(10, Math.min(75, e));
-  const m = dr(e), s = yr(r);
-  return new S(g.createTableModel({
+  const m = Nr(e), s = fr(r);
+  return new f(b.createTableModel({
     rows: m,
     columnDefs: s,
     tableOptions: n
   }), n);
 }
-const ur = [
+const or = [
   ["Germany", "Hamburg"],
   ["Germany", "Berlin"],
   ["Germany", "Munich"],
@@ -221932,7 +221932,7 @@ const ur = [
   ["Spain", "Madrid"],
   ["Poland", "Warsaw"],
   ["Denmark", "Copenhagen"]
-], cr = [
+], hr = [
   ["Laptop", "Hardware", 1299],
   ["Monitor", "Hardware", 349],
   ["Keyboard", "Accessories", 89],
@@ -221942,70 +221942,70 @@ const ur = [
   ["Cloud Credits", "Services", 500],
   ["Support Plan", "Services", 990]
 ];
-function lr(a) {
+function Sr(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);
+function O(a, e = 42) {
+  const r = Sr(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 };
+    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 };
   }
   return m;
 }
-const w = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], sortable: y };
-function de() {
+const U = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], sortable: y };
+function Te() {
   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 })
+    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: "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: "total", headerLabel: "Total", width: P, ...U })
   ];
 }
-function Ir(a = 5e4, e = ["country", "city"], r = 1) {
-  const n = new L("row", "multi"), m = {
+function Jr(a = 5e4, e = ["country", "city"], r = 1) {
+  const n = new C("row", "multi"), m = {
     ...new N(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n
-  }, s = Te.createTableModel({
-    rows: H(a),
-    columnDefs: de(),
+  }, s = ze.createTableModel({
+    rows: O(a),
+    columnDefs: Te(),
     groupBy: e,
     aggregations: { quantity: "sum", price: "avg", total: "sum" },
     expanded: r,
     tableOptions: m
   });
-  return new S(s, m);
+  return new f(s, m);
 }
-const gr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-class br {
+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 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);
+      p.addClass(l, "ge-table-label"), p.appendChild(l, p.createText(Cr.format(i))), p.appendChild(d, l), p.appendChild(e, d);
     }
   }
 }
-function Rr(a = 5e4) {
-  const e = new L("range", "multi"), r = {
+function Qr(a = 5e4) {
+  const e = new C("range", "multi"), r = {
     ...new N(),
     hoverColumnVisible: !1,
     getSelectionModel: () => e
-  }, n = de(), m = new br();
+  }, n = Te(), m = new Lr();
   for (const i of n)
     (i.property === "price" || i.property === "total") && (i.rendererMap.body = m);
-  const s = g.createTableModel({
-    rows: H(a),
+  const s = b.createTableModel({
+    rows: O(a),
     columnDefs: n,
     footerAggregates: {
       rows: [
@@ -222021,35 +222021,35 @@ function Rr(a = 5e4) {
     },
     tableOptions: r
   });
-  return new S(s, r);
+  return new f(s, r);
 }
-function Nr(a) {
+function Pr(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) => ({
+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) => ({
     ...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 = {
+const Zr = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, zr = {
   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 = {
+function ea(a = 5e4, e = [Zr, zr], r = 0) {
+  const n = new C("range", "multi"), m = {
     ...new N(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n
-  }, s = he.createTableModel({
-    rows: fr(a),
+  }, s = we.createTableModel({
+    rows: Gr(a),
     rowFields: [{ value: "country", label: "Country" }, { value: "city", label: "City" }],
     columnFields: e,
     values: [
@@ -222057,13 +222057,210 @@ function Hr(a = 5e4, e = [Tr, or], r = 0) {
       { value: "id", aggregator: "count", label: "Orders" }
     ],
     expanded: r,
-    valueColumnWidth: b,
+    valueColumnWidth: g,
     groupColumn: { showCount: !1 },
     tableOptions: m
   });
-  return new S(s, m);
+  return new f(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 === "")
+      return;
+    const d = p.createElement("div");
+    p.addClass(d, "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);
+  }
+}
+function kr(a, e = 8) {
+  const r = [0, 0, 0, 5, 5, 10, 15];
+  return O(a, e).map((n, m) => ({
+    id: n.id,
+    country: n.country,
+    product: n.product,
+    quantity: n.quantity,
+    price: n.price,
+    discount: r[(m * 7 + n.quantity) % r.length]
+  }));
+}
+const o = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], footerClasses: ["ge-table-text-align-right"] }, q = {
+  net: "ROUND([quantity] * [price] * (1 - [discount] / 100), 2)",
+  vat: "ROUND([net] * 0.19, 2)",
+  gross: "[net] + [vat]",
+  custom: 'IF([discount] > 0, ROUND([gross] / [quantity], 2), "–")'
+};
+function Dr(a = q.custom) {
+  const e = new vr();
+  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: "quantity",
+      headerLabel: "Qty",
+      width: Z,
+      ...o,
+      sortable: y,
+      editable: y,
+      editInputPipe: G
+    }),
+    t.create({
+      property: "price",
+      headerLabel: "Price",
+      width: $,
+      ...o,
+      sortable: y,
+      editable: y,
+      editInputPipe: G,
+      bodyRenderer: e
+    }),
+    t.create({
+      property: "discount",
+      headerLabel: "Disc. %",
+      width: Z,
+      ...o,
+      sortable: y,
+      editable: y,
+      editInputPipe: G
+    }),
+    t.create({
+      property: "net",
+      headerLabel: "Net",
+      width: g,
+      ...o,
+      sortable: y,
+      formula: q.net,
+      bodyRenderer: e,
+      footerRenderer: e
+    }),
+    t.create({
+      property: "vat",
+      headerLabel: "VAT 19%",
+      width: $,
+      ...o,
+      sortable: y,
+      formula: q.vat,
+      bodyRenderer: e,
+      footerRenderer: e
+    }),
+    t.create({
+      property: "gross",
+      headerLabel: "Gross",
+      width: g,
+      ...o,
+      sortable: y,
+      formula: q.gross,
+      bodyRenderer: e,
+      footerRenderer: e
+    }),
+    t.create({
+      property: "share",
+      headerLabel: "Share of net",
+      width: g,
+      ...o,
+      sortable: y,
+      formula: "[net]",
+      showValuesAs: { mode: "percentOfColumnTotal", fractionDigits: 2 }
+    }),
+    t.create({
+      property: "rank",
+      headerLabel: "Rank",
+      width: Z,
+      ...o,
+      sortable: y,
+      formula: "[gross]",
+      showValuesAs: "rank"
+    }),
+    t.create({
+      property: "custom",
+      headerLabel: "Custom formula",
+      width: P,
+      ...o,
+      sortable: y,
+      formula: a
+    })
+  ];
+}
+function ra(a = 2e3) {
+  const e = {
+    ...new N(),
+    hoverColumnVisible: !1
+  }, r = b.createTableModel({
+    rows: kr(a),
+    columnDefs: Dr(),
+    footerAggregates: {
+      rows: [{ label: (n) => `Sum · ${n.toLocaleString("en-US")} lines`, aggregates: { net: "sum", vat: "sum", gross: "sum" } }],
+      labelProperty: "product"
+    },
+    fixedLeftColumnCount: 1,
+    tableOptions: e
+  });
+  return new f(r, e);
+}
+const w = [
+  "Fix login timeout",
+  "Ship row drag",
+  "Write release notes",
+  "Review pull requests",
+  "Update dependencies",
+  "Dark mode for the dashboard",
+  "Export to Excel",
+  "Keyboard shortcuts help",
+  "Onboarding video",
+  "Fix flaky test",
+  "Translate settings page",
+  "Accessibility audit",
+  "Cache API responses",
+  "Remove old feature flags",
+  "Improve search ranking",
+  "Mobile layout of the table",
+  "Customer interview notes",
+  "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) {
+  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],
+    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 = {
+    ...new N(),
+    hoverColumnVisible: !1,
+    getSelectionModel: () => r,
+    getFocusModel: () => n,
+    rowDragOptions: e,
+    ariaLabel: "Priority list"
+  }, s = b.createTableModel({
+    rows: a,
+    rowNumbersVisible: { headerLabel: "#" },
+    columnDefs: [
+      t.create({ property: "title", headerLabel: "Task", width: ie, rowDrag: (i) => !i.locked }),
+      t.create({ property: "owner", headerLabel: "Owner", width: g }),
+      t.create({ property: "status", headerLabel: "Status", width: u }),
+      t.create({
+        property: "estimate",
+        headerLabel: "Hours",
+        width: u,
+        headerClasses: ["ge-table-text-align-right"],
+        bodyClasses: ["ge-table-text-align-right"]
+      })
+    ],
+    tableOptions: m
+  });
+  return new f(s, m);
 }
-const hr = [
+const Ur = [
   {
     id: 0,
     preName: "Prename0",
@@ -383937,9 +384134,9 @@ const hr = [
     friends: []
   }
 ];
-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))), {
+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))), {
     ...new N(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
@@ -383948,7 +384145,7 @@ function Sr(a = !1) {
       footer: 0
     },
     autoRestoreOptions: {
-      ...new ze(),
+      ...new Be(),
       getStorageKeyFn: () => "TreetablePeopleComponent",
       autoRestoreCollapsedExpandedState: !0,
       autoRestoreScrollPosition: !0,
@@ -383958,100 +384155,203 @@ function Sr(a = !1) {
     getSelectionModel: () => e
   };
 }
-function Cr() {
+function Br() {
   return [
-    new t("lastName", "Last Name", ne),
-    new t("preName", "Pre Name", b),
+    new t("lastName", "Last Name", le),
+    new t("preName", "Pre Name", g),
     t.create({
       property: "age",
       headerLabel: "Age",
-      width: me,
-      bodyRenderer: new Ce(),
+      width: ge,
+      bodyRenderer: new ke(),
       editable: y,
       // editInputPipe: (value: any) => value ? Number(value) : ""
-      editInputPipe: Se
+      editInputPipe: G
     }),
     new t(
       "birth",
       "Birthday",
-      c,
+      u,
       void 0,
-      Le.bodyRenderer(new U())
+      De.bodyRenderer(new R())
     ),
     t.create({
       property: "gender",
       headerLabel: " ",
-      width: Pe,
-      bodyRenderer: new j(),
+      width: Ue,
+      bodyRenderer: new ne(),
       editable: y,
-      getEditRenderer: () => new Ge([
-        new O("female", "♀"),
-        new O("male", "♂")
+      getEditRenderer: () => new xe([
+        new Y("female", "♀"),
+        new Y("male", "♂")
       ])
     }),
-    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)
+    new t("address.street", "Strasse", de),
+    new t("address.number", "Nr", qe),
+    new t("address.zip", "Zip", L),
+    new t("address.city", "City", g),
+    new t("address.country", "Country", g),
+    new t("id", "ID", L)
   ];
 }
-function Or(a = !1) {
-  const e = Sr(a), r = Cr();
+function ta(a = !1) {
+  const e = qr(a), r = Br();
   for (const s of r)
     s.sortable = y, s.editable = y;
-  r[0].editable = A;
-  const n = Y.buildTreeRows(hr, "friends"), m = g.createTableModel({
+  r[0].editable = F;
+  const n = me.buildTreeRows(Ur, "friends"), m = b.createTableModel({
     rows: n,
     columnDefs: r,
     tableOptions: e,
     fixedLeftColumnCount: 1,
     fixedRightColumnCount: 1
   });
-  return new S(
+  return new f(
     m,
     e
   );
 }
+const B = [
+  ["Desk lamp", "Office"],
+  ["Standing desk", "Office"],
+  ["Office chair", "Office"],
+  ["Monitor arm", "Office"],
+  ["Notebook A5", "Paper"],
+  ["Sticky notes", "Paper"],
+  ["Printer paper", "Paper"],
+  ["Envelopes", "Paper"],
+  ["USB-C cable", "Tech"],
+  ["Keyboard", "Tech"],
+  ["Mouse", "Tech"],
+  ["Webcam", "Tech"],
+  ["Headset", "Tech"],
+  ["Coffee beans", "Kitchen"],
+  ["Tea selection", "Kitchen"],
+  ["Water bottle", "Kitchen"]
+];
+function Mr(a = 16) {
+  return Array.from({ length: a }, (e, r) => {
+    const [n, m] = B[r % B.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}`,
+      category: m,
+      validFrom: "2026-10-01",
+      price: Math.round((5 + (r * r * 37 + r * 11) % 150 + r * 13 % 10 / 10) * 100) / 100,
+      discount: r * 5 % 20,
+      stock: 10 + r * 17 % 90
+    };
+  });
+}
+function na(a = Mr(), e = !0, r = !0) {
+  const n = new C("range", "multi"), m = new be("cell"), s = {
+    ...new N(),
+    hoverColumnVisible: !1,
+    getSelectionModel: () => n,
+    getFocusModel: () => m,
+    fillHandle: r,
+    batchEdit: e,
+    ariaLabel: "Price list"
+  }, i = { 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: "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"
+      }),
+      t.create({
+        property: "price",
+        headerLabel: "Price",
+        width: u,
+        editable: y,
+        editInputPipe: G,
+        ...i,
+        validate: (d) => typeof d == "number" && d >= 0 ? void 0 : "A price is a number ≥ 0"
+      }),
+      t.create({
+        property: "discount",
+        headerLabel: "Discount %",
+        width: u,
+        editable: y,
+        editInputPipe: G,
+        ...i,
+        validate: (d) => typeof d == "number" && d >= 0 && d <= 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
+      }),
+      t.create({
+        property: "stock",
+        headerLabel: "Stock",
+        width: u,
+        editable: y,
+        editInputPipe: G,
+        ...i,
+        validate: (d) => Number.isInteger(d) && d >= 0 ? void 0 : "Stock is a whole number ≥ 0"
+      })
+    ],
+    tableOptions: s
+  });
+  return new f(p, s);
+}
 export {
-  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
+  Kr as COL_IDX_UPDATED_AT,
+  Me as ChangePercentageRenderer,
+  Oe as CirculatingSupplyRenderer,
+  He 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
 };