@gisce/ooui 2.40.0 → 2.42.0

package/dist/ooui.es.js

@@ -4,7 +4,7 @@ var r = (i, t, e) => (ye(i, typeof t != "symbol" ? t + "" : t, e), e);
 import { decode as xe } from "html-entities";
 import { evaluateCondition as pe } from "@gisce/conscheck";
 import * as D from "txml";
-import T from "moment";
+import W from "moment";
 const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ve = ({
   entry: i,
   values: t,
@@ -67,12 +67,12 @@ const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ve
   fields: e,
   widgetType: s
 }) => {
-  const d = i.replace(/\(/g, "[").replace(/\)/g, "]").replace(/'/g, '"').replace(/True/g, "true").replace(/False/g, "false"), _ = m(d), u = JSON.parse(_), h = {};
+  const h = i.replace(/\(/g, "[").replace(/\)/g, "]").replace(/'/g, '"').replace(/True/g, "true").replace(/False/g, "false"), _ = m(h), u = JSON.parse(_), d = {};
   for (const g of Object.keys(u)) {
     const x = u[g].map((y) => ve({ entry: y, values: t, fields: e })).every((y) => y);
-    x ? h[g] = !0 : g === "readonly" && !x && s === "button" && (h[g] = !1);
+    x ? d[g] = !0 : g === "readonly" && !x && s === "button" && (d[g] = !1);
   }
-  return h;
+  return d;
 }, U = (i) => {
   if (i === void 0)
     return {};
@@ -95,21 +95,21 @@ const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ve
       n.replace(/'/g, '"')
     ), l = {};
     for (const o of Object.keys(a)) {
-      const d = pe({
+      const h = pe({
         object: t,
         condition: a[o],
         evaluateFieldComparison: ({
           fieldName: _,
           valueInObject: u,
-          expectedValue: h
+          expectedValue: d
         }) => X({
           fieldName: _,
           valueInObject: u,
-          expectedValue: h,
+          expectedValue: d,
           fields: e
         })
       });
-      d ? l[o] = !0 : o === "readonly" && !d && s === "button" && (l[o] = !1);
+      h ? l[o] = !0 : o === "readonly" && !h && s === "button" && (l[o] = !1);
     }
     return l;
   } catch (n) {
@@ -157,7 +157,7 @@ const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ve
     attrs: void 0,
     json_attrs: void 0
   };
-}, k = (i) => i === 1 || i === "1" || i === !0 || i === "True" || i === "true", P = class P {
+}, w = (i) => i === 1 || i === "1" || i === !0 || i === "True" || i === "true", P = class P {
   constructor(t) {
     /**
      * Determines if widget is read only (default is undefined)
@@ -194,7 +194,7 @@ const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ve
      * Base type of the field
      */
     r(this, "_fieldType", "");
-    this._colspan = P._defaultColspan, this._invisible = !1, t && (t.colspan && (this._colspan = +t.colspan), t.readonly !== void 0 && (this._readOnly = k(t.readonly)), t.invisible && (t.invisible === 1 || t.invisible === "1" || t.invisible === !0) && (this._invisible = !0), t.type && (this._type = t.type), t.context && (this._context = t.context), t.domain && (typeof t.domain != "string" ? this._domain = m(JSON.stringify(t.domain)) : this._domain = m(t.domain)), t.type && (this._fieldType = t.fieldsWidgetType), t.widget_props && (this._parsedWidgetProps = U(t.widget_props)), t.key && (this._key = t.key), t.is_function && (this._isFunction = t.is_function), t.is_sortable && (this._isSortable = t.is_sortable));
+    this._colspan = P._defaultColspan, this._invisible = !1, t && (t.colspan && (this._colspan = +t.colspan), t.readonly !== void 0 && (this._readOnly = w(t.readonly)), t.invisible && (t.invisible === 1 || t.invisible === "1" || t.invisible === !0) && (this._invisible = !0), t.type && (this._type = t.type), t.context && (this._context = t.context), t.domain && (typeof t.domain != "string" ? this._domain = m(JSON.stringify(t.domain)) : this._domain = m(t.domain)), t.type && (this._fieldType = t.fieldsWidgetType), t.widget_props && (this._parsedWidgetProps = U(t.widget_props)), t.key && (this._key = t.key), t.is_function && (this._isFunction = t.is_function), t.is_sortable && (this._isSortable = t.is_sortable));
   }
   static get defaultColspan() {
     return P._defaultColspan;
@@ -267,8 +267,8 @@ const we = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ve
  * Default colspan
  */
 r(P, "_defaultColspan", 1);
-let C = P;
-class f extends C {
+let k = P;
+class f extends k {
   constructor(e) {
     super(e);
     /**
@@ -316,7 +316,7 @@ class f extends C {
     r(this, "_selectionValues", /* @__PURE__ */ new Map([]));
     r(this, "_autoRefresh", !1);
     r(this, "_raw_props");
-    this._activated = !0, e && (this._raw_props = e, e.name && (this._id = e.name), e.activated && (this._activated = e.activated), e.string && (this._label = m(e.string)), e.help && (this._tooltip = m(e.help)), e.nolabel && (e.nolabel === "1" || typeof e.nolabel == "boolean" && e.nolabel === !0) && (this._nolabel = !0), e.required && (e.required === "1" || e.required === !0 || e.required === "True") && (this._required = !0), e.sum && (this._sum = m(e.sum)), e.selection && (this._selectionValues = new Map(e.selection)), e.help_inline && (this.tooltipInline = we(e.help_inline)), e.autorefresh && (this.autoRefresh = k(e.autorefresh)));
+    this._activated = !0, e && (this._raw_props = e, e.name && (this._id = e.name), e.activated && (this._activated = e.activated), e.string && (this._label = m(e.string)), e.help && (this._tooltip = m(e.help)), e.nolabel && (e.nolabel === "1" || typeof e.nolabel == "boolean" && e.nolabel === !0) && (this._nolabel = !0), e.required && (e.required === "1" || e.required === !0 || e.required === "True") && (this._required = !0), e.sum && (this._sum = m(e.sum)), e.selection && (this._selectionValues = new Map(e.selection)), e.help_inline && (this.tooltipInline = we(e.help_inline)), e.autorefresh && (this.autoRefresh = w(e.autorefresh)));
   }
   get id() {
     return this._id;
@@ -403,7 +403,7 @@ class f extends C {
 }
 class ke extends f {
 }
-class K extends C {
+class K extends k {
   findById(t) {
     return null;
   }
@@ -459,7 +459,7 @@ class Z extends f {
   }
   get humanDate() {
     var e;
-    return k(((e = this._parsedWidgetProps) == null ? void 0 : e.human_date) ?? !1);
+    return w(((e = this._parsedWidgetProps) == null ? void 0 : e.human_date) ?? !1);
   }
   get fieldForLabel() {
     return this._fieldForLabel;
@@ -571,7 +571,7 @@ class V {
     }), e;
   }
 }
-const O = class O extends C {
+const O = class O extends k {
   constructor(e) {
     super(e);
     /**
@@ -644,19 +644,19 @@ const O = class O extends C {
   }
 };
 r(O, "_defaultColspan", 6);
-let w = O;
-const W = class W extends w {
+let v = O;
+const T = class T extends v {
   constructor(e) {
     super(e);
     r(this, "_tabPosition", "top");
     r(this, "_pages", []);
-    this.colspan = W._defaultColspan, e && (e.colspan && (this.colspan = e.colspan), e.tabpos && (this._tabPosition = e.tabpos));
+    this.colspan = T._defaultColspan, e && (e.colspan && (this.colspan = e.colspan), e.tabpos && (this._tabPosition = e.tabpos));
   }
   static get defaultColspan() {
-    return W._defaultColspan;
+    return T._defaultColspan;
   }
   static set defaultColspan(e) {
-    W._defaultColspan = e;
+    T._defaultColspan = e;
   }
   get tabPosition() {
     return this._tabPosition;
@@ -668,9 +668,9 @@ const W = class W extends w {
     return [].concat.apply([], this._container.rows);
   }
 };
-r(W, "_defaultColspan", 3);
-let N = W;
-class j extends w {
+r(T, "_defaultColspan", 3);
+let N = T;
+class j extends v {
   constructor(e) {
     super(e);
     r(this, "_loading", !1);
@@ -802,7 +802,7 @@ class ee extends f {
     this._danger = e;
   }
 }
-class We extends w {
+class Te extends v {
   constructor(e) {
     super(e);
     r(this, "_defaultName", "");
@@ -833,7 +833,7 @@ class We extends w {
     return this._container.rows.flat().filter((e) => !e.invisible);
   }
 }
-class Te extends f {
+class We extends f {
 }
 class A extends f {
   constructor(e) {
@@ -1156,7 +1156,7 @@ class ie extends f {
     this._infinite = e;
   }
 }
-class Me extends C {
+class Me extends k {
   constructor(e) {
     super(e);
     /**
@@ -1234,11 +1234,47 @@ class Be extends f {
   }
 }
 class Re extends f {
+  constructor(e) {
+    super({ ...e, nolabel: !0 });
+    /**
+     * Icon name
+     */
+    r(this, "_name", "");
+    /**
+     * Icon size
+     */
+    r(this, "_size", 16);
+    /**
+     * Icon color
+     */
+    r(this, "_color", "");
+    e && (e.name && (this._name = e.name), e.size && (this._size = e.size), e.color && (this._color = e.color));
+  }
+  get name() {
+    return this._name;
+  }
+  set name(e) {
+    this._name = e;
+  }
+  get size() {
+    return this._size;
+  }
+  set size(e) {
+    this._size = e;
+  }
+  get color() {
+    return this._color;
+  }
+  set color(e) {
+    this._color = e;
+  }
+}
+class Le extends f {
   constructor(t) {
     super(t);
   }
 }
-class Le extends ie {
+class Ge extends ie {
   constructor(e) {
     super(e);
     /**
@@ -1270,7 +1306,7 @@ class Le extends ie {
     return this.parsedWidgetProps.colorField;
   }
 }
-class Ge extends z {
+class $e extends z {
   constructor(e) {
     super(e);
     r(this, "_nolabel", !0);
@@ -1295,7 +1331,7 @@ class Ge extends z {
         } catch (s) {
           console.error(s);
         }
-      this._autoRefresh = k(e.autorefresh);
+      this._autoRefresh = w(e.autorefresh);
     }
   }
   get card() {
@@ -1397,9 +1433,9 @@ class se extends f {
     this._columns = e;
   }
 }
-class $e extends se {
+class qe extends se {
 }
-class qe extends z {
+class Je extends z {
   get colors() {
     return this._parsedWidgetProps.colors || {};
   }
@@ -1408,7 +1444,7 @@ class qe extends z {
     return ((t = this._parsedWidgetProps) == null ? void 0 : t.colorField) || null;
   }
 }
-class Je extends z {
+class He extends z {
   constructor(e) {
     super(e);
     /**
@@ -1424,9 +1460,9 @@ class Je extends z {
     this._direction = e;
   }
 }
-class He extends te {
+class Qe extends te {
 }
-class Qe extends f {
+class Xe extends f {
   constructor(e) {
     super(e);
     /**
@@ -1469,12 +1505,12 @@ class re extends L {
     this._lang = e;
   }
 }
-class Xe extends f {
+class Ue extends f {
   constructor(t) {
     super(t);
   }
 }
-class Ue extends w {
+class Ke extends v {
   constructor(e) {
     super(e);
     /**
@@ -1514,7 +1550,7 @@ class Ue extends w {
     return this._container.rows.flat().filter((e) => !e.invisible);
   }
 }
-class Ke extends f {
+class Ze extends f {
   constructor(e) {
     super(e);
     /**
@@ -1539,7 +1575,7 @@ class H extends re {
     r(this, "_lang", "json");
   }
 }
-class Ze extends f {
+class et extends f {
   constructor(e) {
     super(e);
     r(this, "_multi", !1);
@@ -1559,11 +1595,11 @@ class Ze extends f {
     this._size = e;
   }
 }
-class et extends w {
+class tt extends v {
   constructor(e) {
     super(e);
     r(this, "_autoPlay", !0);
-    e && "auto_play" in e && (this._autoPlay = k(e.auto_play));
+    e && "auto_play" in e && (this._autoPlay = w(e.auto_play));
   }
   get autoPlay() {
     return this._autoPlay;
@@ -1575,12 +1611,12 @@ class et extends w {
     return this._container.rows.flat().filter((e) => !e.invisible);
   }
 }
-class tt extends A {
+class it extends A {
   get showText() {
     return this.parsedWidgetProps.show_text ?? !0;
   }
 }
-class it extends f {
+class st extends f {
   get width() {
     var t;
     return (t = this.parsedWidgetProps) == null ? void 0 : t.width;
@@ -1594,7 +1630,7 @@ class it extends f {
     return console.log(this.parsedWidgetProps), ((t = this.parsedWidgetProps) == null ? void 0 : t.showValue) ?? !1;
   }
 }
-class st extends j {
+class rt extends j {
   constructor(e) {
     super(e);
     r(this, "_title", null);
@@ -1646,7 +1682,7 @@ class $ {
         this._widgetClass = Oe;
         break;
       case "card":
-        this._widgetClass = st;
+        this._widgetClass = rt;
         break;
       case "label":
         this._widgetClass = Z;
@@ -1661,10 +1697,10 @@ class $ {
         this._widgetClass = ee;
         break;
       case "buttonGroup":
-        this._widgetClass = We;
+        this._widgetClass = Te;
         break;
       case "action_buttons":
-        this._widgetClass = Te;
+        this._widgetClass = We;
         break;
       case "selection":
         this._widgetClass = z;
@@ -1711,7 +1747,7 @@ class $ {
         this._widgetClass = A;
         break;
       case "email":
-        this._widgetClass = Ze;
+        this._widgetClass = et;
         break;
       case "reference":
         this._widgetClass = Ne;
@@ -1722,50 +1758,53 @@ class $ {
       case "image":
         this._widgetClass = Be;
         break;
-      case "fiber_grid":
+      case "icon":
         this._widgetClass = Re;
         break;
-      case "timeline":
+      case "fiber_grid":
         this._widgetClass = Le;
         break;
-      case "indicator":
+      case "timeline":
         this._widgetClass = Ge;
         break;
-      case "tags":
+      case "indicator":
         this._widgetClass = $e;
         break;
-      case "tag":
+      case "tags":
         this._widgetClass = qe;
         break;
+      case "tag":
+        this._widgetClass = Je;
+        break;
       case "avatar":
         this._widgetClass = ke;
         break;
       case "radio":
-        this._widgetClass = Je;
+        this._widgetClass = He;
         break;
       case "multicheckbox":
         this._widgetClass = se;
         break;
       case "switch":
-        this._widgetClass = He;
+        this._widgetClass = Qe;
         break;
       case "steps":
-        this._widgetClass = Qe;
+        this._widgetClass = Xe;
         break;
       case "codeeditor":
         this._widgetClass = re;
         break;
       case "time":
-        this._widgetClass = Xe;
+        this._widgetClass = Ue;
         break;
       case "html_preview":
         this._widgetClass = Ve;
         break;
       case "alert":
-        this._widgetClass = Ue;
+        this._widgetClass = Ke;
         break;
       case "comments_timeline":
-        this._widgetClass = Ke;
+        this._widgetClass = Ze;
         break;
       case "json":
         this._widgetClass = H;
@@ -1777,20 +1816,20 @@ class $ {
         this._widgetClass = j;
         break;
       case "carousel":
-        this._widgetClass = et;
+        this._widgetClass = tt;
         break;
       case "colorPicker":
-        this._widgetClass = tt;
+        this._widgetClass = it;
         break;
       case "qrcode":
-        this._widgetClass = it;
+        this._widgetClass = st;
         break;
     }
   }
   createWidget(t, e) {
     this._widgetClass = void 0;
     let s = t;
-    switch (this.setWidgetClass(t), this._widgetClass === void 0 && (s = e.fieldsWidgetType, this.setWidgetClass(e.fieldsWidgetType)), this._widgetClass === void 0 && (this._widgetClass = C), t) {
+    switch (this.setWidgetClass(t), this._widgetClass === void 0 && (s = e.fieldsWidgetType, this.setWidgetClass(e.fieldsWidgetType)), this._widgetClass === void 0 && (this._widgetClass = k), t) {
       case "notebook":
       case "page":
       case "group":
@@ -1807,7 +1846,7 @@ class $ {
     }
   }
 }
-const rt = ({
+const nt = ({
   fieldName: i,
   values: t,
   fields: e
@@ -1821,18 +1860,18 @@ const rt = ({
   const n = {}, a = {};
   for (const o of Object.keys(s))
     if (t.state === o) {
-      const d = s[o];
-      for (const _ of d) {
-        const [u, h] = _;
-        a[u] || (a[u] = []), a[u].push(h);
+      const h = s[o];
+      for (const _ of h) {
+        const [u, d] = _;
+        a[u] || (a[u] = []), a[u].push(d);
       }
     }
   for (const o of Object.keys(a)) {
-    const d = a[o];
-    n[o] = d.some((_) => _);
+    const h = a[o];
+    n[o] = h.some((_) => _);
   }
   return n;
-}, nt = ({
+}, at = ({
   states: i,
   values: t
 }) => {
@@ -1841,7 +1880,7 @@ const rt = ({
   const e = i.split(",");
   return e.length === 0 ? {} : e.includes(t.state) ? {} : { invisible: !0 };
 };
-function at({
+function lt({
   values: i = {},
   fieldName: t,
   fields: e = {}
@@ -1865,11 +1904,11 @@ const ne = ({
       return s;
     if (i.trim().length === 0)
       return;
-    const h = i.replace(/"/g, "'").replace(/\s/g, "").replace(/True/g, "true").replace(/False/g, "false").replace(/\{/g, "").replace(/\}/g, "").split(",").map((c) => c.split(":")), g = {};
-    return h.forEach((c) => {
+    const d = i.replace(/"/g, "'").replace(/\s/g, "").replace(/True/g, "true").replace(/False/g, "false").replace(/\{/g, "").replace(/\}/g, "").split(",").map((c) => c.split(":")), g = {};
+    return d.forEach((c) => {
       const b = c[1];
       if (!c[1].includes("'") && c[1] !== "true" && c[1] !== "false") {
-        const x = at({
+        const x = lt({
           values: t,
           fields: e,
           fieldName: b === "active_id" ? "id" : b
@@ -1884,11 +1923,11 @@ const ne = ({
   } catch {
     return;
   }
-}, It = (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((h) => h.split(":")).forEach((h) => {
-      !h[1].includes("'") && h[1] !== "true" && h[1] !== "false" && t.push(h[1].replace(/'/g, ""));
+    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((d) => d.split(":")).forEach((d) => {
+      !d[1].includes("'") && d[1] !== "true" && d[1] !== "false" && t.push(d[1].replace(/'/g, ""));
     }), t);
   } catch {
   }
@@ -1904,26 +1943,26 @@ function ae(i) {
 function le(i) {
   return typeof i == "object" && i !== null && typeof i != "string";
 }
-const lt = (i) => {
+const ot = (i) => {
   const t = i.trim().replace(")", "").split("("), e = t[0], n = t[1].split(",").map((a) => a.trim());
   return {
     method: e,
     args: n
   };
 };
-function ot(i) {
+function ct(i) {
   const t = [];
   function e(s) {
     const n = [];
     for (const a of s)
-      a instanceof w ? e(a._container.rows.flat()) : n.push(a);
+      a instanceof v ? e(a._container.rows.flat()) : n.push(a);
     n.length > 0 && t.push(n);
   }
   for (const s of i)
     e(s);
   return t.flat();
 }
-class St {
+class Et {
   constructor(t, e = 4) {
     /**
      * Object containing fields specification of the form.
@@ -2033,17 +2072,17 @@ class St {
   }
   parse(t, e) {
     var o;
-    const { values: s = {}, readOnly: n = !1 } = e || {}, a = D.parse(t).filter((d) => d.tagName === "form")[0];
+    const { values: s = {}, readOnly: n = !1 } = e || {}, a = D.parse(t).filter((h) => h.tagName === "form")[0];
     this._string = ((o = a.attributes) == null ? void 0 : o.string) || null, this._string && (this._string = m(this._string)), this._readOnly = n, this._context = s.id ? { active_id: s.id, active_ids: [s.id] } : {}, this._invisibleFields = [], this.parseNode({
       fields: a.children,
       container: this._container,
       values: s
     });
-    const l = ot(this._container._rows);
-    l.forEach((d) => {
-      const _ = d;
-      _._id && _._context && (this._contextForFields[_._id] = d._context);
-    }), this._autorefreshableFields = l.filter((d) => d instanceof f && d.autoRefresh).map((d) => d._id);
+    const l = ct(this._container._rows);
+    l.forEach((h) => {
+      const _ = h;
+      _._id && _._context && (this._contextForFields[_._id] = h._context);
+    }), this._autorefreshableFields = l.filter((h) => h instanceof f && h.autoRefresh).map((h) => h._id);
   }
   parseNode({
     fields: t,
@@ -2052,8 +2091,8 @@ class St {
   }) {
     const n = new $();
     t.filter((a) => typeof a == "object").forEach((a) => {
-      var v, F;
-      const { tagName: l, attributes: o, children: d } = a;
+      var F, C;
+      const { tagName: l, attributes: o, children: h } = a;
       let _ = l, u = o;
       if (l === "field") {
         const { name: p, widget: I } = o;
@@ -2075,33 +2114,33 @@ class St {
           fieldsWidgetType: this._fields[p].type
         };
       }
-      const h = Ce({
+      const d = Ce({
         tagAttributes: u,
         values: s,
         fields: this._fields,
         widgetType: l
       });
       let g;
-      l === "button" && u.states ? g = nt({
+      l === "button" && u.states ? g = at({
         states: u.states,
         values: s
-      }) : g = rt({
+      }) : g = nt({
         fieldName: u.name,
         values: s,
         fields: this._fields
       });
       const c = ne({
-        context: u.context || ((v = this._fields[u.name]) == null ? void 0 : v.context),
+        context: u.context || ((F = this._fields[u.name]) == null ? void 0 : F.context),
         values: s,
         fields: this._fields
       });
-      u.on_change && (this._onChangeFields[u.name] = lt(
+      u.on_change && (this._onChangeFields[u.name] = ot(
         u.on_change
       ));
       let b;
-      Q(u.domain) ? b = u.domain : Q((F = this._fields[u.name]) == null ? void 0 : F.domain) && (b = this._fields[u.name].domain), this._keyIdx = this._keyIdx + 1;
+      Q(u.domain) ? b = u.domain : Q((C = this._fields[u.name]) == null ? void 0 : C.domain) && (b = this._fields[u.name].domain), this._keyIdx = this._keyIdx + 1;
       const x = {
-        ...h,
+        ...d,
         ...g,
         context: c,
         domain: b,
@@ -2109,8 +2148,8 @@ class St {
       };
       e.readOnly && (x.readonly = !0);
       const y = n.createWidget(_, x);
-      y.invisible && y instanceof f && this._invisibleFields.push(x.name), y instanceof w && this.parseNode({
-        fields: d,
+      y.invisible && y instanceof f && this._invisibleFields.push(x.name), y instanceof v && this.parseNode({
+        fields: h,
         container: y.container,
         values: s
       }), y instanceof ee && y.readOnly !== void 0 || (y.readOnly = y.readOnly || this.readOnly), e.addWidget(y);
@@ -2127,7 +2166,7 @@ class St {
 function Q(i) {
   return i ? Array.isArray(i) && i.length > 0 ? !0 : typeof i == "string" && i !== "" && i !== "[]" : !1;
 }
-class Et {
+class Vt {
   constructor(t) {
     /**
      * Object containing fields specification of the form.
@@ -2206,30 +2245,30 @@ class Et {
       const { tagName: a, attributes: l } = n;
       let o = null;
       if (a === "field") {
-        const { name: d, widget: _ } = l;
+        const { name: h, widget: _ } = l;
         let u = l;
-        if (d) {
-          if (!this._fields[d])
-            throw new Error(`Field ${d} doesn't exist in fields defintion`);
-          const h = this._fields[d];
-          o = h.type, (Array.isArray(h == null ? void 0 : h.domain) && (h == null ? void 0 : h.domain.length) === 0 || (h == null ? void 0 : h.domain) === !1) && l.domain && l.domain.length > 0 && delete h.domain;
+        if (h) {
+          if (!this._fields[h])
+            throw new Error(`Field ${h} doesn't exist in fields defintion`);
+          const d = this._fields[h];
+          o = d.type, (Array.isArray(d == null ? void 0 : d.domain) && (d == null ? void 0 : d.domain.length) === 0 || (d == null ? void 0 : d.domain) === !1) && l.domain && l.domain.length > 0 && delete d.domain;
           const g = ne({
-            context: l.context || h.context,
+            context: l.context || d.context,
             values: {},
             fields: this._fields
           });
           u = {
-            ...h,
+            ...d,
             ...l,
-            fieldsWidgetType: h == null ? void 0 : h.type,
+            fieldsWidgetType: d == null ? void 0 : d.type,
             context: g
-          }, this._contextForFields[d] = g;
+          }, this._contextForFields[h] = g;
         }
         if (_ && (o = _), !u.invisible) {
-          const h = s.createWidget(o, u);
-          this._columns.push(h);
+          const d = s.createWidget(o, u);
+          this._columns.push(d);
         }
-        k(u.autorefresh) && this._autorefreshableFields.push(d);
+        w(u.autorefresh) && this._autorefreshableFields.push(h);
       }
     });
   }
@@ -2241,7 +2280,7 @@ class Et {
     return this._columns.find((e) => e.findById ? e.findById(t) : !1);
   }
 }
-const ct = {
+const ht = {
   text: "text",
   many2one: "many2one",
   char: "char",
@@ -2254,7 +2293,7 @@ const ct = {
   date: "date",
   datetime: "datetime"
 };
-class Vt {
+class Yt {
   constructor(t, e, s = 8) {
     /**
      * Object containing the specific fields for primary and secondary search fields
@@ -2302,7 +2341,7 @@ class Vt {
         colspan: 2
       }, { type: a, widget: l } = n;
       let o = l ?? a;
-      return ct[o] === void 0 && (o = a), e.createWidget(o, n);
+      return ht[o] === void 0 && (o = a), e.createWidget(o, n);
     });
   }
   /**
@@ -2313,7 +2352,7 @@ class Vt {
     return this.advancedSearchContainer.findById(t);
   }
 }
-const Yt = ({
+const Dt = ({
   domain: i,
   widgetFieldName: t
 }) => {
@@ -2322,13 +2361,13 @@ const Yt = ({
     if (!Array.isArray(s))
       return;
     const [n, a, l] = s;
-    let o, d;
-    n.indexOf(".") !== -1 ? (o = n.substr(0, n.indexOf(".")), d = n.substr(
+    let o, h;
+    n.indexOf(".") !== -1 ? (o = n.substr(0, n.indexOf(".")), h = n.substr(
       n.indexOf(".") + 1,
       n.length - 1
-    )) : (o = n, d = "id"), o === t && e.push([d, a, l]);
+    )) : (o = n, h = "id"), o === t && e.push([h, a, l]);
   }), e;
-}, Dt = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((t) => t.trim()).filter((t) => !t.includes("'"));
+}, jt = (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);
@@ -2342,7 +2381,7 @@ class dt {
     return this._position;
   }
 }
-class jt {
+class Mt {
   constructor(t) {
     r(this, "_string", null);
     r(this, "_items", []);
@@ -2395,8 +2434,10 @@ class ce extends oe {
     r(this, "_icon", null);
     r(this, "_totalDomain", null);
     r(this, "_showPercent", !1);
+    r(this, "_progressbar", !1);
+    r(this, "_showTotal", !0);
     r(this, "_suffix", null);
-    this._type = e, this._color = s.attributes.color || null, this._color && (this._color = m(this._color)), this._icon = s.attributes.icon || null, this._icon && (this._icon = m(this._icon)), this._suffix = s.attributes.suffix || null, this._totalDomain = m(s.attributes.totalDomain) || null, this._showPercent = k(s.attributes.showPercent);
+    this._type = e, this._color = s.attributes.color || null, this._color && (this._color = m(this._color)), this._icon = s.attributes.icon || null, this._icon && (this._icon = m(this._icon)), this._suffix = s.attributes.suffix || null, this._totalDomain = m(s.attributes.totalDomain) || null, this._showPercent = w(s.attributes.showPercent), this._progressbar = w(s.attributes.progressbar), this._showTotal = s.attributes.showTotal !== void 0 ? w(s.attributes.showTotal) : !!this._totalDomain;
   }
   get color() {
     return this._color;
@@ -2410,11 +2451,17 @@ class ce extends oe {
   get showPercent() {
     return this._showPercent;
   }
+  get progressbar() {
+    return this._progressbar;
+  }
+  get showTotal() {
+    return this._showTotal;
+  }
   get suffix() {
     return this._suffix;
   }
 }
-class ht extends ce {
+class ut extends ce {
   constructor(e, s) {
     super(e, s);
     r(this, "_field");
@@ -2434,24 +2481,24 @@ class ht extends ce {
     return this._operator;
   }
 }
-const ut = (i) => {
+const _t = (i) => {
   const t = [];
   let e;
   if (i.forEach((s) => {
     if (s.tagName === "field") {
-      const n = s.attributes.axis, a = s.attributes.operator, l = s.attributes.name, o = s.attributes.label || void 0, d = s.attributes.stacked || void 0;
+      const n = s.attributes.axis, a = s.attributes.operator, l = s.attributes.name, o = s.attributes.label || void 0, h = s.attributes.stacked || void 0;
       if (!n)
         throw new Error(`Field ${l} doesn't have an axis`);
       if (!l)
         throw new Error("Missing name attribute for field");
-      n === "x" ? e = new gt({
+      n === "x" ? e = new mt({
         name: l
       }) : n === "y" && t.push(
-        new ft({
+        new gt({
           name: l,
           operator: a,
           label: o,
-          stacked: d
+          stacked: h
         })
       );
     }
@@ -2470,7 +2517,7 @@ class M extends oe {
     r(this, "_x");
     r(this, "_y");
     this._type = e;
-    const n = ut(s.children);
+    const n = _t(s.children);
     this._x = n.x, this._y = n.y;
   }
   get x() {
@@ -2480,22 +2527,22 @@ class M extends oe {
     return this._y;
   }
 }
-const _t = {
+const ft = {
   indicator: ce,
-  indicatorField: ht,
+  indicatorField: ut,
   line: M,
   bar: M,
   pie: M
-}, Mt = (i) => {
+}, Nt = (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 = _t[e];
+  const s = ft[e];
   if (!s)
     throw new Error(`${e} not found as a GraphModel`);
   return new s(e, t);
 };
-class de {
+class he {
   constructor({ name: t, axis: e }) {
     r(this, "_name");
     r(this, "_axis");
@@ -2508,7 +2555,7 @@ class de {
     return this._axis;
   }
 }
-class ft extends de {
+class gt extends he {
   constructor({
     name: e,
     operator: s,
@@ -2531,12 +2578,12 @@ class ft extends de {
     return this._stacked;
   }
 }
-class gt extends de {
+class mt extends he {
   constructor({ name: t }) {
     super({ name: t, axis: "x" });
   }
 }
-const mt = ({ ooui: i }) => {
+const bt = ({ 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);
@@ -2558,27 +2605,27 @@ function q({
   }
   return { value: n, label: n };
 }
-const Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const At = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getFieldsToRetrieve: mt,
+  getFieldsToRetrieve: bt,
   getValueAndLabelForField: q
 }, Symbol.toStringTag, { value: "Module" }));
-function bt({
+function yt({
   values: i,
   timerange: t,
   interval: e = 1
 }) {
-  const s = pt({
+  const s = wt({
     values: i,
     timerange: t
   });
-  return yt({
+  return xt({
     values: s,
     timerange: t,
     interval: e
   });
 }
-function yt({
+function xt({
   values: i,
   timerange: t,
   interval: e = 1
@@ -2589,15 +2636,15 @@ function yt({
     groupBy: "type-stacked"
   }), a = `${t}s`;
   return Object.keys(n).forEach((o) => {
-    const d = n[o];
-    for (let _ = 0; _ < d.length; _++) {
-      const u = d[_];
-      if (s.push(u), _ === d.length - 1)
+    const h = n[o];
+    for (let _ = 0; _ < h.length; _++) {
+      const u = h[_];
+      if (s.push(u), _ === h.length - 1)
         return;
-      const h = u.x, g = d[_ + 1].x;
-      if (!he([h, g], a)) {
-        const c = xt({
-          dates: [h, g],
+      const d = u.x, g = h[_ + 1].x;
+      if (!de([d, g], a)) {
+        const c = pt({
+          dates: [d, g],
           timerange: t,
           interval: e
         });
@@ -2611,9 +2658,9 @@ function yt({
         );
       }
     }
-  }), s.sort((o, d) => o.x < d.x ? -1 : o.x > d.x ? 1 : 0);
+  }), s.sort((o, h) => o.x < h.x ? -1 : o.x > h.x ? 1 : 0);
 }
-function xt({
+function pt({
   dates: i,
   timerange: t,
   interval: e = 1
@@ -2623,23 +2670,23 @@ function xt({
     return i;
   const a = i.sort((l, o) => l < o ? -1 : l > o ? 1 : 0);
   for (let l = 0; l < a.length - 1; l++) {
-    const o = a[l], d = a[l + 1];
-    if (!he([o, d], n)) {
-      const _ = T(o, E(n)).add(
+    const o = a[l], h = a[l + 1];
+    if (!de([o, h], n)) {
+      const _ = W(o, E(n)).add(
         e,
         n
-      ), u = T(d, E(n));
+      ), u = W(h, E(n));
       for (; _.isBefore(u); )
         s.push(_.format(E(n))), _.add(e, n);
     }
   }
   return s;
 }
-function pt({
+function wt({
   values: i,
   timerange: t
 }) {
-  const e = wt({
+  const e = vt({
     values: i,
     timerange: t
   }), s = [], n = ue({
@@ -2647,34 +2694,34 @@ function pt({
     groupBy: "all"
   });
   return Object.keys(n).forEach((a) => {
-    const l = n[a], o = l[0].operator === "count" ? "+" : l[0].operator, d = Y({
+    const l = n[a], o = l[0].operator === "count" ? "+" : l[0].operator, h = Y({
       values: l.map((_) => _.value),
       operator: o
     });
     s.push({
       ...l[0],
-      value: d
+      value: h
     });
   }), s;
 }
-function wt({
+function vt({
   values: i,
   timerange: t
 }) {
   return i.map((e) => ({
     ...e,
-    x: vt({
+    x: Ft({
       date: e.x,
       timerange: t
     })
   }));
 }
-function vt({
+function Ft({
   date: i,
   timerange: t
 }) {
-  let e = Ft(i);
-  const s = T(i, e);
+  let e = Ct(i);
+  const s = W(i, e);
   switch (t) {
     case "hour": {
       e = "YYYY-MM-DD HH:00";
@@ -2699,10 +2746,10 @@ function vt({
   }
   return s.format(e);
 }
-function Ft(i) {
+function Ct(i) {
   return i.indexOf(":") ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
 }
-function he(i, t) {
+function de(i, t) {
   let e = !1;
   const s = E(t);
   if (i.length === 0)
@@ -2710,7 +2757,7 @@ function he(i, t) {
   if (i.length === 1)
     return !0;
   for (let n = 0; n < i.length - 1; n++) {
-    const a = T(i[n], s), o = T(i[n + 1], s).diff(a, t);
+    const a = W(i[n], s), o = W(i[n + 1], s).diff(a, t);
     Math.abs(o) === 1 ? e = !0 : e = !1;
   }
   return e;
@@ -2740,7 +2787,7 @@ function E(i) {
       return "YYYY-MM-DD HH:mm";
   }
 }
-const Ct = {
+const kt = {
   count: "count",
   "+": "sum",
   "-": "subtract",
@@ -2748,7 +2795,7 @@ const Ct = {
   avg: "average",
   min: "min",
   max: "max"
-}, kt = ({
+}, Pt = ({
   ooui: i,
   values: t,
   fields: e,
@@ -2763,13 +2810,13 @@ const Ct = {
     Object.keys(n).forEach((b) => {
       const x = n[b].label, y = n[b].entries;
       if (c.label) {
-        const v = R({
+        const F = R({
           fieldName: c.label,
           values: y,
           fields: e
         });
-        Object.keys(v).forEach((F) => {
-          const p = v[F].entries, I = v[F].label, ge = B({
+        Object.keys(F).forEach((C) => {
+          const p = F[C].entries, I = F[C].label, ge = B({
             entries: p,
             fields: e,
             fieldName: c.name
@@ -2786,17 +2833,17 @@ const Ct = {
           });
         });
       } else {
-        const v = B({
+        const F = B({
           entries: y,
           fields: e,
           fieldName: c.name
-        }), F = Y({
-          values: v,
+        }), C = Y({
+          values: F,
           operator: c.operator
         });
         a.push({
           x: x || !1,
-          value: F,
+          value: C,
           type: _e({
             yAxis: c,
             fields: e
@@ -2814,21 +2861,21 @@ const Ct = {
   i.type === "pie" && u.some((c) => c.x === !1) ? u = u.map((c) => c.x === !1 ? { ...c, x: (s == null ? void 0 : s.uninformedString) || "Not informed" } : c) : _.some((c) => c.x === !1) && (u = u.filter(
     (c) => c.x !== !1
   ));
-  let h = u;
-  i.timerange ? h = bt({
-    values: h,
+  let d = u;
+  i.timerange ? d = yt({
+    values: d,
     timerange: i.timerange,
     interval: i.interval
-  }) : i.type == "pie" && (h = u.sort((c, b) => b.value - c.value));
+  }) : i.type == "pie" && (d = u.sort((c, b) => b.value - c.value));
   const g = {
-    data: h,
+    data: d,
     isGroup: o || l,
     isStack: o
   };
   if (i.type === "line" && i.y_range && (g.yAxisOpts = {
     mode: i.y_range
   }, i.y_range === "auto")) {
-    const { min: c, max: b } = fe(h);
+    const { min: c, max: b } = fe(d);
     g.yAxisOpts.valueOpts = { min: c, max: b };
   }
   return g;
@@ -2897,7 +2944,7 @@ function R({
     s[a] || (s[a] = { label: l, entries: [] }), s[a].entries.push(n);
   }), s;
 }
-function Pt(i) {
+function Ot(i) {
   let t = [];
   return Object.keys(i).forEach((e) => {
     const s = i[e];
@@ -2920,53 +2967,54 @@ function fe(i, t = 0.1) {
     max: n + a
   };
 }
-const At = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getAllObjectsInGroupedValues: Pt,
+  getAllObjectsInGroupedValues: Ot,
   getMinMax: fe,
   getValueForOperator: Y,
   getValuesForYField: B,
   getValuesGroupedByField: R,
   getYAxisFieldname: _e,
-  labelsForOperator: Ct,
-  processGraphData: kt
+  labelsForOperator: kt,
+  processGraphData: Pt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Te as ActionButtons,
-  Ue as Alert,
+  We as ActionButtons,
+  Ke as Alert,
   ke as Avatar,
   Ae as Binary,
   te as Boolean,
   ee as Button,
-  We as ButtonGroup,
-  st as Card,
-  et as Carousel,
+  Te as ButtonGroup,
+  rt as Card,
+  tt as Carousel,
   A as Char,
   re as CodeEditor,
-  tt as ColorPicker,
-  Ke as Comments,
+  it as ColorPicker,
+  Ze as Comments,
   V as Container,
-  w as ContainerWidget,
-  jt as Dashboard,
+  v as ContainerWidget,
+  Mt as Dashboard,
   dt as DashboardItem,
   De as Date,
   je as DateTime,
-  Ze as Email,
+  et as Email,
   f as Field,
   G as Float,
   Ee as FloatTime,
-  St as Form,
+  Et as Form,
   oe as Graph,
-  de as GraphAxis,
+  he as GraphAxis,
   M as GraphChart,
   ce as GraphIndicator,
-  ht as GraphIndicatorField,
-  gt as GraphXAxis,
-  ft as GraphYAxis,
+  ut as GraphIndicatorField,
+  mt as GraphXAxis,
+  gt as GraphYAxis,
   Oe as Group,
   Ve as HTMLPreview,
+  Re as Icon,
   Be as Image,
-  Ge as Indicator,
+  $e as Indicator,
   Se as Integer,
   H as JSONField,
   Z as Label,
@@ -2978,29 +3026,29 @@ export {
   ie as One2many,
   Pe as Page,
   Ye as ProgressBar,
-  it as QRCode,
-  Je as Radio,
+  st as QRCode,
+  He as Radio,
   Ne as Reference,
-  ct as SearchFieldTypes,
-  Vt as SearchFilter,
+  ht as SearchFieldTypes,
+  Yt as SearchFilter,
   z as Selection,
   Me as Separator,
   j as Spinner,
-  Qe as Steps,
-  He as Switch,
-  qe as Tag,
-  $e as Tags,
+  Xe as Steps,
+  Qe as Switch,
+  Je as Tag,
+  qe as Tags,
   L as Text,
-  Xe as Time,
-  Le as Timeline,
-  Et as Tree,
-  C as Widget,
-  Nt as graphFieldUtils,
-  At as graphProcessor,
+  Ue as Time,
+  Ge as Timeline,
+  Vt as Tree,
+  k as Widget,
+  At as graphFieldUtils,
+  Bt as graphProcessor,
   ne as parseContext,
-  It as parseContextFields,
-  Dt as parseDomainFields,
-  Mt as parseGraph,
-  Yt as transformDomainForChildWidget
+  St as parseContextFields,
+  jt as parseDomainFields,
+  Nt as parseGraph,
+  Dt as transformDomainForChildWidget
 };
 //# sourceMappingURL=ooui.es.js.map