@guiexpert/demo-table-models 1.1.98 → 1.1.99

package/index.js

@@ -1,5 +1,5 @@
-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 {
+import { ColumnDef as t, px60 as P, px120 as g, px100 as c, px160 as R, 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 Ie, SelectCellRenderer as Re, px50 as Oe, ValueLabel as X, px70 as He, CellRange as v, AutoRestoreOptions as Ve, SpreadsheetFactory as $e } from "@guiexpert/table";
+class Fe {
   render(e, r, n, m, s, i, p) {
     if (i) {
       const d = Number(i);
@@ -7,7 +7,7 @@ class $e {
     }
   }
 }
-class Fe {
+class Ee {
   constructor() {
     this.formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
   }
@@ -18,7 +18,7 @@ class Fe {
     }
   }
 }
-class Ee {
+class _e {
   render(e, r, n, m, s, i, p) {
     const d = s.getRowByIndex(r);
     if (d) {
@@ -32,7 +32,7 @@ class Ee {
     }
   }
 }
-class _e {
+class Ke {
   constructor() {
     this.formatterUsd = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }), this.formatter = new Intl.NumberFormat("en-US");
   }
@@ -49,7 +49,7 @@ class _e {
     }
   }
 }
-class Ke {
+class We {
   constructor(e = 120) {
     this.maxWidth = e, this.formatter = new Intl.NumberFormat("en-US");
   }
@@ -69,13 +69,13 @@ class Ke {
     }
   }
 }
-class We {
+class Ye {
   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 Ye = [
+const je = [
   {
     id: 1,
     name: "Bitcoin",
@@ -2810,8 +2810,8 @@ const Ye = [
     change90d: 12.43943602
   }
 ];
-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 = [
+function Xr() {
+  const a = je, e = new Fe(), r = new Ee(), n = new _e(), m = new Ke(), s = new We(120), i = new Ye(), p = [
     t.create({
       property: "symbol",
       headerLabel: "",
@@ -2840,7 +2840,7 @@ function Yr() {
     t.create({
       property: "marketCapUsd",
       headerLabel: "Market Cap",
-      width: I,
+      width: R,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: r
@@ -2881,7 +2881,7 @@ function Yr() {
     d
   );
 }
-function jr(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((i) => `${s}/${i}`)
   ), n = Array.from(Array(2).keys()).map(
@@ -2898,7 +2898,7 @@ function jr(a = 1e3, e = 1e3) {
     fixedRightColumnCount: 2
   });
 }
-const je = [
+const Xe = [
   {
     id: 0,
     preName: "Prename0",
@@ -164772,7 +164772,7 @@ const je = [
     friends: []
   }
 ];
-function Xr() {
+function Qr() {
   const a = {
     ...new f(),
     hoverColumnVisible: !1,
@@ -164794,7 +164794,7 @@ function Xr() {
     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");
+  ], r = ce.buildTreeRows(Xe, "friends");
   return N.createTableModel({
     rows: r,
     columnDefs: e,
@@ -164803,7 +164803,7 @@ function Xr() {
     fixedRightColumnCount: 0
   });
 }
-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
+const J = new Ze(34, 50, 0), Q = "_ Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), Je = `2009 27.9 36.7 42.4 54.5 62.5 67.5 72.7 75.7 66.3 55.0 51.2 35.9
 2010 32.5 33.1 48.2 57.9 65.3 74.7 81.3 77.4 71.1 58.1 47.9 32.8
 2011 29.7 36.0 42.3 54.3 64.5 72.3 80.2 75.3 70.0 57.1 51.9 43.3
 2012 37.3 40.9 50.9 54.8 65.1 71.0 78.8 76.7 68.8 58.0 43.9 41.5
@@ -164814,27 +164814,27 @@ const J = new Ze(34, 50, 0), Q = "_ 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))
-), Je = 27.9, Qe = 77.4;
+), Qe = 27.9, er = 77.4;
 class ee {
   constructor(e, r, n) {
     this.r = e, this.g = r, this.b = n;
   }
 }
-function er(a, e, r, n, m) {
+function rr(a, e, r, n, m) {
   return (a - e) / (r - e) * (m - n) + n;
 }
-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;
+function ar(a, e, r) {
+  var n = new ee(255, 0, 0), m = new ee(0, 0, 255), s = rr(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 Jr() {
-  const a = new B("body", Xe, J.body), e = new Array(Q.length).fill(50), r = new B("header", [Q], J.header);
+function ea() {
+  const a = new B("body", Je, 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 i = a.getValueAt(n, m);
       s = {
-        background: rr(Je, Qe, i),
+        background: ar(Qe, er, i),
         color: "#fff"
       };
     }
@@ -164845,7 +164845,7 @@ function Jr() {
     columnSizes: e
   });
 }
-function ar() {
+function tr() {
   return [
     {
       date: "2010-01-01T01:00:00",
@@ -217403,7 +217403,7 @@ function ar() {
     }
   ];
 }
-const Ce = 30, tr = 3, Le = ar(), C = {};
+const Ce = 30, nr = 3, Le = tr(), C = {};
 Le.forEach((a) => {
   const [e, r] = a.date.split("T");
   C[e] || (C[e] = {}), C[e][r.substring(0, 5)] = a;
@@ -217434,15 +217434,15 @@ const W = Object.keys(C), x = [
   "04:00",
   "05:00"
 ];
-function nr() {
+function mr() {
   let a = 10, e = 0;
   return Le.forEach((r) => {
     a = Math.min(a, r.temperature), e = Math.max(e, r.temperature);
   }), [a, e];
 }
-const [re, ae] = nr();
-function Qr() {
-  const a = new mr(), e = new sr(), r = [60, ...new Array(W.length).fill(tr)];
+const [re, ae] = mr();
+function ra() {
+  const a = new sr(), e = new ir(), r = [60, ...new Array(W.length).fill(nr)];
   return N.createTableModel({
     bodyAreaModel: a,
     footerAreaModel: e,
@@ -217450,7 +217450,7 @@ function Qr() {
     fixedLeftColumnCount: 1
   });
 }
-class mr extends Y {
+class sr extends Y {
   getRowCount() {
     return x.length;
   }
@@ -217481,7 +217481,7 @@ class mr extends Y {
     };
   }
 }
-class sr extends Y {
+class ir extends Y {
   getRowCount() {
     return 1;
   }
@@ -217590,7 +217590,7 @@ const F = [
     ]
   }
 ];
-function ea() {
+function aa() {
   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 = [
@@ -217617,7 +217617,7 @@ function ea() {
     columnDefs: r
   });
 }
-const ir = [
+const dr = [
   {
     data: "Team A",
     toggle: !0,
@@ -217638,7 +217638,7 @@ const ir = [
     ]
   }
 ];
-function ra(a = ir) {
+function ta(a = dr) {
   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 = [
@@ -217655,7 +217655,7 @@ function ra(a = ir) {
     columnDefs: n
   });
 }
-function dr() {
+function yr() {
   return [
     {
       id: 1,
@@ -217835,7 +217835,7 @@ function dr() {
     }
   ];
 }
-function yr() {
+function pr() {
   return [
     new t("firstName", "First Name", g),
     new t("lastName", "Last Name"),
@@ -217861,7 +217861,7 @@ function yr() {
     })
   ];
 }
-function pr() {
+function ur() {
   return {
     ...new f(),
     hoverColumnVisible: !1,
@@ -217872,8 +217872,8 @@ function pr() {
     }
   };
 }
-function aa() {
-  const a = pr(), e = dr(), r = yr();
+function na() {
+  const a = ur(), e = yr(), r = pr();
   return N.createTableModel({
     rows: e,
     columnDefs: r,
@@ -217881,10 +217881,10 @@ function aa() {
     fixedLeftColumnCount: 0
   });
 }
-function ta(a, e) {
+function ma(a, e) {
   a.rendererMap = new D(void 0, e, void 0);
 }
-const ur = [
+const cr = [
   {
     id: 1,
     city: "London",
@@ -218032,7 +218032,7 @@ const ur = [
     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)), R = [
+].map((a) => (a.updatedAt = /* @__PURE__ */ new Date(), a)), I = [
   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")),
@@ -218060,7 +218060,7 @@ const ur = [
     width: new l(175, "px"),
     bodyRenderer: new ke()
   })
-], na = R.length - 1, cr = {
+], sa = I.length - 1, lr = {
   ...new f(),
   hoverRowVisible: !1,
   hoverColumnVisible: !1,
@@ -218072,22 +218072,22 @@ const ur = [
   columnsDraggable: !1,
   columnsResizable: !0
 };
-function ma() {
-  const a = cr.defaultRowHeights;
+function ia() {
+  const a = lr.defaultRowHeights;
   return N.createTableModel({
-    headerAreaModel: new gr(a.header),
-    bodyAreaModel: new lr(a.body),
-    footerAreaModel: new br(a.footer),
-    columnDefs: R,
+    headerAreaModel: new br(a.header),
+    bodyAreaModel: new gr(a.body),
+    footerAreaModel: new Nr(a.footer),
+    columnDefs: I,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 1,
     defaultRowHeights: a,
-    columnCount: R.length
+    columnCount: I.length
   });
 }
-class lr extends j {
+class gr extends j {
   constructor(e) {
-    super("body", ur, R, e);
+    super("body", cr, I, e);
   }
   getRowspanAt(e, r) {
     if (r === 0 || r == 1) {
@@ -218104,7 +218104,7 @@ class lr extends j {
     return m;
   }
 }
-class gr extends B {
+class br extends B {
   constructor(e) {
     super(
       "header",
@@ -218131,7 +218131,7 @@ class gr extends B {
     return ["ge-font-weight-bold"];
   }
 }
-class br extends B {
+class Nr extends B {
   constructor(e) {
     super(
       "footer",
@@ -218146,7 +218146,7 @@ class br extends B {
     return r === 2 ? ["ge-text-align-right", "ge-font-weight-bold"] : [];
   }
 }
-const Nr = [
+const fr = [
   {
     id: "c8-34f1d5",
     company: "Equicom",
@@ -220084,10 +220084,10 @@ const Nr = [
     rating: 5
   }
 ];
-function fr() {
-  return Nr;
-}
 function Tr() {
+  return fr;
+}
+function or() {
   return [
     t.create({
       property: "company",
@@ -220162,7 +220162,7 @@ function Tr() {
     })
   ];
 }
-function or() {
+function hr() {
   const a = new h("row", "multi");
   return {
     ...new f(),
@@ -220175,8 +220175,8 @@ function or() {
     getSelectionModel: () => a
   };
 }
-function sa() {
-  const a = or(), e = fr(), r = Tr();
+function da() {
+  const a = hr(), e = Tr(), r = or();
   return new o(
     N.createTableModel({
       rows: e,
@@ -220211,7 +220211,7 @@ function te() {
     })
   ];
 }
-function hr() {
+function Sr() {
   const a = new h();
   return {
     ...new f(),
@@ -220224,8 +220224,8 @@ function hr() {
     getSelectionModel: () => a
   };
 }
-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);
+function ya(a = 1e6, e = !1) {
+  const r = Sr(), n = e ? [new xe({ format: (i) => i.toLocaleString("en-US") }), ...te()] : te(), m = e ? 1 : 0, s = new Cr(a, m);
   return new o(N.createTableModel({
     bodyAreaModel: s,
     columnDefs: n,
@@ -220233,7 +220233,7 @@ function ia(a = 1e6, e = !1) {
     fixedLeftColumnCount: m
   }), r);
 }
-class Sr extends Y {
+class Cr extends Y {
   /**
    * @param rowcount - number of rows
    * @param columnOffset - columns in front of the data columns (1 for a RowNumberColumnDef)
@@ -220261,7 +220261,7 @@ class Sr extends Y {
     return e * this.getRowHeight(0);
   }
 }
-const Cr = [
+const Lr = [
   {
     id: "f0-bfbecb",
     company: "Medmex",
@@ -221733,10 +221733,10 @@ const Cr = [
     f2: 28.55122067
   }
 ];
-function Lr(a = 75) {
-  return Cr.slice(0, a - 1);
+function Pr(a = 75) {
+  return Lr.slice(0, a - 1);
 }
-function Pr(a) {
+function Gr(a) {
   return [
     t.create({
       property: "company",
@@ -221897,7 +221897,7 @@ function Pr(a) {
     })
   ];
 }
-function Gr(a) {
+function Zr(a) {
   return {
     ...new f(),
     hoverColumnVisible: !1,
@@ -221909,17 +221909,17 @@ function Gr(a) {
     getSelectionModel: () => a
   };
 }
-function da(a = new h("row", "multi"), e = 75, r = !1) {
-  const n = Gr(a);
+function pa(a = new h("row", "multi"), e = 75, r = !1) {
+  const n = Zr(a);
   e = Math.max(10, Math.min(75, e));
-  const m = Lr(e), s = Pr(r);
+  const m = Pr(e), s = Gr(r);
   return new o(N.createTableModel({
     rows: m,
     columnDefs: s,
     tableOptions: n
   }), n);
 }
-const Zr = [
+const zr = [
   ["Germany", "Hamburg"],
   ["Germany", "Berlin"],
   ["Germany", "Munich"],
@@ -221932,7 +221932,7 @@ const Zr = [
   ["Spain", "Madrid"],
   ["Poland", "Warsaw"],
   ["Denmark", "Copenhagen"]
-], zr = [
+], wr = [
   ["Laptop", "Hardware", 1299],
   ["Monitor", "Hardware", 349],
   ["Keyboard", "Accessories", 89],
@@ -221942,7 +221942,7 @@ const Zr = [
   ["Cloud Credits", "Services", 500],
   ["Support Plan", "Services", 990]
 ];
-function wr(a) {
+function vr(a) {
   return () => {
     a |= 0, a = a + 1831565813 | 0;
     let e = Math.imul(a ^ a >>> 15, 1 | a);
@@ -221950,9 +221950,9 @@ function wr(a) {
   };
 }
 function V(a, e = 42) {
-  const r = wr(e), n = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
+  const r = vr(e), n = (s) => s[Math.floor(r() * s.length)], m = new Array(a);
   for (let s = 0; s < a; s++) {
-    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;
+    const [i, p] = n(zr), [d, u, b] = n(wr), 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;
@@ -221963,14 +221963,14 @@ function Pe() {
     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: "product", headerLabel: "Product", width: R, 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 ya(a = 5e4, e = ["country", "city"], r = 1) {
+function ua(a = 5e4, e = ["country", "city"], r = 1) {
   const n = new h("row", "multi"), m = {
     ...new f(),
     hoverColumnVisible: !1,
@@ -221985,23 +221985,23 @@ function ya(a = 5e4, e = ["country", "city"], r = 1) {
   });
   return new o(s, m);
 }
-const vr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-class kr {
+const kr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+class Dr {
   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);
+      p.addClass(u, "ge-table-label"), p.appendChild(u, p.createText(kr.format(i))), p.appendChild(d, u), p.appendChild(e, d);
     }
   }
 }
-function pa(a = 5e4) {
+function ca(a = 5e4) {
   const e = new h("range", "multi"), r = {
     ...new f(),
     hoverColumnVisible: !1,
     getSelectionModel: () => e
-  }, n = Pe(), m = new kr();
+  }, n = Pe(), m = new Dr();
   for (const i of n)
     (i.property === "price" || i.property === "total") && (i.rendererMap.body = m);
   const s = N.createTableModel({
@@ -222023,33 +222023,33 @@ function pa(a = 5e4) {
   });
   return new o(s, r);
 }
-function Dr(a) {
+function xr(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 xr(a, e = 42) {
-  const r = Dr(e + 1), n = Date.UTC(2024, 0, 1), m = 3 * 365 + 1;
+function Ur(a, e = 42) {
+  const r = xr(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 Ur = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, qr = {
+const qr = { name: "year", label: "Year", value: (a) => Number(a.date.slice(0, 4)) }, Mr = {
   name: "quarter",
   label: "Quarter",
   value: (a) => Math.floor((Number(a.date.slice(5, 7)) - 1) / 3) + 1,
   format: (a) => `Q${a}`
 };
-function ua(a = 5e4, e = [Ur, qr], r = 0) {
+function la(a = 5e4, e = [qr, Mr], r = 0) {
   const n = new h("range", "multi"), m = {
     ...new f(),
     hoverColumnVisible: !1,
     getSelectionModel: () => n
   }, s = Me.createTableModel({
-    rows: xr(a),
+    rows: Ur(a),
     rowFields: [{ value: "country", label: "Country" }, { value: "city", label: "City" }],
     columnFields: e,
     values: [
@@ -222063,8 +222063,8 @@ function ua(a = 5e4, e = [Ur, qr], r = 0) {
   });
   return new o(s, m);
 }
-const Mr = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-class Br {
+const Br = new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+class Ar {
   render(e, r, n, m, s, i, p) {
     if (i == null || i === "")
       return;
@@ -222072,11 +222072,11 @@ class Br {
     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}`;
+    const b = typeof i == "number" ? Br.format(i) : `${i}`;
     p.appendChild(u, p.createText(b)), p.appendChild(d, u), p.appendChild(e, d);
   }
 }
-function Ar(a, e = 8) {
+function Ir(a, e = 8) {
   const r = [0, 0, 0, 5, 5, 10, 15];
   return V(a, e).map((n, m) => ({
     id: n.id,
@@ -222094,11 +222094,11 @@ const S = { headerClasses: ["ge-table-text-align-right"], bodyClasses: ["ge-tabl
   custom: 'IF([discount] > 0, ROUND([gross] / [quantity], 2), "–")'
 };
 function Rr(a = q.custom) {
-  const e = new Br();
+  const e = new Ar();
   return [
     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: "product", headerLabel: "Product", width: R, sortable: y }),
     t.create({
       property: "quantity",
       headerLabel: "Qty",
@@ -222185,12 +222185,12 @@ function Rr(a = q.custom) {
     })
   ];
 }
-function ca(a = 2e3) {
+function ga(a = 2e3) {
   const e = {
     ...new f(),
     hoverColumnVisible: !1
   }, r = N.createTableModel({
-    rows: Ar(a),
+    rows: Ir(a),
     columnDefs: Rr(),
     footerAggregates: {
       rows: [{ label: (n) => `Sum · ${n.toLocaleString("en-US")} lines`, aggregates: { net: "sum", vat: "sum", gross: "sum" } }],
@@ -222223,7 +222223,7 @@ const k = [
   "Refactor date utils",
   "Security headers"
 ], ne = ["Anna", "Ben", "Chen", "Dana", "Emil"], me = ["todo", "doing", "todo", "done", "todo"];
-function Ir(a = 20, e = !1) {
+function Or(a = 20, e = !1) {
   return Array.from({ length: a }, (r, n) => ({
     id: n + 1,
     title: n < k.length ? k[n] : `${k[n % k.length]} #${Math.floor(n / k.length) + 1}`,
@@ -222233,7 +222233,7 @@ function Ir(a = 20, e = !1) {
     locked: e && n === 0
   }));
 }
-function la(a = Ir(20, !0), e = {}) {
+function ba(a = Or(20, !0), e = {}) {
   const r = new h("row", "multi"), n = new H("cell"), m = {
     ...new f(),
     hoverColumnVisible: !1,
@@ -222260,7 +222260,7 @@ function la(a = Ir(20, !0), e = {}) {
   });
   return new o(s, m);
 }
-const Or = [
+const Hr = [
   {
     id: 0,
     preName: "Prename0",
@@ -384134,7 +384134,7 @@ const Or = [
     friends: []
   }
 ];
-function Hr(a = !1) {
+function Vr(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(),
@@ -384155,7 +384155,7 @@ function Hr(a = !1) {
     getSelectionModel: () => e
   };
 }
-function Vr() {
+function $r() {
   return [
     new t("lastName", "Last Name", he),
     new t("preName", "Pre Name", g),
@@ -384173,7 +384173,7 @@ function Vr() {
       "Birthday",
       c,
       void 0,
-      Re.bodyRenderer(new O())
+      Ie.bodyRenderer(new O())
     ),
     t.create({
       property: "gender",
@@ -384181,7 +384181,7 @@ function Vr() {
       width: Oe,
       bodyRenderer: new ue(),
       editable: y,
-      getEditRenderer: () => new Ie([
+      getEditRenderer: () => new Re([
         new X("female", "♀"),
         new X("male", "♂")
       ])
@@ -384194,12 +384194,12 @@ function Vr() {
     new t("id", "ID", P)
   ];
 }
-function ga(a = !1) {
-  const e = Hr(a), r = Vr();
+function Na(a = !1) {
+  const e = Vr(a), r = $r();
   for (const s of r)
     s.sortable = y, s.editable = y;
   r[0].editable = _;
-  const n = ce.buildTreeRows(Or, "friends"), m = N.createTableModel({
+  const n = ce.buildTreeRows(Hr, "friends"), m = N.createTableModel({
     rows: n,
     columnDefs: r,
     tableOptions: e,
@@ -384229,7 +384229,7 @@ const M = [
   ["Tea selection", "Kitchen"],
   ["Water bottle", "Kitchen"]
 ];
-function $r(a = 16) {
+function Fr(a = 16) {
   return Array.from({ length: a }, (e, r) => {
     const [n, m] = M[r % M.length];
     return {
@@ -384244,7 +384244,7 @@ function $r(a = 16) {
     };
   });
 }
-function ba(a = $r(), e = !0, r = !0) {
+function fa(a = Fr(), e = !0, r = !0) {
   const n = new h("range", "multi"), m = new H("cell"), s = {
     ...new f(),
     hoverColumnVisible: !1,
@@ -384331,7 +384331,7 @@ const se = [
   ["Coffee beans", 15.5],
   ["Water bottle", 19.9]
 ];
-function Fr(a = 1e3) {
+function Er(a = 1e3) {
   let e = 20261016;
   const r = () => (e = e * 16807 % 2147483647) / 2147483647, n = [];
   for (let m = 0; m < a; m++) {
@@ -384354,7 +384354,7 @@ function Fr(a = 1e3) {
   }
   return n;
 }
-function Er(a) {
+function _r(a) {
   return N.createTableModel({
     rows: a.items,
     columnDefs: [
@@ -384365,11 +384365,11 @@ function Er(a) {
     ]
   });
 }
-function Na(a = Fr(1e5), e = {}) {
+function Ta(a = Er(1e5), e = {}) {
   const r = N.createTableModel({
     rows: a,
     columnDefs: [
-      t.create({ property: "orderNo", headerLabel: "Order", width: I }),
+      t.create({ property: "orderNo", headerLabel: "Order", width: R }),
       t.create({ property: "date", headerLabel: "Date", width: g, sortable: () => !0 }),
       t.create({ property: "customer", headerLabel: "Customer", width: Z, sortable: () => !0 }),
       t.create({ property: "city", headerLabel: "City", width: g, sortable: () => !0 }),
@@ -384387,7 +384387,7 @@ function Na(a = Fr(1e5), e = {}) {
       detailHeight: 222,
       // header + 5 rows, borders, padding of the detail cell
       detailRenderer: (i, p, d) => {
-        d.createTable({ tableModel: Er(p) });
+        d.createTable({ tableModel: _r(p) });
       },
       getRowId: (i) => i.id,
       ...e
@@ -384417,15 +384417,15 @@ const E = [
   ["الرباط", "المغرب", "RBA"],
   ["الدار البيضاء", "المغرب", "CMN"]
 ], pe = ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
-function _r(a) {
+function Kr(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);
+function Wr(a = 2e3, e = 7) {
+  const r = Kr(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 {
@@ -384448,7 +384448,7 @@ function Kr(a = 2e3, e = 7) {
     };
   });
 }
-function fa(a = "rtl", e = Kr()) {
+function oa(a = "rtl", e = Wr()) {
   const r = new h("range", "multi"), n = new H("cell"), m = {
     ...new f(),
     direction: a,
@@ -384493,57 +384493,83 @@ function fa(a = "rtl", e = Kr()) {
   });
   return new o(u, m);
 }
+function Yr() {
+  return [
+    ["Item", "Qty", "Unit price", "Discount", "Net", "Note"],
+    ['Laptop 14"', 4, 1299, 0.05, "=B2*C2*(1-D2)", ""],
+    ["Docking station", 4, 189, 0, "=B3*C3*(1-D3)", ""],
+    ['Monitor 27"', 8, 349, 0.1, "=B4*C4*(1-D4)", '=IF(D4>=0.1,"volume discount","")'],
+    ["Keyboard set", 4, 79, 0, "=B5*C5*(1-D5)", ""],
+    ["Setup (hours)", 6, 95, 0, "=B6*C6*(1-D6)", ""],
+    ["", "", "", "", "", ""],
+    ["Subtotal", "=SUM(B2:B6)", "", "", "=SUM(E2:E6)", '=COUNT(B2:B6)&" positions"'],
+    ["Shipping", "", "", "", "=IF(E8>=1000,0,49)", '=IF(E9=0,"free from 1,000","")'],
+    ["VAT 19 %", "", "", "", "=ROUND((E8+E9)*0.19,2)", ""],
+    ["Total", "", "", "", "=E8+E9+E10", ""]
+  ];
+}
+function ha(a = {}) {
+  return $e.create({
+    data: Yr(),
+    rowCount: 100,
+    columnCount: 8,
+    columnWidth: 130,
+    ...a
+  });
+}
 export {
-  na as COL_IDX_UPDATED_AT,
-  $e as ChangePercentageRenderer,
-  Ke as CirculatingSupplyRenderer,
-  We as CoinIconRenderer,
+  sa as COL_IDX_UPDATED_AT,
+  Fe as ChangePercentageRenderer,
+  We as CirculatingSupplyRenderer,
+  Ye as CoinIconRenderer,
   q as INVOICE_FORMULAS,
-  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,
+  Cr as LargeBodyModel,
+  _e as NameAndSymbolRenderer,
+  Ee as UsdRenderer,
+  Ke as Volumn24hRenderer,
+  ma as applyBodyRenderer,
+  ca as createAggregationModelAndOptions,
+  pr as createColumnDefs,
+  Xr as createCryptoModelAndOptions,
+  ga as createFormulaModelAndOptions,
+  aa as createHeadergroupModel,
+  ea as createHeatMapModel,
+  ra 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,
+  ya as createLargeModelAndOptions,
+  pa as createManyTypesModelAndOptions,
+  Ta as createMasterDetailModelAndOptions,
+  _r as createOrderItemsModel,
+  da as createOrderModelAndOptions,
+  la as createPivotModelAndOptions,
+  fa as createPriceListModelAndOptions,
+  ba as createRowDragModelAndOptions,
+  ua as createRowGroupModelAndOptions,
+  oa 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,
+  na as createSimplePersonModel,
+  Yr as createSpreadsheetQuoteData,
+  ha as createSpreadsheetQuoteModelAndOptions,
+  ur as createTableOptions,
+  yr as createTableRows,
+  ta as createTeamHeadergroupModel,
+  ia as createTimeTableModel,
+  $r as createTreePeopleColumnDefs,
+  Na as createTreePeopleModelAndOptions,
+  Vr as createTreePeopleTableOptions,
+  je as cryptoData,
+  cr as data,
+  Ir as generateInvoiceLines,
+  Er as generateMasterOrders,
+  Ur as generatePivotOrders,
+  Fr as generatePriceItems,
+  Wr 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
+  Jr as generateSimpleModel,
+  Or as generateTasks,
+  Qr as generateTreeCheckboxModel,
+  Mr as pivotQuarter,
+  qr as pivotYear,
+  lr as tableOptions,
+  dr as teamHeaderGroups
 };