@guiexpert/demo-table-models 1.1.97 → 1.1.98

package/index.js

@@ -1,81 +1,81 @@
-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"));
+import { ColumnDef as t, px60 as P, px120 as g, px100 as c, px160 as I, px200 as Z, px140 as L, TableOptions as f, TableModelAndOptions as o, TableFactory as N, Size as l, AreaObjectMap as D, DateToIntlDDMMYYYYCellRenderer as O, MaleFemaleToIconCellRenderer as ue, TreeFactory as ce, DefaultRowHeights as Ze, AreaModelArrayOfArrays as B, AreaModel as Y, ColorRgb as $, ThreeColorGradientArg as ze, GeCssColorUtil as we, CellgroupFactory as A, AreaModelCellGroups as le, AreaModelObjectArrayWithColumndefs as j, px300 as ge, px150 as be, px250 as ve, TrueFalseCellRenderer as Ne, DateToTecCellRenderer as ke, SelectionModel as h, TrueFn as y, CheckboxBooleanPropertyCellRenderer as fe, px90 as z, ProgressBarCellRenderer as Te, StarRatingCellRenderer as oe, NumberCellProgressBarCellRenderer as De, RowNumberColumnDef as xe, FalseFn as _, px220 as he, PositiveAndNegativeNumberRenderer as Ue, px80 as Se, RowGroupFactory as qe, px110 as K, PivotFactory as Me, px130 as Be, editInputPipeForNumber as G, FocusModel as H, NumberCellRenderer as Ae, Renderer as Re, SelectCellRenderer as Ie, px50 as Oe, ValueLabel as X, px70 as He, CellRange as v, AutoRestoreOptions as Ve } from "@guiexpert/table";
+class $e {
+  render(e, r, n, m, s, i, p) {
+    if (i) {
+      const d = Number(i);
+      d < 0 ? (e.innerHTML = "▾ " + d.toFixed(2) + "%", p.addClass(e, "ge-positive-text-color")) : (e.innerHTML = "▴ " + d.toFixed(2) + "%", p.addClass(e, "ge-negative-text-color"));
     }
   }
 }
