@gisce/ooui 2.38.0 → 2.39.0

package/dist/ooui.es.js

@@ -5,7 +5,7 @@ import { decode as xe } from "html-entities";
 import { evaluateCondition as pe } from "@gisce/conscheck";
 import * as D from "txml";
 import T from "moment";
-const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), Fe = ({
+const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ve = ({
   entry: i,
   values: t,
   fields: e
@@ -69,7 +69,7 @@ const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), Fe
 }) => {
   const d = i.replace(/\(/g, "[").replace(/\)/g, "]").replace(/'/g, '"').replace(/True/g, "true").replace(/False/g, "false"), _ = m(d), h = JSON.parse(_), u = {};
   for (const g of Object.keys(h)) {
-    const x = h[g].map((y) => Fe({ entry: y, values: t, fields: e })).every((y) => y);
+    const x = h[g].map((y) => ve({ entry: y, values: t, fields: e })).every((y) => y);
     x ? u[g] = !0 : g === "readonly" && !x && s === "button" && (u[g] = !1);
   }
   return u;
@@ -84,7 +84,7 @@ const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), Fe
     }
   else
     return i;
-}, ve = ({
+}, Fe = ({
   attrs: i,
   values: t,
   fields: e,
@@ -127,7 +127,7 @@ const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), Fe
   let a = {};
   if (i.json_attrs)
     try {
-      a = ve({
+      a = Fe({
         attrs: i.json_attrs,
         values: t,
         fields: e,
@@ -669,8 +669,8 @@ const W = class W extends w {
   }
 };
 r(W, "_defaultColspan", 3);
-let M = W;
-class R extends w {
+let N = W;
+class j extends w {
   constructor(e) {
     super(e);
     r(this, "_loading", !1);
@@ -683,7 +683,7 @@ class R extends w {
     this._loading = e;
   }
 }
-class Pe extends R {
+class Pe extends j {
   constructor(e) {
     super(e);
     r(this, "_icon", null);
@@ -696,7 +696,7 @@ class Pe extends R {
     this._icon = e;
   }
 }
-class Oe extends R {
+class Oe extends j {
   constructor(e) {
     var s;
     super(e);
@@ -1182,9 +1182,9 @@ class Me extends C {
     return null;
   }
 }
-class Ae extends z {
+class Ne extends z {
 }
-class Ne extends f {
+class Ae extends f {
   constructor(e) {
     super(e);
     /**
@@ -1567,6 +1567,39 @@ class it extends f {
     return console.log(this.parsedWidgetProps), ((t = this.parsedWidgetProps) == null ? void 0 : t.showValue) ?? !1;
   }
 }
+class st extends j {
+  constructor(e) {
+    super(e);
+    r(this, "_title", null);
+    r(this, "_icon", null);
+    /**
+     * Height of the card component
+     */
+    r(this, "_height");
+    if (e && (e.title && (this._title = e.title), e.icon && (this._icon = e.icon), e.height)) {
+      const s = parseInt(e.height);
+      this._height = isNaN(s) ? void 0 : s;
+    }
+  }
+  get title() {
+    return this._title;
+  }
+  set title(e) {
+    this._title = e;
+  }
+  get icon() {
+    return this._icon;
+  }
+  set icon(e) {
+    this._icon = e;
+  }
+  get height() {
+    return this._height;
+  }
+  set height(e) {
+    this._height = e;
+  }
+}
 class $ {
   constructor() {
     /**
@@ -1577,7 +1610,7 @@ class $ {
   setWidgetClass(t) {
     switch (t) {
       case "notebook":
-        this._widgetClass = M;
+        this._widgetClass = N;
         break;
       case "page":
         this._widgetClass = Pe;
@@ -1585,6 +1618,9 @@ class $ {
       case "group":
         this._widgetClass = Oe;
         break;
+      case "card":
+        this._widgetClass = st;
+        break;
       case "label":
         this._widgetClass = Z;
         break;
@@ -1651,10 +1687,10 @@ class $ {
         this._widgetClass = Ze;
         break;
       case "reference":
-        this._widgetClass = Ae;
+        this._widgetClass = Ne;
         break;
       case "binary":
-        this._widgetClass = Ne;
+        this._widgetClass = Ae;
         break;
       case "image":
         this._widgetClass = Be;
@@ -1711,7 +1747,7 @@ class $ {
         this._widgetClass = H;
         break;
       case "spinner":
-        this._widgetClass = R;
+        this._widgetClass = j;
         break;
       case "carousel":
         this._widgetClass = et;
@@ -1731,6 +1767,7 @@ class $ {
       case "notebook":
       case "page":
       case "group":
+      case "card":
         return new this._widgetClass({ ...e, type: s });
       case "button":
         return new this._widgetClass({
@@ -1743,7 +1780,7 @@ class $ {
     }
   }
 }
-const st = ({
+const rt = ({
   fieldName: i,
   values: t,
   fields: e
@@ -1768,7 +1805,7 @@ const st = ({
     n[o] = d.some((_) => _);
   }
   return n;
-}, rt = ({
+}, nt = ({
   states: i,
   values: t
 }) => {
@@ -1777,7 +1814,7 @@ const st = ({
   const e = i.split(",");
   return e.length === 0 ? {} : e.includes(t.state) ? {} : { invisible: !0 };
 };
-function nt({
+function at({
   values: i = {},
   fieldName: t,
   fields: e = {}
@@ -1805,7 +1842,7 @@ const ne = ({
     return u.forEach((c) => {
       const b = c[1];
       if (!c[1].includes("'") && c[1] !== "true" && c[1] !== "false") {
-        const x = nt({
+        const x = at({
           values: t,
           fields: e,
           fieldName: b === "active_id" ? "id" : b
@@ -1820,7 +1857,7 @@ const ne = ({
   } catch {
     return;
   }
-}, zt = (i) => {
+}, St = (i) => {
   const t = [];
   try {
     return !i || le(i) || typeof i != "string" ? t : ae(i) !== null ? [] : (i.trim().length === 0 || i.replace(/"/g, "'").replace(/\s/g, "").replace(/True/g, "true").replace(/False/g, "false").replace(/\{/g, "").replace(/\}/g, "").split(",").map((u) => u.split(":")).forEach((u) => {
@@ -1840,14 +1877,14 @@ function ae(i) {
 function le(i) {
   return typeof i == "object" && i !== null && typeof i != "string";
 }
-const at = (i) => {
+const lt = (i) => {
   const t = i.trim().replace(")", "").split("("), e = t[0], n = t[1].split(",").map((a) => a.trim());
   return {
     method: e,
     args: n
   };
 };
-function lt(i) {
+function ot(i) {
   const t = [];
   function e(s) {
     const n = [];
@@ -1859,7 +1896,7 @@ function lt(i) {
     e(s);
   return t.flat();
 }
-class St {
+class It {
   constructor(t, e = 4) {
     /**
      * Object containing fields specification of the form.
@@ -1975,7 +2012,7 @@ class St {
       container: this._container,
       values: s
     });
-    const l = lt(this._container._rows);
+    const l = ot(this._container._rows);
     l.forEach((d) => {
       const _ = d;
       _._id && _._context && (this._contextForFields[_._id] = d._context);
@@ -1988,7 +2025,7 @@ class St {
   }) {
     const n = new $();
     t.filter((a) => typeof a == "object").forEach((a) => {
-      var F, v;
+      var v, F;
       const { tagName: l, attributes: o, children: d } = a;
       let _ = l, h = o;
       if (l === "field") {
@@ -2018,24 +2055,24 @@ class St {
         widgetType: l
       });
       let g;
-      l === "button" && h.states ? g = rt({
+      l === "button" && h.states ? g = nt({
         states: h.states,
         values: s
-      }) : g = st({
+      }) : g = rt({
         fieldName: h.name,
         values: s,
         fields: this._fields
       });
       const c = ne({
-        context: h.context || ((F = this._fields[h.name]) == null ? void 0 : F.context),
+        context: h.context || ((v = this._fields[h.name]) == null ? void 0 : v.context),
         values: s,
         fields: this._fields
       });
-      h.on_change && (this._onChangeFields[h.name] = at(
+      h.on_change && (this._onChangeFields[h.name] = lt(
         h.on_change
       ));
       let b;
-      Q(h.domain) ? b = h.domain : Q((v = this._fields[h.name]) == null ? void 0 : v.domain) && (b = this._fields[h.name].domain), this._keyIdx = this._keyIdx + 1;
+      Q(h.domain) ? b = h.domain : Q((F = this._fields[h.name]) == null ? void 0 : F.domain) && (b = this._fields[h.name].domain), this._keyIdx = this._keyIdx + 1;
       const x = {
         ...u,
         ...g,
@@ -2063,7 +2100,7 @@ class St {
 function Q(i) {
   return i ? Array.isArray(i) && i.length > 0 ? !0 : typeof i == "string" && i !== "" && i !== "[]" : !1;
 }
-class It {
+class Et {
   constructor(t) {
     /**
      * Object containing fields specification of the form.
@@ -2177,7 +2214,7 @@ class It {
     return this._columns.find((e) => e.findById ? e.findById(t) : !1);
   }
 }
-const ot = {
+const ct = {
   text: "text",
   many2one: "many2one",
   char: "char",
@@ -2190,7 +2227,7 @@ const ot = {
   date: "date",
   datetime: "datetime"
 };
-class Et {
+class Vt {
   constructor(t, e, s = 8) {
     /**
      * Object containing the specific fields for primary and secondary search fields
@@ -2238,7 +2275,7 @@ class Et {
         colspan: 2
       }, { type: a, widget: l } = n;
       let o = l ?? a;
-      return ot[o] === void 0 && (o = a), e.createWidget(o, n);
+      return ct[o] === void 0 && (o = a), e.createWidget(o, n);
     });
   }
   /**
@@ -2249,7 +2286,7 @@ class Et {
     return this.advancedSearchContainer.findById(t);
   }
 }
-const Vt = ({
+const Yt = ({
   domain: i,
   widgetFieldName: t
 }) => {
@@ -2264,8 +2301,8 @@ const Vt = ({
       n.length - 1
     )) : (o = n, d = "id"), o === t && e.push([d, a, l]);
   }), e;
-}, Yt = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((t) => t.trim()).filter((t) => !t.includes("'"));
-class ct {
+}, Dt = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((t) => t.trim()).filter((t) => !t.includes("'"));
+class dt {
   constructor(t) {
     r(this, "_action_id", null);
     r(this, "_position", null);
@@ -2278,7 +2315,7 @@ class ct {
     return this._position;
   }
 }
-class Dt {
+class jt {
   constructor(t) {
     r(this, "_string", null);
     r(this, "_items", []);
@@ -2286,7 +2323,7 @@ class Dt {
     this._string = e.attributes.string || null;
     const { children: s } = e;
     s.forEach((n) => {
-      n.tagName === "dashboard_item" && this._items.push(new ct(n.attributes));
+      n.tagName === "dashboard_item" && this._items.push(new dt(n.attributes));
     });
   }
   get string() {
@@ -2350,7 +2387,7 @@ class ce extends oe {
     return this._suffix;
   }
 }
-class dt extends ce {
+class ut extends ce {
   constructor(e, s) {
     super(e, s);
     r(this, "_field");
@@ -2370,7 +2407,7 @@ class dt extends ce {
     return this._operator;
   }
 }
-const ut = (i) => {
+const ht = (i) => {
   const t = [];
   let e;
   if (i.forEach((s) => {
@@ -2380,10 +2417,10 @@ const ut = (i) => {
         throw new Error(`Field ${l} doesn't have an axis`);
       if (!l)
         throw new Error("Missing name attribute for field");
-      n === "x" ? e = new ft({
+      n === "x" ? e = new gt({
         name: l
       }) : n === "y" && t.push(
-        new _t({
+        new ft({
           name: l,
           operator: a,
           label: o,
@@ -2400,13 +2437,13 @@ const ut = (i) => {
     y: t
   };
 };
-class j extends oe {
+class M extends oe {
   constructor(e, s) {
     super(s);
     r(this, "_x");
     r(this, "_y");
     this._type = e;
-    const n = ut(s.children);
+    const n = ht(s.children);
     this._x = n.x, this._y = n.y;
   }
   get x() {
@@ -2416,17 +2453,17 @@ class j extends oe {
     return this._y;
   }
 }
-const ht = {
+const _t = {
   indicator: ce,
-  indicatorField: dt,
-  line: j,
-  bar: j,
-  pie: j
-}, jt = (i) => {
+  indicatorField: ut,
+  line: M,
+  bar: M,
+  pie: M
+}, Mt = (i) => {
   const t = D.parse(i).filter((n) => n.tagName === "graph")[0], e = t.attributes.type;
   if (!e)
     throw new Error(`${e} is not a valid graph`);
-  const s = ht[e];
+  const s = _t[e];
   if (!s)
     throw new Error(`${e} not found as a GraphModel`);
   return new s(e, t);
@@ -2444,7 +2481,7 @@ class de {
     return this._axis;
   }
 }
-class _t extends de {
+class ft extends de {
   constructor({
     name: e,
     operator: s,
@@ -2467,12 +2504,12 @@ class _t extends de {
     return this._stacked;
   }
 }
-class ft extends de {
+class gt extends de {
   constructor({ name: t }) {
     super({ name: t, axis: "x" });
   }
 }
-const gt = ({ ooui: i }) => {
+const mt = ({ ooui: i }) => {
   const e = [i.x.name];
   return i.y ? (i.y.forEach((s) => {
     s.operator !== "count" && !e.includes(s.name) && e.push(s.name), s.label && !e.includes(s.label) && e.push(s.label);
@@ -2494,27 +2531,27 @@ function q({
   }
   return { value: n, label: n };
 }
-const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getFieldsToRetrieve: gt,
+  getFieldsToRetrieve: mt,
   getValueAndLabelForField: q
 }, Symbol.toStringTag, { value: "Module" }));
-function mt({
+function bt({
   values: i,
   timerange: t,
   interval: e = 1
 }) {
-  const s = xt({
+  const s = pt({
     values: i,
     timerange: t
   });
-  return bt({
+  return yt({
     values: s,
     timerange: t,
     interval: e
   });
 }
-function bt({
+function yt({
   values: i,
   timerange: t,
   interval: e = 1
@@ -2532,7 +2569,7 @@ function bt({
         return;
       const u = h.x, g = d[_ + 1].x;
       if (!ue([u, g], a)) {
-        const c = yt({
+        const c = xt({
           dates: [u, g],
           timerange: t,
           interval: e
@@ -2549,7 +2586,7 @@ function bt({
     }
   }), s.sort((o, d) => o.x < d.x ? -1 : o.x > d.x ? 1 : 0);
 }
-function yt({
+function xt({
   dates: i,
   timerange: t,
   interval: e = 1
@@ -2571,11 +2608,11 @@ function yt({
   }
   return s;
 }
-function xt({
+function pt({
   values: i,
   timerange: t
 }) {
-  const e = pt({
+  const e = wt({
     values: i,
     timerange: t
   }), s = [], n = he({
@@ -2593,19 +2630,19 @@ function xt({
     });
   }), s;
 }
-function pt({
+function wt({
   values: i,
   timerange: t
 }) {
   return i.map((e) => ({
     ...e,
-    x: wt({
+    x: vt({
       date: e.x,
       timerange: t
     })
   }));
 }
-function wt({
+function vt({
   date: i,
   timerange: t
 }) {
@@ -2676,7 +2713,7 @@ function E(i) {
       return "YYYY-MM-DD HH:mm";
   }
 }
-const vt = {
+const Ct = {
   count: "count",
   "+": "sum",
   "-": "subtract",
@@ -2684,13 +2721,13 @@ const vt = {
   avg: "average",
   min: "min",
   max: "max"
-}, Ct = ({
+}, kt = ({
   ooui: i,
   values: t,
   fields: e,
   options: s
 }) => {
-  const n = B({
+  const n = R({
     fieldName: i.x.name,
     values: t,
     fields: e
@@ -2699,13 +2736,13 @@ const vt = {
     Object.keys(n).forEach((b) => {
       const x = n[b].label, y = n[b].entries;
       if (c.label) {
-        const F = B({
+        const v = R({
           fieldName: c.label,
           values: y,
           fields: e
         });
-        Object.keys(F).forEach((v) => {
-          const p = F[v].entries, S = F[v].label, ge = N({
+        Object.keys(v).forEach((F) => {
+          const p = v[F].entries, S = v[F].label, ge = B({
             entries: p,
             fields: e,
             fieldName: c.name
@@ -2722,17 +2759,17 @@ const vt = {
           });
         });
       } else {
-        const F = N({
+        const v = B({
           entries: y,
           fields: e,
           fieldName: c.name
-        }), v = Y({
-          values: F,
+        }), F = Y({
+          values: v,
           operator: c.operator
         });
         a.push({
           x: x || !1,
-          value: v,
+          value: F,
           type: _e({
             yAxis: c,
             fields: e
@@ -2751,7 +2788,7 @@ const vt = {
     (c) => c.x !== !1
   ));
   let u = h;
-  i.timerange ? u = mt({
+  i.timerange ? u = bt({
     values: u,
     timerange: i.timerange,
     interval: i.interval
@@ -2769,7 +2806,7 @@ const vt = {
   }
   return g;
 };
-function N({
+function B({
   entries: i,
   fieldName: t,
   fields: e
@@ -2818,7 +2855,7 @@ function Y({
 function I(i) {
   return Math.round((i + Number.EPSILON) * 100) / 100;
 }
-function B({
+function R({
   fieldName: i,
   fields: t,
   values: e
@@ -2833,7 +2870,7 @@ function B({
     s[a] || (s[a] = { label: l, entries: [] }), s[a].entries.push(n);
   }), s;
 }
-function kt(i) {
+function Pt(i) {
   let t = [];
   return Object.keys(i).forEach((e) => {
     const s = i[e];
@@ -2858,23 +2895,24 @@ function fe(i, t = 0.1) {
 }
 const At = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getAllObjectsInGroupedValues: kt,
+  getAllObjectsInGroupedValues: Pt,
   getMinMax: fe,
   getValueForOperator: Y,
-  getValuesForYField: N,
-  getValuesGroupedByField: B,
+  getValuesForYField: B,
+  getValuesGroupedByField: R,
   getYAxisFieldname: _e,
-  labelsForOperator: vt,
-  processGraphData: Ct
+  labelsForOperator: Ct,
+  processGraphData: kt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Te as ActionButtons,
   Ue as Alert,
   ke as Avatar,
-  Ne as Binary,
+  Ae as Binary,
   te as Boolean,
   ee as Button,
   We as ButtonGroup,
+  st as Card,
   et as Carousel,
   A as Char,
   re as CodeEditor,
@@ -2882,22 +2920,22 @@ export {
   Ke as Comments,
   V as Container,
   w as ContainerWidget,
-  Dt as Dashboard,
-  ct as DashboardItem,
+  jt as Dashboard,
+  dt as DashboardItem,
   De as Date,
   je as DateTime,
   Ze as Email,
   f as Field,
   G as Float,
   Ee as FloatTime,
-  St as Form,
+  It as Form,
   oe as Graph,
   de as GraphAxis,
-  j as GraphChart,
+  M as GraphChart,
   ce as GraphIndicator,
-  dt as GraphIndicatorField,
-  ft as GraphXAxis,
-  _t as GraphYAxis,
+  ut as GraphIndicatorField,
+  gt as GraphXAxis,
+  ft as GraphYAxis,
   Oe as Group,
   Ve as HTMLPreview,
   Be as Image,
@@ -2909,18 +2947,18 @@ export {
   Se as Markdown,
   se as MultiCheckbox,
   K as NewLine,
-  M as Notebook,
+  N as Notebook,
   ie as One2many,
   Pe as Page,
   Ye as ProgressBar,
   it as QRCode,
   Je as Radio,
-  Ae as Reference,
-  ot as SearchFieldTypes,
-  Et as SearchFilter,
+  Ne as Reference,
+  ct as SearchFieldTypes,
+  Vt as SearchFilter,
   z as Selection,
   Me as Separator,
-  R as Spinner,
+  j as Spinner,
   Qe as Steps,
   He as Switch,
   qe as Tag,
@@ -2928,14 +2966,14 @@ export {
   L as Text,
   Xe as Time,
   Le as Timeline,
-  It as Tree,
+  Et as Tree,
   C as Widget,
-  Mt as graphFieldUtils,
+  Nt as graphFieldUtils,
   At as graphProcessor,
   ne as parseContext,
-  zt as parseContextFields,
-  Yt as parseDomainFields,
-  jt as parseGraph,
-  Vt as transformDomainForChildWidget
+  St as parseContextFields,
+  Dt as parseDomainFields,
+  Mt as parseGraph,
+  Yt as transformDomainForChildWidget
 };
 //# sourceMappingURL=ooui.es.js.map