@gisce/ooui 2.25.0 → 2.26.0-alpha.2

package/dist/ooui.es.js

@@ -653,7 +653,7 @@ const P = class P extends w {
 };
 n(P, "_defaultColspan", 3);
 let M = P;
-class B extends w {
+class L extends w {
   constructor(e) {
     super(e);
     n(this, "_loading", !1);
@@ -666,7 +666,7 @@ class B extends w {
     this._loading = e;
   }
 }
-class Oe extends B {
+class Oe extends L {
   constructor(e) {
     super(e);
     n(this, "_icon", null);
@@ -679,11 +679,17 @@ class Oe extends B {
     this._icon = e;
   }
 }
-class Pe extends B {
+class Pe extends L {
   constructor(e) {
     super(e);
     n(this, "_icon", null);
-    e && e.icon && (this._icon = e.icon);
+    n(this, "_height");
+    if (e && (e.icon && (this._icon = e.icon), e.height))
+      try {
+        this._height = parseInt(e.height);
+      } catch {
+        console.log("Error parsing height"), this._height = void 0;
+      }
   }
   get icon() {
     return this._icon;
@@ -691,6 +697,12 @@ class Pe extends B {
   set icon(e) {
     this._icon = e;
   }
+  get height() {
+    return this._height;
+  }
+  set height(e) {
+    this._height = e;
+  }
 }
 class Z extends f {
   constructor(e) {
@@ -795,7 +807,7 @@ class Te extends w {
     return this._container.rows.flat().filter((e) => !e.invisible);
   }
 }
-class q extends f {
+class N extends f {
   constructor(e) {
     super(e);
     /**
@@ -838,7 +850,7 @@ class q extends f {
     this._translatable = e;
   }
 }
-class L extends f {
+class G extends f {
   constructor(e) {
     super(e);
     /**
@@ -944,7 +956,7 @@ class We extends f {
     this._relation = e;
   }
 }
-class Ee extends L {
+class Ee extends G {
 }
 class ee extends f {
   constructor(t) {
@@ -956,7 +968,7 @@ class Ie extends f {
     super(t);
   }
 }
-class G extends f {
+class R extends f {
   constructor(e) {
     super(e);
     /**
@@ -989,11 +1001,11 @@ class G extends f {
     this._decimalDigits = e;
   }
 }
-class Se extends G {
+class Se extends R {
 }
 class ze extends f {
 }
-class Ve extends G {
+class Ve extends R {
 }
 class Ye extends f {
   constructor(t) {
@@ -1344,7 +1356,7 @@ class He extends f {
     this._lastStep = e;
   }
 }
-class se extends L {
+class se extends G {
   constructor(e) {
     super(e);
     n(this, "_lang", null);
@@ -1463,7 +1475,12 @@ class Ze extends w {
     return this._container.rows.flat().filter((e) => !e.invisible);
   }
 }
-class R {
+class et extends N {
+  get showText() {
+    return this.parsedWidgetProps.show_text ?? !0;
+  }
+}
+class $ {
   constructor() {
     /**
      * Widget class
@@ -1485,10 +1502,10 @@ class R {
         this._widgetClass = K;
         break;
       case "char":
-        this._widgetClass = q;
+        this._widgetClass = N;
         break;
       case "text":
-        this._widgetClass = L;
+        this._widgetClass = G;
         break;
       case "button":
         this._widgetClass = Z;
@@ -1509,7 +1526,7 @@ class R {
         this._widgetClass = Ie;
         break;
       case "float":
-        this._widgetClass = G;
+        this._widgetClass = R;
         break;
       case "float_time":
         this._widgetClass = Se;
@@ -1538,7 +1555,7 @@ class R {
         this._widgetClass = je;
         break;
       case "url":
-        this._widgetClass = q;
+        this._widgetClass = N;
         break;
       case "email":
         this._widgetClass = Ke;
@@ -1604,11 +1621,14 @@ class R {
         this._widgetClass = J;
         break;
       case "spinner":
-        this._widgetClass = B;
+        this._widgetClass = L;
         break;
       case "carousel":
         this._widgetClass = Ze;
         break;
+      case "colorPicker":
+        this._widgetClass = et;
+        break;
     }
   }
   createWidget(t, e) {
@@ -1630,7 +1650,7 @@ class R {
     }
   }
 }
-const et = ({
+const tt = ({
   fieldName: i,
   values: t,
   fields: e
@@ -1655,7 +1675,7 @@ const et = ({
     r[o] = u.some((_) => _);
   }
   return r;
-}, tt = ({
+}, it = ({
   states: i,
   values: t
 }) => {
@@ -1664,7 +1684,7 @@ const et = ({
   const e = i.split(",");
   return e.length === 0 ? {} : e.includes(t.state) ? {} : { invisible: !0 };
 };
-function it({
+function st({
   values: i = {},
   fieldName: t,
   fields: e = {}
@@ -1692,7 +1712,7 @@ const ne = ({
     return d.forEach((c) => {
       const m = c[1];
       if (!c[1].includes("'") && c[1] !== "true" && c[1] !== "false") {
-        const p = it({
+        const p = st({
           values: t,
           fields: e,
           fieldName: m === "active_id" ? "id" : m
@@ -1707,7 +1727,7 @@ const ne = ({
   } catch {
     return;
   }
-}, Pt = (i) => {
+}, Tt = (i) => {
   const t = [];
   try {
     return !i || ae(i) || typeof i != "string" ? t : re(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((d) => d.split(":")).forEach((d) => {
@@ -1727,14 +1747,14 @@ function re(i) {
 function ae(i) {
   return typeof i == "object" && i !== null && typeof i != "string";
 }
-const st = (i) => {
+const nt = (i) => {
   const t = i.trim().replace(")", "").split("("), e = t[0], r = t[1].split(",").map((a) => a.trim());
   return {
     method: e,
     args: r
   };
 };
-function nt(i) {
+function rt(i) {
   const t = [];
   function e(s) {
     const r = [];
@@ -1746,7 +1766,7 @@ function nt(i) {
     e(s);
   return t.flat();
 }
-class Tt {
+class Wt {
   constructor(t, e = 4) {
     /**
      * Object containing fields specification of the form.
@@ -1862,7 +1882,7 @@ class Tt {
       container: this._container,
       values: s
     });
-    const l = nt(this._container._rows);
+    const l = rt(this._container._rows);
     l.forEach((u) => {
       const _ = u;
       _._id && _._context && (this._contextForFields[_._id] = u._context);
@@ -1873,7 +1893,7 @@ class Tt {
     container: e,
     values: s
   }) {
-    const r = new R();
+    const r = new $();
     t.filter((a) => typeof a == "object").forEach((a) => {
       var v, F;
       const { tagName: l, attributes: o, children: u } = a;
@@ -1905,10 +1925,10 @@ class Tt {
         widgetType: l
       });
       let g;
-      l === "button" && h.states ? g = tt({
+      l === "button" && h.states ? g = it({
         states: h.states,
         values: s
-      }) : g = et({
+      }) : g = tt({
         fieldName: h.name,
         values: s,
         fields: this._fields
@@ -1918,7 +1938,7 @@ class Tt {
         values: s,
         fields: this._fields
       });
-      h.on_change && (this._onChangeFields[h.name] = st(
+      h.on_change && (this._onChangeFields[h.name] = nt(
         h.on_change
       ));
       let m;
@@ -1950,7 +1970,7 @@ class Tt {
 function H(i) {
   return i ? Array.isArray(i) && i.length > 0 ? !0 : typeof i == "string" && i !== "" && i !== "[]" : !1;
 }
-class Wt {
+class Et {
   constructor(t) {
     /**
      * Object containing fields specification of the form.
@@ -2024,7 +2044,7 @@ class Wt {
   parse(t) {
     const e = D.parse(t).filter((r) => r.tagName === "tree")[0];
     this._string = e.attributes.string || null, this._string && (this._string = b(this._string)), this._colors = e.attributes.colors || null, this._colors && (this._colors = b(this._colors)), this._status = e.attributes.status || null, this._status && (this._status = b(this._status)), this._editable = e.attributes.editable || null, this._infinite = e.attributes.infinite || !1;
-    const s = new R();
+    const s = new $();
     e.children.forEach((r) => {
       const { tagName: a, attributes: l } = r;
       let o = null;
@@ -2064,7 +2084,7 @@ class Wt {
     return this._columns.find((e) => e.findById ? e.findById(t) : !1);
   }
 }
-const rt = {
+const at = {
   text: "text",
   many2one: "many2one",
   char: "char",
@@ -2077,7 +2097,7 @@ const rt = {
   date: "date",
   datetime: "datetime"
 };
-class Et {
+class It {
   constructor(t, e, s = 8) {
     /**
      * Object containing the specific fields for primary and secondary search fields
@@ -2104,7 +2124,7 @@ class Et {
     return this._advancedSearchContainer;
   }
   parse() {
-    const t = new R();
+    const t = new $();
     this.parseFields(
       this.searchFields.primary,
       t
@@ -2125,7 +2145,7 @@ class Et {
         colspan: 2
       }, { type: a, widget: l } = r;
       let o = l ?? a;
-      return rt[o] === void 0 && (o = a), e.createWidget(o, r);
+      return at[o] === void 0 && (o = a), e.createWidget(o, r);
     });
   }
   /**
@@ -2136,7 +2156,7 @@ class Et {
     return this.advancedSearchContainer.findById(t);
   }
 }
-const It = ({
+const St = ({
   domain: i,
   widgetFieldName: t
 }) => {
@@ -2151,8 +2171,8 @@ const It = ({
       r.length - 1
     )) : (o = r, u = "id"), o === t && e.push([u, a, l]);
   }), e;
-}, St = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((t) => t.trim()).filter((t) => !t.includes("'"));
-class at {
+}, zt = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((t) => t.trim()).filter((t) => !t.includes("'"));
+class lt {
   constructor(t) {
     n(this, "_action_id", null);
     n(this, "_position", null);
@@ -2165,7 +2185,7 @@ class at {
     return this._position;
   }
 }
-class zt {
+class Vt {
   constructor(t) {
     n(this, "_string", null);
     n(this, "_items", []);
@@ -2173,7 +2193,7 @@ class zt {
     this._string = e.attributes.string || null;
     const { children: s } = e;
     s.forEach((r) => {
-      r.tagName === "dashboard_item" && this._items.push(new at(r.attributes));
+      r.tagName === "dashboard_item" && this._items.push(new lt(r.attributes));
     });
   }
   get string() {
@@ -2237,7 +2257,7 @@ class oe extends le {
     return this._suffix;
   }
 }
-class lt extends oe {
+class ot extends oe {
   constructor(e, s) {
     super(e, s);
     n(this, "_field");
@@ -2257,7 +2277,7 @@ class lt extends oe {
     return this._operator;
   }
 }
-const ot = (i) => {
+const ct = (i) => {
   const t = [];
   let e;
   if (i.forEach((s) => {
@@ -2267,10 +2287,10 @@ const ot = (i) => {
         throw new Error(`Field ${l} doesn't have an axis`);
       if (!l)
         throw new Error("Missing name attribute for field");
-      r === "x" ? e = new dt({
+      r === "x" ? e = new ht({
         name: l
       }) : r === "y" && t.push(
-        new ut({
+        new dt({
           name: l,
           operator: a,
           label: o,
@@ -2293,7 +2313,7 @@ class j extends le {
     n(this, "_x");
     n(this, "_y");
     this._type = e;
-    const r = ot(s.children);
+    const r = ct(s.children);
     this._x = r.x, this._y = r.y;
   }
   get x() {
@@ -2303,17 +2323,17 @@ class j extends le {
     return this._y;
   }
 }
-const ct = {
+const ut = {
   indicator: oe,
-  indicatorField: lt,
+  indicatorField: ot,
   line: j,
   bar: j,
   pie: j
-}, Vt = (i) => {
+}, Yt = (i) => {
   const t = D.parse(i).filter((r) => r.tagName === "graph")[0], e = t.attributes.type;
   if (!e)
     throw new Error(`${e} is not a valid graph`);
-  const s = ct[e];
+  const s = ut[e];
   if (!s)
     throw new Error(`${e} not found as a GraphModel`);
   return new s(e, t);
@@ -2331,7 +2351,7 @@ class ce {
     return this._axis;
   }
 }
-class ut extends ce {
+class dt extends ce {
   constructor({
     name: e,
     operator: s,
@@ -2354,18 +2374,18 @@ class ut extends ce {
     return this._stacked;
   }
 }
-class dt extends ce {
+class ht extends ce {
   constructor({ name: t }) {
     super({ name: t, axis: "x" });
   }
 }
-const ht = ({ ooui: i }) => {
+const _t = ({ 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);
   }), e) : [];
 };
-function $({
+function q({
   fields: i,
   values: t,
   fieldName: e
@@ -2381,27 +2401,27 @@ function $({
   }
   return { value: r, label: r };
 }
-const Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getFieldsToRetrieve: ht,
-  getValueAndLabelForField: $
+  getFieldsToRetrieve: _t,
+  getValueAndLabelForField: q
 }, Symbol.toStringTag, { value: "Module" }));
-function _t({
+function ft({
   values: i,
   timerange: t,
   interval: e = 1
 }) {
-  const s = mt({
+  const s = bt({
     values: i,
     timerange: t
   });
-  return ft({
+  return gt({
     values: s,
     timerange: t,
     interval: e
   });
 }
-function ft({
+function gt({
   values: i,
   timerange: t,
   interval: e = 1
@@ -2419,7 +2439,7 @@ function ft({
         return;
       const d = h.x, g = u[_ + 1].x;
       if (!ue([d, g], a)) {
-        const c = gt({
+        const c = mt({
           dates: [d, g],
           timerange: t,
           interval: e
@@ -2436,7 +2456,7 @@ function ft({
     }
   }), s.sort((o, u) => o.x < u.x ? -1 : o.x > u.x ? 1 : 0);
 }
-function gt({
+function mt({
   dates: i,
   timerange: t,
   interval: e = 1
@@ -2458,11 +2478,11 @@ function gt({
   }
   return s;
 }
-function mt({
+function bt({
   values: i,
   timerange: t
 }) {
-  const e = bt({
+  const e = yt({
     values: i,
     timerange: t
   }), s = [], r = de({
@@ -2480,23 +2500,23 @@ function mt({
     });
   }), s;
 }
-function bt({
+function yt({
   values: i,
   timerange: t
 }) {
   return i.map((e) => ({
     ...e,
-    x: yt({
+    x: pt({
       date: e.x,
       timerange: t
     })
   }));
 }
-function yt({
+function pt({
   date: i,
   timerange: t
 }) {
-  let e = pt(i);
+  let e = xt(i);
   const s = T(i, e);
   switch (t) {
     case "hour": {
@@ -2522,7 +2542,7 @@ function yt({
   }
   return s.format(e);
 }
-function pt(i) {
+function xt(i) {
   return i.indexOf(":") ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
 }
 function ue(i, t) {
@@ -2563,7 +2583,7 @@ function z(i) {
       return "YYYY-MM-DD HH:mm";
   }
 }
-const xt = {
+const wt = {
   count: "count",
   "+": "sum",
   "-": "subtract",
@@ -2571,13 +2591,13 @@ const xt = {
   avg: "average",
   min: "min",
   max: "max"
-}, wt = ({
+}, vt = ({
   ooui: i,
   values: t,
   fields: e,
   options: s
 }) => {
-  const r = A({
+  const r = B({
     fieldName: i.x.name,
     values: t,
     fields: e
@@ -2586,13 +2606,13 @@ const xt = {
     Object.keys(r).forEach((m) => {
       const p = r[m].label, y = r[m].entries;
       if (c.label) {
-        const v = A({
+        const v = B({
           fieldName: c.label,
           values: y,
           fields: e
         });
         Object.keys(v).forEach((F) => {
-          const x = v[F].entries, I = v[F].label, fe = N({
+          const x = v[F].entries, I = v[F].label, fe = A({
             entries: x,
             fields: e,
             fieldName: c.name
@@ -2609,7 +2629,7 @@ const xt = {
           });
         });
       } else {
-        const v = N({
+        const v = A({
           entries: y,
           fields: e,
           fieldName: c.name
@@ -2638,7 +2658,7 @@ const xt = {
     (c) => c.x !== !1
   ));
   let d = h;
-  i.timerange ? d = _t({
+  i.timerange ? d = ft({
     values: d,
     timerange: i.timerange,
     interval: i.interval
@@ -2656,12 +2676,12 @@ const xt = {
   }
   return g;
 };
-function N({
+function A({
   entries: i,
   fieldName: t,
   fields: e
 }) {
-  return i.map((s) => $({
+  return i.map((s) => q({
     fieldName: t,
     values: s,
     fields: e
@@ -2705,14 +2725,14 @@ function Y({
 function S(i) {
   return Math.round((i + Number.EPSILON) * 100) / 100;
 }
-function A({
+function B({
   fieldName: i,
   fields: t,
   values: e
 }) {
   const s = {};
   return e.forEach((r) => {
-    const { value: a, label: l } = $({
+    const { value: a, label: l } = q({
       fields: t,
       values: r,
       fieldName: i
@@ -2720,7 +2740,7 @@ function A({
     s[a] || (s[a] = { label: l, entries: [] }), s[a].entries.push(r);
   }), s;
 }
-function vt(i) {
+function Ft(i) {
   let t = [];
   return Object.keys(i).forEach((e) => {
     const s = i[e];
@@ -2743,16 +2763,16 @@ function _e(i, t = 0.1) {
     max: r + a
   };
 }
-const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getAllObjectsInGroupedValues: vt,
+  getAllObjectsInGroupedValues: Ft,
   getMinMax: _e,
   getValueForOperator: Y,
-  getValuesForYField: N,
-  getValuesGroupedByField: A,
+  getValuesForYField: A,
+  getValuesGroupedByField: B,
   getYAxisFieldname: he,
-  labelsForOperator: xt,
-  processGraphData: wt
+  labelsForOperator: wt,
+  processGraphData: vt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Xe as Alert,
@@ -2762,27 +2782,28 @@ export {
   Z as Button,
   Te as ButtonGroup,
   Ze as Carousel,
-  q as Char,
+  N as Char,
   se as CodeEditor,
+  et as ColorPicker,
   Ue as Comments,
   V as Container,
   w as ContainerWidget,
-  zt as Dashboard,
-  at as DashboardItem,
+  Vt as Dashboard,
+  lt as DashboardItem,
   Ye as Date,
   De as DateTime,
   Ke as Email,
   f as Field,
-  G as Float,
+  R as Float,
   Se as FloatTime,
-  Tt as Form,
+  Wt as Form,
   le as Graph,
   ce as GraphAxis,
   j as GraphChart,
   oe as GraphIndicator,
-  lt as GraphIndicatorField,
-  dt as GraphXAxis,
-  ut as GraphYAxis,
+  ot as GraphIndicatorField,
+  ht as GraphXAxis,
+  dt as GraphYAxis,
   Pe as Group,
   ze as HTMLPreview,
   Ae as Image,
@@ -2800,26 +2821,26 @@ export {
   Ve as ProgressBar,
   qe as Radio,
   Me as Reference,
-  rt as SearchFieldTypes,
-  Et as SearchFilter,
+  at as SearchFieldTypes,
+  It as SearchFilter,
   E as Selection,
   je as Separator,
-  B as Spinner,
+  L as Spinner,
   He as Steps,
   Je as Switch,
   $e as Tag,
   Re as Tags,
-  L as Text,
+  G as Text,
   Qe as Time,
   Le as Timeline,
-  Wt as Tree,
+  Et as Tree,
   C as Widget,
-  Yt as graphFieldUtils,
-  Dt as graphProcessor,
+  Dt as graphFieldUtils,
+  jt as graphProcessor,
   ne as parseContext,
-  Pt as parseContextFields,
-  St as parseDomainFields,
-  Vt as parseGraph,
-  It as transformDomainForChildWidget
+  Tt as parseContextFields,
+  zt as parseDomainFields,
+  Yt as parseGraph,
+  St as transformDomainForChildWidget
 };
 //# sourceMappingURL=ooui.es.js.map