-class He {
+class Fe {
   constructor() {
     this.formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
   }
-  render(e, r, n, m, s, d, p) {
-    if (d) {
-      const i = Number(d);
-      e.innerText = this.formatter.format(i);
+  render(e, r, n, m, s, i, p) {
+    if (i) {
+      const d = Number(i);
+      e.innerText = this.formatter.format(d);
     }
   }
 }
-class Ve {
-  render(e, r, n, m, s, d, p) {
-    const i = s.getRowByIndex(r);
-    if (i) {
-      const l = i.name ?? i.symbol;
+class Ee {
+  render(e, r, n, m, s, i, p) {
+    const d = s.getRowByIndex(r);
+    if (d) {
+      const u = d.name ?? d.symbol;
       e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
-        ${l}<br>
-        ${i.symbol}
+        ${u}<br>
+        ${d.symbol}
       </div>
       `;
     }
   }
 }
-class $e {
+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, d, p) {
-    const i = s.getRowByIndex(r);
-    if (i) {
-      const l = this.formatterUsd.format(i.volUsd), f = this.formatter.format(i.volBtc);
+  render(e, r, n, m, s, i, p) {
+    const d = s.getRowByIndex(r);
+    if (d) {
+      const u = this.formatterUsd.format(d.volUsd), b = this.formatter.format(d.volBtc);
       e.innerHTML = `
       <div style="line-height: 1.2;padding: 10px 0 0 10px;">
-        ${l}<br>
-        ${f} BTC
+        ${u}<br>
+        ${b} BTC
       </div>
       `;
     }
   }
 }
-class Fe {
+class Ke {
   constructor(e = 120) {
     this.maxWidth = e, this.formatter = new Intl.NumberFormat("en-US");
   }
-  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(`
+  render(e, r, n, m, s, i, p) {
+    const d = s.getRowByIndex(r);
+    if (d) {
+      const u = this.formatter.format(d.circulatingSupply), b = d.maxSupply, T = [];
+      if (T.push('<div style="line-height: 1.2;padding: 10px 0 0 10px;">'), T.push(u), T.push("<br>"), b) {
+        const w = this.maxWidth * d.circulatingSupply / b;
+        T.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 style="width: ${w}px;height: 5px;background-color: #ccc;"></div>
           </div>
         `);
       }
-      C.push("</div>"), e.innerHTML = C.join("");
+      T.push("</div>"), e.innerHTML = T.join("");
     }
   }
 }
-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;">`);
+class We {
+  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 _e = [
+const Ye = [
   {
     id: 1,
     name: "Bitcoin",
@@ -2810,14 +2810,14 @@ const _e = [
     change90d: 12.43943602
   }
 ];
-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 = [
+function Yr() {
+  const a = Ye, e = new $e(), r = new Fe(), n = new Ee(), m = new _e(), s = new Ke(120), i = new We(), p = [
     t.create({
       property: "symbol",
       headerLabel: "",
-      width: L,
+      width: P,
       bodyClasses: ["ge-table-text-align-left"],
-      bodyRenderer: d
+      bodyRenderer: i
     }),
     t.create({
       property: "symbol",
@@ -2830,17 +2830,17 @@ function Fr() {
     t.create({
       property: "priceInUsd",
       headerLabel: "Price $",
-      width: u,
+      width: c,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     }),
-    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)),
+    new t("change1h", "1h %", c, void 0, t.bodyRenderer(e)),
+    new t("change24h", "24h %", c, void 0, t.bodyRenderer(e)),
+    new t("change7d", "7d %", c, void 0, t.bodyRenderer(e)),
     t.create({
       property: "marketCapUsd",
       headerLabel: "Market Cap",
-      width: R,
+      width: I,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: r
@@ -2855,15 +2855,15 @@ function Fr() {
     t.create({
       property: "circulatingSupply",
       headerLabel: "Circulating Supply",
-      width: P,
+      width: L,
       bodyRenderer: s,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"]
     })
   ];
-  p.forEach((l) => l.sortable = () => !0);
-  const i = {
-    ...new N(),
+  p.forEach((u) => u.sortable = () => !0);
+  const d = {
+    ...new f(),
     hoverColumnVisible: !1,
     verticalBorderVisible: !1,
     defaultRowHeights: {
@@ -2872,24 +2872,24 @@ function Fr() {
       footer: 0
     }
   };
-  return new T(
-    b.createTableModel({
+  return new o(
+    N.createTableModel({
       rows: a,
       columnDefs: p,
-      tableOptions: i
+      tableOptions: d
     }),
-    i
+    d
   );
 }
-function Er(a = 1e3, e = 1e3) {
+function jr(a = 1e3, e = 1e3) {
   const r = Array.from(Array(a).keys()).map(
-    (s) => Array.from(Array(e).keys()).map((d) => `${s}/${d}`)
+    (s) => Array.from(Array(e).keys()).map((i) => `${s}/${i}`)
   ), n = Array.from(Array(2).keys()).map(
-    (s) => Array.from(Array(e).keys()).map((d) => `H${s}/${d}`)
+    (s) => Array.from(Array(e).keys()).map((i) => `H${s}/${i}`)
   ), m = Array.from(Array(2).keys()).map(
-    (s) => Array.from(Array(e).keys()).map((d) => `F${s}/${d}`)
+    (s) => Array.from(Array(e).keys()).map((i) => `F${s}/${i}`)
   );
-  return b.createTableModel({
+  return N.createTableModel({
     headerData: n,
     bodyData: r,
     footerData: m,
@@ -2898,7 +2898,7 @@ function Er(a = 1e3, e = 1e3) {
     fixedRightColumnCount: 2
   });
 }
-const Ke = [
+const je = [
   {
     id: 0,
     preName: "Prename0",
@@ -164772,9 +164772,9 @@ const Ke = [
     friends: []
   }
 ];
-function _r() {
+function Xr() {
   const a = {
-    ...new N(),
+    ...new f(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 50,
@@ -164785,17 +164785,17 @@ function _r() {
     // <-- 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 c(250, "px")),
-    new t("preName", "Pre Name", new c(120, "px")),
-    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 = pe.buildTreeRows(Ke, "friends");
-  return b.createTableModel({
+    new t("lastName", "Last Name", new l(250, "px")),
+    new t("preName", "Pre Name", new l(120, "px")),
+    new t("birth", "Birthday", new l(100, "px"), new D(), new D(void 0, new O(), void 0), void 0, void 0),
+    new t("gender", " ", new l(50, "px"), new D(), new D(void 0, new ue(), void 0), void 0, void 0),
+    new t("address.street", "Strasse", new l(150, "px")),
+    new t("address.number", "Nr", new l(70, "px")),
+    new t("address.zip", "Zip", new l(60, "px")),
+    new t("address.city", "City", new l(120, "px")),
+    new t("id", "ID", new l(60, "px"))
+  ], r = ce.buildTreeRows(je, "friends");
+  return N.createTableModel({
     rows: r,
     columnDefs: e,
     tableOptions: a,
@@ -164803,7 +164803,7 @@ function _r() {
     fixedRightColumnCount: 0
   });
 }
-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
+const J = new Ze(34, 50, 0), Q = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), Xe = `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 X = new Le(34, 50, 0), J = "_ 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))
-), Ye = 27.9, je = 77.4;
-class Q {
+), Je = 27.9, Qe = 77.4;
+class ee {
   constructor(e, r, n) {
     this.r = e, this.g = r, this.b = n;
   }
 }
-function Xe(a, e, r, n, m) {
+function er(a, e, r, n, m) {
   return (a - e) / (r - e) * (m - n) + n;
 }
-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 rr(a, e, r) {
+  var n = new ee(255, 0, 0), m = new ee(0, 0, 255), s = er(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 Kr() {
-  const a = new B("body", We, X.body), e = new Array(J.length).fill(50), r = new B("header", [J], X.header);
+function Jr() {
+  const a = new B("body", Xe, J.body), e = new Array(Q.length).fill(50), r = new B("header", [Q], J.header);
   return a.getCustomStyleAt = (n, m) => {
     let s = {};
     if (m > 0) {
-      const d = a.getValueAt(n, m);
+      const i = a.getValueAt(n, m);
       s = {
-        background: Je(Ye, je, d),
+        background: rr(Je, Qe, i),
         color: "#fff"
       };
     }
     return s.paddingTop = "10px", s;
-  }, b.createTableModel({
+  }, N.createTableModel({
     headerAreaModel: r,
     bodyAreaModel: a,
     columnSizes: e
   });
 }
-function Qe() {
+function ar() {
   return [
     {
       date: "2010-01-01T01:00:00",
@@ -217403,12 +217403,12 @@ function Qe() {
     }
   ];
 }
-const he = 30, er = 3, Se = Qe(), h = {};
-Se.forEach((a) => {
+const Ce = 30, tr = 3, Le = ar(), C = {};
+Le.forEach((a) => {
   const [e, r] = a.date.split("T");
-  h[e] || (h[e] = {}), h[e][r.substring(0, 5)] = a;
+  C[e] || (C[e] = {}), C[e][r.substring(0, 5)] = a;
 });
-const _ = Object.keys(h), x = [
+const W = Object.keys(C), x = [
   "06:00",
   "07:00",
   "08:00",
@@ -217434,28 +217434,28 @@ const _ = Object.keys(h), x = [
   "04:00",
   "05:00"
 ];
-function rr() {
+function nr() {
   let a = 10, e = 0;
-  return Se.forEach((r) => {
+  return Le.forEach((r) => {
     a = Math.min(a, r.temperature), e = Math.max(e, r.temperature);
   }), [a, e];
 }
-const [ee, re] = rr();
-function Wr() {
-  const a = new ar(), e = new tr(), r = [60, ...new Array(_.length).fill(er)];
-  return b.createTableModel({
+const [re, ae] = nr();
+function Qr() {
+  const a = new mr(), e = new sr(), r = [60, ...new Array(W.length).fill(tr)];
+  return N.createTableModel({
     bodyAreaModel: a,
     footerAreaModel: e,
     columnSizes: r,
     fixedLeftColumnCount: 1
   });
 }
-class ar extends K {
+class mr extends Y {
   getRowCount() {
     return x.length;
   }
   getRowHeight(e) {
-    return he;
+    return Ce;
   }
   getValueAt(e, r) {
     return r === 0 ? x[e] : "";
@@ -217464,29 +217464,29 @@ class ar extends K {
     if (r === 0)
       return "";
     r--;
-    const n = _[r], m = x[e];
-    return h[n] && h[n][m] ? `${n} ${m} → ${h[n][m].temperature}` : "";
+    const n = W[r], m = x[e];
+    return C[n] && C[n][m] ? `${n} ${m} → ${C[n][m].temperature}` : "";
   }
   getCustomStyleAt(e, r) {
     if (r === 0)
       return;
     r--;
-    const n = _[r], m = x[e];
-    if (!h[n] || !h[n][m]) return;
-    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);
+    const n = W[r], m = x[e];
+    if (!C[n] || !C[n][m]) return;
+    const s = C[n][m].temperature, i = new $(67, 1, 84), p = new $(31, 144, 141), d = new $(250, 230, 37), u = (ae + re) / 2, b = new ze(re, i, u, p, ae, d);
     return {
-      background: Ge.getThreeColorGradientRGB(s, f),
+      background: we.getThreeColorGradientRGB(s, b),
       color: "transparent"
       // we only want to show the bg color
     };
   }
 }
-class tr extends K {
+class sr extends Y {
   getRowCount() {
     return 1;
   }
   getRowHeight(e) {
-    return he;
+    return Ce;
   }
   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 tr extends K {
     };
   }
 }
-const $ = [
+const F = [
   {
     data: "Gold",
     toggle: !0,
@@ -217590,9 +217590,9 @@ const $ = [
     ]
   }
 ];
-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));
+function ea() {
+  const e = A.buildGroupExts(F), r = A.buildColumnDefs(e), n = new le("header", F, r, 34);
+  console.info("headerGroups", F), console.info("columnDefs", r.map((i) => i.property));
   const m = [
     {
       GOLD: 146,
@@ -217610,14 +217610,14 @@ function Yr() {
       HOH_C: 53,
       HOH_D: 54
     }
-  ], s = new W("body", m, r, 34);
-  return b.createTableModel({
+  ], s = new j("body", m, r, 34);
+  return N.createTableModel({
     headerAreaModel: n,
     bodyAreaModel: s,
     columnDefs: r
   });
 }
-const nr = [
+const ir = [
   {
     data: "Team A",
     toggle: !0,
@@ -217638,8 +217638,8 @@ const nr = [
     ]
   }
 ];
-function jr(a = nr) {
-  const r = A.buildGroupExts(a), n = A.buildColumnDefs(r), m = new ue("header", a, n, 34);
+function ra(a = ir) {
+  const r = A.buildGroupExts(a), n = A.buildColumnDefs(r), m = new le("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 jr(a = nr) {
       peter: 5,
       paul: 4
     }
-  ], d = new W("body", s, n, 34);
-  return b.createTableModel({
+  ], i = new j("body", s, n, 34);
+  return N.createTableModel({
     headerAreaModel: m,
-    bodyAreaModel: d,
+    bodyAreaModel: i,
     columnDefs: n
   });
 }
-function mr() {
+function dr() {
   return [
     {
       id: 1,
@@ -217835,35 +217835,35 @@ function mr() {
     }
   ];
 }
-function sr() {
+function yr() {
   return [
     new t("firstName", "First Name", g),
     new t("lastName", "Last Name"),
     t.create({
       property: "gender",
       headerLabel: "Gender",
-      width: u,
+      width: c,
       bodyClasses: ["ge-table-text-align-left"]
     }),
     t.create({
       property: "email",
       headerLabel: "Email",
-      width: ce,
+      width: ge,
       bodyClasses: ["ge-table-text-align-left"]
     }),
-    new t("ipAddress", "IP", le),
+    new t("ipAddress", "IP", be),
     t.create({
       property: "id",
       headerLabel: "ID",
-      width: Ze,
+      width: ve,
       // bodyRenderer: actionRenderer,
       bodyClasses: ["ge-table-text-align-left"]
     })
   ];
 }
-function ir() {
+function pr() {
   return {
-    ...new N(),
+    ...new f(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 40,
@@ -217872,19 +217872,19 @@ function ir() {
     }
   };
 }
-function Xr() {
-  const a = ir(), e = mr(), r = sr();
-  return b.createTableModel({
+function aa() {
+  const a = pr(), e = dr(), r = yr();
+  return N.createTableModel({
     rows: e,
     columnDefs: r,
     tableOptions: a,
     fixedLeftColumnCount: 0
   });
 }
-function Jr(a, e) {
-  a.rendererMap = new k(void 0, e, void 0);
+function ta(a, e) {
+  a.rendererMap = new D(void 0, e, void 0);
 }
-const dr = [
+const ur = [
   {
     id: 1,
     city: "London",
@@ -218032,36 +218032,36 @@ const dr = [
     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)), 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")),
+].map((a) => (a.updatedAt = /* @__PURE__ */ new Date(), a)), R = [
+  new t("city", "City", new l(90, "px")),
+  new t("location", "Location", new l(100, "px")),
+  new t("team.name", "Team", new l(100, "px")),
   t.create({
     property: "team.active",
     headerLabel: "Active",
-    width: new c(60, "px"),
-    bodyRenderer: new ge()
+    width: new l(60, "px"),
+    bodyRenderer: new Ne()
   }),
-  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")),
+  new t("data.0", "00", new l(60, "px")),
+  new t("data.1", "15", new l(60, "px")),
+  new t("data.2", "30", new l(60, "px")),
+  new t("data.3", "45", new l(60, "px")),
+  new t("data.4", "00", new l(60, "px")),
+  new t("data.5", "15", new l(60, "px")),
+  new t("data.6", "30", new l(60, "px")),
+  new t("data.7", "45", new l(60, "px")),
+  new t("data.8", "00", new l(60, "px")),
+  new t("data.9", "15", new l(60, "px")),
+  new t("data.10", "30", new l(60, "px")),
+  new t("data.11", "45", new l(60, "px")),
   t.create({
     property: "updatedAt",
     headerLabel: "Updated at",
-    width: new c(175, "px"),
-    bodyRenderer: new ze()
+    width: new l(175, "px"),
+    bodyRenderer: new ke()
   })
-], Qr = I.length - 1, yr = {
-  ...new N(),
+], na = R.length - 1, cr = {
+  ...new f(),
   hoverRowVisible: !1,
   hoverColumnVisible: !1,
   defaultRowHeights: {
@@ -218072,22 +218072,22 @@ const dr = [
   columnsDraggable: !1,
   columnsResizable: !0
 };
-function ea() {
-  const a = yr.defaultRowHeights;
-  return b.createTableModel({
-    headerAreaModel: new ur(a.header),
-    bodyAreaModel: new pr(a.body),
-    footerAreaModel: new cr(a.footer),
-    columnDefs: I,
+function ma() {
+  const a = cr.defaultRowHeights;
+  return N.createTableModel({
+    headerAreaModel: new gr(a.header),
+    bodyAreaModel: new lr(a.body),
+    footerAreaModel: new br(a.footer),
+    columnDefs: R,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 1,
     defaultRowHeights: a,
-    columnCount: I.length
+    columnCount: R.length
   });
 }
-class pr extends W {
+class lr extends j {
   constructor(e) {
-    super("body", dr, I, e);
+    super("body", ur, R, e);
   }
   getRowspanAt(e, r) {
     if (r === 0 || r == 1) {
@@ -218104,7 +218104,7 @@ class pr extends W {
     return m;
   }
 }
-class ur extends B {
+class gr extends B {
   constructor(e) {
     super(
       "header",
@@ -218131,7 +218131,7 @@ class ur extends B {
     return ["ge-font-weight-bold"];
   }
 }
-class cr extends B {
+class br extends B {
   constructor(e) {
     super(
       "footer",
@@ -218146,7 +218146,7 @@ class cr extends B {
     return r === 2 ? ["ge-text-align-right", "ge-font-weight-bold"] : [];
   }
 }
-const lr = [
+const Nr = [
   {
     id: "c8-34f1d5",
     company: "Equicom",
@@ -220084,10 +220084,10 @@ const lr = [
     rating: 5
   }
 ];
-function gr() {
-  return lr;
+function fr() {
+  return Nr;
 }
-function br() {
+function Tr() {
   return [
     t.create({
       property: "company",
@@ -220100,7 +220100,7 @@ function br() {
     t.create({
       property: "country",
       headerLabel: "Country",
-      width: P,
+      width: L,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y
@@ -220116,7 +220116,7 @@ function br() {
     t.create({
       property: "sellDate",
       headerLabel: "Sell date",
-      width: u,
+      width: c,
       bodyRenderer: new O(),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y
@@ -220132,14 +220132,14 @@ function br() {
       property: "inStock",
       headerLabel: "In stock",
       width: z,
-      bodyRenderer: new be("inStock", !0, !0),
+      bodyRenderer: new fe("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y
     }),
     t.create({
       property: "quantity",
       headerLabel: "Qty",
-      width: L,
+      width: P,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       sortable: y
@@ -220147,25 +220147,25 @@ function br() {
     t.create({
       property: "progress",
       headerLabel: "Progress",
-      width: u,
-      bodyRenderer: new Ne("progress", 5, !0),
+      width: c,
+      bodyRenderer: new Te("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
     t.create({
       property: "rating",
       headerLabel: "Rating",
-      width: u,
-      bodyRenderer: new fe("rating"),
+      width: c,
+      bodyRenderer: new oe("rating"),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     })
   ];
 }
-function Nr() {
-  const a = new S("row", "multi");
+function or() {
+  const a = new h("row", "multi");
   return {
-    ...new N(),
+    ...new f(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 24,
@@ -220175,10 +220175,10 @@ function Nr() {
     getSelectionModel: () => a
   };
 }
-function ra() {
-  const a = Nr(), e = gr(), r = br();
-  return new T(
-    b.createTableModel({
+function sa() {
+  const a = or(), e = fr(), r = Tr();
+  return new o(
+    N.createTableModel({
       rows: e,
       columnDefs: r,
       tableOptions: a,
@@ -220187,21 +220187,21 @@ function ra() {
     a
   );
 }
-function ae() {
+function te() {
   return [
     t.create({
       headerLabel: "ID",
       width: g,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: F
+      sortable: _
     }),
     t.create({
       headerLabel: "Value",
       width: Z,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: F
+      sortable: _
     }),
     t.create({
       headerLabel: " ",
@@ -220211,10 +220211,10 @@ function ae() {
     })
   ];
 }
-function fr() {
-  const a = new S();
+function hr() {
+  const a = new h();
   return {
-    ...new N(),
+    ...new f(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 34,
@@ -220224,22 +220224,22 @@ function fr() {
     getSelectionModel: () => a
   };
 }
-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({
+function ia(a = 1e6, e = !1) {
+  const r = hr(), n = e ? [new xe({ format: (i) => i.toLocaleString("en-US") }), ...te()] : te(), m = e ? 1 : 0, s = new Sr(a, m);
+  return new o(N.createTableModel({
     bodyAreaModel: s,
     columnDefs: n,
     tableOptions: r,
     fixedLeftColumnCount: m
   }), r);
 }
-class Tr extends K {
+class Sr extends Y {
   /**
    * @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 we(e, !1);
+    super(), this.rowcount = e, this.columnOffset = r, this.nf = new Intl.NumberFormat("en-Us", {}), this.barRenderer = new De(e, !1);
   }
   getRowCount() {
     return this.rowcount;
@@ -220261,7 +220261,7 @@ class Tr extends K {
     return e * this.getRowHeight(0);
   }
 }
-const or = [
+const Cr = [
   {
     id: "f0-bfbecb",
     company: "Medmex",
@@ -221733,15 +221733,15 @@ const or = [
     f2: 28.55122067
   }
 ];
-function hr(a = 75) {
-  return or.slice(0, a - 1);
+function Lr(a = 75) {
+  return Cr.slice(0, a - 1);
 }
-function Sr(a) {
+function Pr(a) {
   return [
     t.create({
       property: "company",
       headerLabel: "Company",
-      width: u,
+      width: c,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y,
@@ -221750,7 +221750,7 @@ function Sr(a) {
     t.create({
       property: "country",
       headerLabel: "Country",
-      width: P,
+      width: L,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y,
@@ -221759,7 +221759,7 @@ function Sr(a) {
     t.create({
       property: "product",
       headerLabel: "Name",
-      width: u,
+      width: c,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
       sortable: y,
@@ -221768,7 +221768,7 @@ function Sr(a) {
     t.create({
       property: "birthday",
       headerLabel: "Birth Date",
-      width: u,
+      width: c,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221776,7 +221776,7 @@ function Sr(a) {
     t.create({
       property: "sellDate",
       headerLabel: "Sell date",
-      width: u,
+      width: c,
       bodyRenderer: new O(),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
@@ -221785,7 +221785,7 @@ function Sr(a) {
     t.create({
       property: "lastVisit",
       headerLabel: "Last Visit",
-      width: Te,
+      width: he,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221793,7 +221793,7 @@ function Sr(a) {
     t.create({
       property: "time",
       headerLabel: "Time",
-      width: u,
+      width: c,
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221809,7 +221809,7 @@ function Sr(a) {
       property: "inStock",
       headerLabel: "In stock",
       width: z,
-      bodyRenderer: new be("inStock", !0, !0),
+      bodyRenderer: new fe("inStock", !0, !0),
       bodyClasses: ["ge-table-text-align-center"],
       sortable: y,
       editable: () => a
@@ -221817,7 +221817,7 @@ function Sr(a) {
     t.create({
       property: "quantity",
       headerLabel: "Qty",
-      width: L,
+      width: P,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       sortable: y,
@@ -221826,23 +221826,23 @@ function Sr(a) {
     t.create({
       property: "progress",
       headerLabel: "Progress",
-      width: u,
-      bodyRenderer: new Ne("progress", 5, !0),
+      width: c,
+      bodyRenderer: new Te("progress", 5, !0),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
     t.create({
       property: "rating",
       headerLabel: "Rating",
-      width: u,
-      bodyRenderer: new fe("rating"),
+      width: c,
+      bodyRenderer: new oe("rating"),
       bodyClasses: ["ge-table-text-align-left"],
       sortable: y
     }),
     t.create({
       property: "price",
       headerLabel: "Price",
-      width: L,
+      width: P,
       bodyClasses: ["ge-table-text-align-right"],
       sortable: y,
       editable: () => a
@@ -221850,22 +221850,22 @@ function Sr(a) {
     t.create({
       property: "active",
       headerLabel: "Active",
-      width: L,
-      bodyRenderer: new ge(),
+      width: P,
+      bodyRenderer: new Ne(),
       sortable: y,
       editable: () => a
     }),
     t.create({
       property: "currency",
       headerLabel: "CCY",
-      width: L,
+      width: P,
       sortable: y,
       editable: () => a
     }),
     t.create({
       property: "average",
       headerLabel: "Average",
-      width: u,
+      width: c,
       bodyClasses: ["ge-table-text-align-right"],
       sortable: y,
       editable: () => a
@@ -221873,9 +221873,9 @@ function Sr(a) {
     t.create({
       property: "f1",
       headerLabel: "F1",
-      width: oe,
+      width: Se,
       bodyClasses: ["ge-table-text-align-right"],
-      bodyRenderer: new ke(),
+      bodyRenderer: new Ue(),
       sortable: y,
       editable: () => a
     }),
@@ -221897,9 +221897,9 @@ function Sr(a) {
     })
   ];
 }
-function Cr(a) {
+function Gr(a) {
   return {
-    ...new N(),
+    ...new f(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 32,
@@ -221909,17 +221909,17 @@ function Cr(a) {
     getSelectionModel: () => a
   };
 }
-function ta(a = new S("row", "multi"), e = 75, r = !1) {
-  const n = Cr(a);
+function da(a = new h("row", "multi"), e = 75, r = !1) {
+  const n = Gr(a);
   e = Math.max(10, Math.min(75, e));
-  const m = hr(e), s = Sr(r);
-  return new T(b.createTableModel({
+  const m = Lr(e), s = Pr(r);
+  return new o(N.createTableModel({
     rows: m,
     columnDefs: s,
     tableOptions: n
   }), n);
 }
-const Lr = [
+const Zr = [
   ["Germany", "Hamburg"],
   ["Germany", "Berlin"],
   ["Germany", "Munich"],
@@ -221932,7 +221932,7 @@ const Lr = [
   ["Spain", "Madrid"],
   ["Poland", "Warsaw"],
   ["Denmark", "Copenhagen"]
-], Pr = [
+], zr = [
   ["Laptop", "Hardware", 1299],
   ["Monitor", "Hardware", 349],
   ["Keyboard", "Accessories", 89],
@@ -221942,75 +221942,75 @@ const Lr = [
   ["Cloud Credits", "Services", 500],
   ["Support Plan", "Services", 990]
 ];
-function Gr(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 H(a, e = 42) {
-  const r = Gr(e), n = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
+function V(a, e = 42) {
+  const r = wr(e), n = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
   for (let s = 0; s < a; s++) {
-    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 };
+    const [i, p] = n(Zr), [d, u, b] = n(zr), T = 1 + Math.floor(r() * 20), w = Math.round(b * (0.85 + r() * 0.3) * 100) / 100;
+    m[s] = { id: s + 1, country: i, city: p, product: d, category: u, quantity: T, price: w, total: Math.round(T * w * 100) / 100 };
   }
   return m;
 }
 const U = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"], sortable: y };
-function Ce() {
+function Pe() {
   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: 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: E, ...U }),
-    t.create({ property: "total", headerLabel: "Total", width: P, ...U })
+    t.create({ property: "id", headerLabel: "Order", width: c, ...U }),
+    t.create({ property: "country", headerLabel: "Country", width: L, sortable: y }),
+    t.create({ property: "city", headerLabel: "City", width: L, sortable: y }),
+    t.create({ property: "product", headerLabel: "Product", width: I, sortable: y }),
+    t.create({ property: "category", headerLabel: "Category", width: L, sortable: y }),
+    t.create({ property: "quantity", headerLabel: "Qty", width: c, ...U }),
+    t.create({ property: "price", headerLabel: "Ø Price", width: K, ...U }),
+    t.create({ property: "total", headerLabel: "Total", width: L, ...U })
   ];
 }
-function na(a = 5e4, e = ["country", "city"], r = 1) {
-  const n = new S("row", "multi"), m = {
-    ...new N(),
+function ya(a = 5e4, e = ["country", "city"], r = 1) {
+  const n = new h("row", "multi"), m = {
+    ...new f(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n
-  }, s = De.createTableModel({
-    rows: H(a),
-    columnDefs: Ce(),
+  }, s = qe.createTableModel({
+    rows: V(a),
+    columnDefs: Pe(),
     groupBy: e,
     aggregations: { quantity: "sum", price: "avg", total: "sum" },
     expanded: r,
     tableOptions: m
   });
-  return new T(s, m);
+  return new o(s, m);
 }
-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(Zr.format(d))), p.appendChild(i, l), p.appendChild(e, i);
+const vr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+class kr {
+  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 u = p.createElement("div");
+      p.addClass(u, "ge-table-label"), p.appendChild(u, p.createText(vr.format(i))), p.appendChild(d, u), p.appendChild(e, d);
     }
   }
 }
-function ma(a = 5e4) {
-  const e = new S("range", "multi"), r = {
-    ...new N(),
+function pa(a = 5e4) {
+  const e = new h("range", "multi"), r = {
+    ...new f(),
     hoverColumnVisible: !1,
     getSelectionModel: () => e
-  }, 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: H(a),
+  }, n = Pe(), m = new kr();
+  for (const i of n)
+    (i.property === "price" || i.property === "total") && (i.rendererMap.body = m);
+  const s = N.createTableModel({
+    rows: V(a),
     columnDefs: n,
     footerAggregates: {
       rows: [
         {
-          label: (d) => `Sum · ${d.toLocaleString("en-US")} orders`,
+          label: (i) => `Sum · ${i.toLocaleString("en-US")} orders`,
           aggregates: { quantity: "sum", total: "sum" }
         },
         { label: "Average", aggregates: { quantity: "avg", price: "avg", total: "avg" } },
@@ -222021,39 +222021,39 @@ function ma(a = 5e4) {
     },
     tableOptions: r
   });
-  return new T(s, r);
+  return new o(s, r);
 }
-function wr(a) {
+function Dr(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 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) => ({
+function xr(a, e = 42) {
+  const r = Dr(e + 1), n = Date.UTC(2024, 0, 1), m = 3 * 365 + 1;
+  return V(a, e).map((s) => ({
     ...s,
     date: new Date(n + Math.floor(r() * m) * 864e5).toISOString().slice(0, 10)
   }));
 }
-const kr = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, Dr = {
+const Ur = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, qr = {
   name: "quarter",
   label: "Quarter",
   value: (a) => Math.floor((Number(a.date.slice(5, 7)) - 1) / 3) + 1,
   format: (a) => `Q${a}`
 };
-function sa(a = 5e4, e = [kr, Dr], r = 0) {
-  const n = new S("range", "multi"), m = {
-    ...new N(),
+function ua(a = 5e4, e = [Ur, qr], r = 0) {
+  const n = new h("range", "multi"), m = {
+    ...new f(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n
-  }, s = xe.createTableModel({
-    rows: vr(a),
+  }, s = Me.createTableModel({
+    rows: xr(a),
     rowFields: [{ value: "country", label: "Country" }, { value: "city", label: "City" }],
     columnFields: e,
     values: [
-      { value: "total", label: "Revenue", format: (d) => d === void 0 ? "" : Math.round(d).toLocaleString("en-US") },
+      { value: "total", label: "Revenue", format: (i) => i === void 0 ? "" : Math.round(i).toLocaleString("en-US") },
       { value: "id", aggregator: "count", label: "Orders" }
     ],
     expanded: r,
@@ -222061,24 +222061,24 @@ function sa(a = 5e4, e = [kr, Dr], r = 0) {
     groupColumn: { showCount: !1 },
     tableOptions: m
   });
-  return new T(s, m);
+  return new o(s, m);
 }
-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 === "")
+const Mr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+class Br {
+  render(e, r, n, m, s, i, p) {
+    if (i == null || i === "")
       return;
-    const i = p.createElement("div");
-    p.addClass(i, "ge-table-label-div");
-    const l = p.createElement("div");
-    p.addClass(l, "ge-table-label");
-    const f = typeof d == "number" ? xr.format(d) : `${d}`;
-    p.appendChild(l, p.createText(f)), p.appendChild(i, l), p.appendChild(e, i);
+    const d = p.createElement("div");
+    p.addClass(d, "ge-table-label-div");
+    const u = p.createElement("div");
+    p.addClass(u, "ge-table-label");
+    const b = typeof i == "number" ? Mr.format(i) : `${i}`;
+    p.appendChild(u, p.createText(b)), p.appendChild(d, u), p.appendChild(e, d);
   }
 }
-function qr(a, e = 8) {
+function Ar(a, e = 8) {
   const r = [0, 0, 0, 5, 5, 10, 15];
-  return H(a, e).map((n, m) => ({
+  return V(a, e).map((n, m) => ({
     id: n.id,
     country: n.country,
     product: n.product,
@@ -222087,23 +222087,23 @@ function qr(a, e = 8) {
     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 = {
+const S = { 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 Mr(a = q.custom) {
-  const e = new Ur();
+function Rr(a = q.custom) {
+  const e = new Br();
   return [
-    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: "id", headerLabel: "Line", width: z, ...S, sortable: y }),
+    t.create({ property: "country", headerLabel: "Country", width: Be, sortable: y }),
+    t.create({ property: "product", headerLabel: "Product", width: I, sortable: y }),
     t.create({
       property: "quantity",
       headerLabel: "Qty",
       width: z,
-      ...o,
+      ...S,
       sortable: y,
       editable: y,
       editInputPipe: G
@@ -222111,8 +222111,8 @@ function Mr(a = q.custom) {
     t.create({
       property: "price",
       headerLabel: "Price",
-      width: E,
-      ...o,
+      width: K,
+      ...S,
       sortable: y,
       editable: y,
       editInputPipe: G,
@@ -222122,7 +222122,7 @@ function Mr(a = q.custom) {
       property: "discount",
       headerLabel: "Disc. %",
       width: z,
-      ...o,
+      ...S,
       sortable: y,
       editable: y,
       editInputPipe: G
@@ -222131,7 +222131,7 @@ function Mr(a = q.custom) {
       property: "net",
       headerLabel: "Net",
       width: g,
-      ...o,
+      ...S,
       sortable: y,
       formula: q.net,
       bodyRenderer: e,
@@ -222140,8 +222140,8 @@ function Mr(a = q.custom) {
     t.create({
       property: "vat",
       headerLabel: "VAT 19%",
-      width: E,
-      ...o,
+      width: K,
+      ...S,
       sortable: y,
       formula: q.vat,
       bodyRenderer: e,
@@ -222151,7 +222151,7 @@ function Mr(a = q.custom) {
       property: "gross",
       headerLabel: "Gross",
       width: g,
-      ...o,
+      ...S,
       sortable: y,
       formula: q.gross,
       bodyRenderer: e,
@@ -222161,7 +222161,7 @@ function Mr(a = q.custom) {
       property: "share",
       headerLabel: "Share of net",
       width: g,
-      ...o,
+      ...S,
       sortable: y,
       formula: "[net]",
       showValuesAs: { mode: "percentOfColumnTotal", fractionDigits: 2 }
@@ -222170,7 +222170,7 @@ function Mr(a = q.custom) {
       property: "rank",
       headerLabel: "Rank",
       width: z,
-      ...o,
+      ...S,
       sortable: y,
       formula: "[gross]",
       showValuesAs: "rank"
@@ -222178,20 +222178,20 @@ function Mr(a = q.custom) {
     t.create({
       property: "custom",
       headerLabel: "Custom formula",
-      width: P,
-      ...o,
+      width: L,
+      ...S,
       sortable: y,
       formula: a
     })
   ];
 }
-function ia(a = 2e3) {
+function ca(a = 2e3) {
   const e = {
-    ...new N(),
+    ...new f(),
     hoverColumnVisible: !1
-  }, r = b.createTableModel({
-    rows: qr(a),
-    columnDefs: Mr(),
+  }, r = N.createTableModel({
+    rows: Ar(a),
+    columnDefs: Rr(),
     footerAggregates: {
       rows: [{ label: (n) => `Sum · ${n.toLocaleString("en-US")} lines`, aggregates: { net: "sum", vat: "sum", gross: "sum" } }],
       labelProperty: "product"
@@ -222199,9 +222199,9 @@ function ia(a = 2e3) {
     fixedLeftColumnCount: 1,
     tableOptions: e
   });
-  return new T(r, e);
+  return new o(r, e);
 }
-const v = [
+const k = [
   "Fix login timeout",
   "Ship row drag",
   "Write release notes",
@@ -222222,45 +222222,45 @@ const v = [
   "Plan Q1 roadmap",
   "Refactor date utils",
   "Security headers"
-], te = ["Anna", "Ben", "Chen", "Dana", "Emil"], ne = ["todo", "doing", "todo", "done", "todo"];
-function Br(a = 20, e = !1) {
+], ne = ["Anna", "Ben", "Chen", "Dana", "Emil"], me = ["todo", "doing", "todo", "done", "todo"];
+function Ir(a = 20, e = !1) {
   return Array.from({ length: a }, (r, n) => ({
     id: n + 1,
-    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],
+    title: n < k.length ? k[n] : `${k[n % k.length]} #${Math.floor(n / k.length) + 1}`,
+    owner: ne[n % ne.length],
+    status: me[n * 3 % me.length],
     estimate: 1 + n * 7 % 13,
     locked: e && n === 0
   }));
 }
-function da(a = Br(20, !0), e = {}) {
-  const r = new S("row", "multi"), n = new Y("cell"), m = {
-    ...new N(),
+function la(a = Ir(20, !0), e = {}) {
+  const r = new h("row", "multi"), n = new H("cell"), m = {
+    ...new f(),
     hoverColumnVisible: !1,
     getSelectionModel: () => r,
     getFocusModel: () => n,
     rowDragOptions: e,
     ariaLabel: "Priority list"
-  }, s = b.createTableModel({
+  }, s = N.createTableModel({
     rows: a,
     rowNumbersVisible: { headerLabel: "#" },
     columnDefs: [
-      t.create({ property: "title", headerLabel: "Task", width: ce, rowDrag: (d) => !d.locked }),
+      t.create({ property: "title", headerLabel: "Task", width: ge, rowDrag: (i) => !i.locked }),
       t.create({ property: "owner", headerLabel: "Owner", width: g }),
-      t.create({ property: "status", headerLabel: "Status", width: u }),
+      t.create({ property: "status", headerLabel: "Status", width: c }),
       t.create({
         property: "estimate",
         headerLabel: "Hours",
-        width: u,
+        width: c,
         headerClasses: ["ge-table-text-align-right"],
         bodyClasses: ["ge-table-text-align-right"]
       })
     ],
     tableOptions: m
   });
-  return new T(s, m);
+  return new o(s, m);
 }
-const Ar = [
+const Or = [
   {
     id: 0,
     preName: "Prename0",
@@ -384134,10 +384134,10 @@ const Ar = [
     friends: []
   }
 ];
-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(),
+function Hr(a = !1) {
+  const e = new h("range", "multi");
+  return a && (e.addSelection(new v(0, 0, 0, 2)), e.addSelection(new v(2, 1, 2, 2)), e.addSelection(new v(1, 5, 6, 7)), e.addSelection(new v(0, 8, 0, 8)), e.addSelection(new v(5, 6, 10, 10))), {
+    ...new f(),
     hoverColumnVisible: !1,
     defaultRowHeights: {
       header: 50,
@@ -384145,7 +384145,7 @@ function Ir(a = !1) {
       footer: 0
     },
     autoRestoreOptions: {
-      ...new Re(),
+      ...new Ve(),
       getStorageKeyFn: () => "TreetablePeopleComponent",
       autoRestoreCollapsedExpandedState: !0,
       autoRestoreScrollPosition: !0,
@@ -384155,15 +384155,15 @@ function Ir(a = !1) {
     getSelectionModel: () => e
   };
 }
-function Rr() {
+function Vr() {
   return [
-    new t("lastName", "Last Name", Te),
+    new t("lastName", "Last Name", he),
     new t("preName", "Pre Name", g),
     t.create({
       property: "age",
       headerLabel: "Age",
-      width: oe,
-      bodyRenderer: new qe(),
+      width: Se,
+      bodyRenderer: new Ae(),
       editable: y,
       // editInputPipe: (value: any) => value ? Number(value) : ""
       editInputPipe: G
@@ -384171,42 +384171,42 @@ function Rr() {
     new t(
       "birth",
       "Birthday",
-      u,
+      c,
       void 0,
-      Me.bodyRenderer(new O())
+      Re.bodyRenderer(new O())
     ),
     t.create({
       property: "gender",
       headerLabel: " ",
-      width: Ae,
-      bodyRenderer: new ye(),
+      width: Oe,
+      bodyRenderer: new ue(),
       editable: y,
-      getEditRenderer: () => new Be([
-        new j("female", "♀"),
-        new j("male", "♂")
+      getEditRenderer: () => new Ie([
+        new X("female", "♀"),
+        new X("male", "♂")
       ])
     }),
-    new t("address.street", "Strasse", le),
-    new t("address.number", "Nr", Ie),
-    new t("address.zip", "Zip", L),
+    new t("address.street", "Strasse", be),
+    new t("address.number", "Nr", He),
+    new t("address.zip", "Zip", P),
     new t("address.city", "City", g),
     new t("address.country", "Country", g),
-    new t("id", "ID", L)
+    new t("id", "ID", P)
   ];
 }
-function ya(a = !1) {
-  const e = Ir(a), r = Rr();
+function ga(a = !1) {
+  const e = Hr(a), r = Vr();
   for (const s of r)
     s.sortable = y, s.editable = y;
-  r[0].editable = F;
-  const n = pe.buildTreeRows(Ar, "friends"), m = b.createTableModel({
+  r[0].editable = _;
+  const n = ce.buildTreeRows(Or, "friends"), m = N.createTableModel({
     rows: n,
     columnDefs: r,
     tableOptions: e,
     fixedLeftColumnCount: 1,
     fixedRightColumnCount: 1
   });
-  return new T(
+  return new o(
     m,
     e
   );
@@ -384229,7 +384229,7 @@ const M = [
   ["Tea selection", "Kitchen"],
   ["Water bottle", "Kitchen"]
 ];
-function Or(a = 16) {
+function $r(a = 16) {
   return Array.from({ length: a }, (e, r) => {
     const [n, m] = M[r % M.length];
     return {
@@ -384244,69 +384244,69 @@ function Or(a = 16) {
     };
   });
 }
-function pa(a = Or(), e = !0, r = !0) {
-  const n = new S("range", "multi"), m = new Y("cell"), s = {
-    ...new N(),
+function ba(a = $r(), e = !0, r = !0) {
+  const n = new h("range", "multi"), m = new H("cell"), s = {
+    ...new f(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n,
     getFocusModel: () => m,
     fillHandle: r,
     batchEdit: e,
     ariaLabel: "Price list"
-  }, d = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"] }, p = b.createTableModel({
+  }, i = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-table-text-align-right"] }, p = N.createTableModel({
     rows: a,
     fixedLeftColumnCount: 1,
     columnDefs: [
-      t.create({ property: "sku", headerLabel: "SKU", width: u }),
+      t.create({ property: "sku", headerLabel: "SKU", width: c }),
       t.create({ property: "product", headerLabel: "Product", width: Z, editable: y }),
-      t.create({ property: "category", headerLabel: "Category", width: u, editable: y }),
+      t.create({ property: "category", headerLabel: "Category", width: c, editable: y }),
       t.create({
         property: "validFrom",
         headerLabel: "Valid from",
         width: g,
         editable: y,
-        validate: (i) => /^\d{4}-\d{2}-\d{2}$/.test(String(i)) ? void 0 : "Date as YYYY-MM-DD"
+        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,
+        width: c,
         editable: y,
         editInputPipe: G,
-        ...d,
-        validate: (i) => typeof i == "number" && i >= 0 ? void 0 : "A price is a number ≥ 0"
+        ...i,
+        validate: (d) => typeof d == "number" && d >= 0 ? void 0 : "A price is a number ≥ 0"
       }),
       t.create({
         property: "discount",
         headerLabel: "Discount %",
-        width: u,
+        width: c,
         editable: y,
         editInputPipe: G,
-        ...d,
-        validate: (i) => typeof i == "number" && i >= 0 && i <= 50 ? void 0 : "Discount 0 … 50 %"
+        ...i,
+        validate: (d) => typeof d == "number" && d >= 0 && d <= 50 ? void 0 : "Discount 0 … 50 %"
       }),
       t.create({
         property: "net",
         headerLabel: "Net",
-        width: u,
-        ...d,
-        valueGetter: (i) => Math.round(i.price * (100 - i.discount)) / 100
+        width: c,
+        ...i,
+        valueGetter: (d) => Math.round(d.price * (100 - d.discount)) / 100
       }),
       t.create({
         property: "stock",
         headerLabel: "Stock",
-        width: u,
+        width: c,
         editable: y,
         editInputPipe: G,
-        ...d,
-        validate: (i) => Number.isInteger(i) && i >= 0 ? void 0 : "Stock is a whole number ≥ 0"
+        ...i,
+        validate: (d) => Number.isInteger(d) && d >= 0 ? void 0 : "Stock is a whole number ≥ 0"
       })
     ],
     tableOptions: s
   });
-  return new T(p, s);
+  return new o(p, s);
 }
-const me = [
+const se = [
   "Ada Lovelace",
   "Alan Turing",
   "Grace Hopper",
@@ -384317,7 +384317,7 @@ const me = [
   "Ken Thompson",
   "Katherine Johnson",
   "Tim Berners-Lee"
-], se = ["Berlin", "Hamburg", "Munich", "Cologne", "Vienna", "Zurich"], ie = ["open", "paid", "shipped", "delivered"], de = [
+], ie = ["Berlin", "Hamburg", "Munich", "Cologne", "Vienna", "Zurich"], de = ["open", "paid", "shipped", "delivered"], ye = [
   ["Desk lamp", 39.9],
   ["Standing desk", 499],
   ["Office chair", 289],
@@ -384331,54 +384331,54 @@ const me = [
   ["Coffee beans", 15.5],
   ["Water bottle", 19.9]
 ];
-function Hr(a = 1e3) {
+function Fr(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 s = [], i = 1 + Math.floor(r() * 8);
+    for (let d = 0; d < i; d++) {
+      const [u, b] = ye[Math.floor(r() * ye.length)];
+      s.push({ sku: `SKU-${String(1 + Math.floor(r() * 900)).padStart(3, "0")}`, product: u, quantity: 1 + Math.floor(r() * 5), unitPrice: b });
     }
     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],
+      customer: se[Math.floor(r() * se.length)],
+      city: ie[m % ie.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,
+      status: de[Math.floor(r() * de.length)],
+      total: Math.round(s.reduce((d, u) => d + u.quantity * u.unitPrice, 0) * 100) / 100,
       items: s
     });
   }
   return n;
 }
-function Vr(a) {
-  return b.createTableModel({
+function Er(a) {
+  return N.createTableModel({
     rows: a.items,
     columnDefs: [
-      t.create({ property: "sku", headerLabel: "SKU", width: u }),
+      t.create({ property: "sku", headerLabel: "SKU", width: c }),
       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: "quantity", headerLabel: "Qty", width: c, 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({
+function Na(a = Fr(1e5), e = {}) {
+  const r = N.createTableModel({
     rows: a,
     columnDefs: [
-      t.create({ property: "orderNo", headerLabel: "Order", width: R }),
+      t.create({ property: "orderNo", headerLabel: "Order", width: I }),
       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: "status", headerLabel: "Status", width: c }),
       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(),
+  }), n = new H("cell"), m = new h("row", "multi"), s = {
+    ...new f(),
     hoverColumnVisible: !1,
     getFocusModel: () => n,
     getSelectionModel: () => m,
@@ -384386,64 +384386,164 @@ function ua(a = Hr(1e5), e = {}) {
     masterDetail: {
       detailHeight: 222,
       // header + 5 rows, borders, padding of the detail cell
-      detailRenderer: (d, p, i) => {
-        i.createTable({ tableModel: Vr(p) });
+      detailRenderer: (i, p, d) => {
+        d.createTable({ tableModel: Er(p) });
       },
-      getRowId: (d) => d.id,
+      getRowId: (i) => i.id,
       ...e
     }
   };
-  return new T(r, s);
+  return new o(r, s);
+}
+const E = [
+  ["الرياض", "السعودية", "RUH"],
+  ["جدة", "السعودية", "JED"],
+  ["مكة", "السعودية", "MKK"],
+  ["الدمام", "السعودية", "DMM"],
+  ["دبي", "الإمارات", "DXB"],
+  ["أبوظبي", "الإمارات", "AUH"],
+  ["الشارقة", "الإمارات", "SHJ"],
+  ["الدوحة", "قطر", "DOH"],
+  ["الكويت", "الكويت", "KWI"],
+  ["المنامة", "البحرين", "BAH"],
+  ["مسقط", "عُمان", "MCT"],
+  ["القاهرة", "مصر", "CAI"],
+  ["الإسكندرية", "مصر", "ALY"],
+  ["عمّان", "الأردن", "AMM"],
+  ["بيروت", "لبنان", "BEY"],
+  ["بغداد", "العراق", "BGW"],
+  ["تونس", "تونس", "TUN"],
+  ["الجزائر", "الجزائر", "ALG"],
+  ["الرباط", "المغرب", "RBA"],
+  ["الدار البيضاء", "المغرب", "CMN"]
+], pe = ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
+function _r(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 Kr(a = 2e3, e = 7) {
+  const r = _r(e);
+  return Array.from({ length: a }, (n, m) => {
+    const [s, i, p] = E[m % E.length], d = 5e3 + Math.round(r() * 25e3), u = () => Math.round(d * (0.7 + r() * 0.6));
+    return {
+      id: m + 1,
+      city: s,
+      country: i,
+      branch: `فرع ${p}-${String(Math.floor(m / E.length) + 1).padStart(2, "0")}`,
+      m1: u(),
+      m2: u(),
+      m3: u(),
+      m4: u(),
+      m5: u(),
+      m6: u(),
+      m7: u(),
+      m8: u(),
+      m9: u(),
+      m10: u(),
+      m11: u(),
+      m12: u()
+    };
+  });
+}
+function fa(a = "rtl", e = Kr()) {
+  const r = new h("range", "multi"), n = new H("cell"), m = {
+    ...new f(),
+    direction: a,
+    hoverColumnVisible: !1,
+    getSelectionModel: () => r,
+    getFocusModel: () => n,
+    ariaLabel: "المبيعات حسب المدينة"
+  }, s = ["ge-table-text-align-right"], i = pe.map((b, T) => t.create({
+    property: `m${T + 1}`,
+    headerLabel: b,
+    width: c,
+    bodyClasses: s,
+    footerClasses: s,
+    sortable: () => !0
+  })), p = [
+    t.create({ property: "city", headerLabel: "المدينة", width: g, sortable: () => !0 }),
+    t.create({ property: "country", headerLabel: "البلد", width: g, sortable: () => !0 }),
+    t.create({ property: "branch", headerLabel: "الفرع", width: L }),
+    ...i,
+    t.create({
+      property: "total",
+      headerLabel: "المجموع",
+      width: g,
+      bodyClasses: s,
+      footerClasses: s,
+      sortable: () => !0,
+      valueGetter: (b) => pe.reduce((T, w, Ge) => T + b[`m${Ge + 1}`], 0)
+    })
+  ], d = Object.fromEntries([...i.map((b) => b.property), "total"].map((b) => [b, "sum"])), u = N.createTableModel({
+    rows: e,
+    columnDefs: p,
+    rowNumbersVisible: !0,
+    fixedLeftColumnCount: 1,
+    // the city stays at the start (right)
+    fixedRightColumnCount: 1,
+    // the total stays at the end (left)
+    footerAggregates: {
+      rows: [{ label: "المجموع", aggregates: d }],
+      labelProperty: "branch"
+    },
+    tableOptions: m
+  });
+  return new o(u, m);
 }
 export {
-  Qr as COL_IDX_UPDATED_AT,
-  Oe as ChangePercentageRenderer,
-  Fe as CirculatingSupplyRenderer,
-  Ee as CoinIconRenderer,
+  na as COL_IDX_UPDATED_AT,
+  $e as ChangePercentageRenderer,
+  Ke as CirculatingSupplyRenderer,
+  We as CoinIconRenderer,
   q as INVOICE_FORMULAS,
-  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
+  Sr as LargeBodyModel,
+  Ee as NameAndSymbolRenderer,
+  Fe as UsdRenderer,
+  _e as Volumn24hRenderer,
+  ta as applyBodyRenderer,
+  pa as createAggregationModelAndOptions,
+  yr as createColumnDefs,
+  Yr as createCryptoModelAndOptions,
+  ca as createFormulaModelAndOptions,
+  ea as createHeadergroupModel,
+  Jr as createHeatMapModel,
+  Qr as createHeatMapSeattleModel,
+  Rr as createInvoiceColumnDefs,
+  ia as createLargeModelAndOptions,
+  da as createManyTypesModelAndOptions,
+  Na as createMasterDetailModelAndOptions,
+  Er as createOrderItemsModel,
+  sa as createOrderModelAndOptions,
+  ua as createPivotModelAndOptions,
+  ba as createPriceListModelAndOptions,
+  la as createRowDragModelAndOptions,
+  ya as createRowGroupModelAndOptions,
+  fa as createRtlCitiesModelAndOptions,
+  Pe as createSalesOrderColumnDefs,
+  aa as createSimplePersonModel,
+  pr as createTableOptions,
+  dr as createTableRows,
+  ra as createTeamHeadergroupModel,
+  ma as createTimeTableModel,
+  Vr as createTreePeopleColumnDefs,
+  ga as createTreePeopleModelAndOptions,
+  Hr as createTreePeopleTableOptions,
+  Ye as cryptoData,
+  ur as data,
+  Ar as generateInvoiceLines,
+  Fr as generateMasterOrders,
+  xr as generatePivotOrders,
+  $r as generatePriceItems,
+  Kr as generateRtlCitySales,
+  V as generateSalesOrders,
+  jr as generateSimpleModel,
+  Ir as generateTasks,
+  Xr as generateTreeCheckboxModel,
+  qr as pivotQuarter,
+  Ur as pivotYear,
+  cr as tableOptions,
+  ir as teamHeaderGroups
 };