@gisce/ooui 2.18.0-alpha.4 → 2.18.0-rc.1

package/dist/ooui.es.js

@@ -61,7 +61,7 @@ const be = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ye
     modifiedExpectedValue: null,
     directOutcome: !1
   } : (r.modifiedValueInObject = s[i].type === "boolean" ? !!t : t, s[i].type === "many2one" && e === !1 && t === void 0 ? r.modifiedExpectedValue = void 0 : (r.modifiedValueInObject = r.modifiedValueInObject === void 0 ? !1 : r.modifiedValueInObject, r.modifiedValueInObject = r.modifiedValueInObject === null ? !1 : r.modifiedValueInObject), s[i].type === "many2one" && Array.isArray(r.modifiedValueInObject) && r.modifiedValueInObject[0] === void 0 && (r.modifiedValueInObject = !1), s[i].type === "boolean" && (e === 0 || e === 1) && (r.modifiedExpectedValue = e !== 0), r);
-}, pe = ({
+}, xe = ({
   attrs: i,
   values: t,
   fields: e,
@@ -69,11 +69,11 @@ const be = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ye
 }) => {
   const h = i.replace(/\(/g, "[").replace(/\)/g, "]").replace(/'/g, '"').replace(/True/g, "true").replace(/False/g, "false"), _ = b(h), u = JSON.parse(_), d = {};
   for (const f of Object.keys(u)) {
-    const p = u[f].map((y) => ye({ entry: y, values: t, fields: e })).every((y) => y);
-    p ? d[f] = !0 : f === "readonly" && !p && s === "button" && (d[f] = !1);
+    const x = u[f].map((y) => ye({ entry: y, values: t, fields: e })).every((y) => y);
+    x ? d[f] = !0 : f === "readonly" && !x && s === "button" && (d[f] = !1);
   }
   return d;
-}, xe = ({
+}, pe = ({
   attrs: i,
   values: t,
   fields: e,
@@ -114,14 +114,14 @@ const be = (i = !1) => (i = JSON.parse(i.toString().toLowerCase()), +i > 0), ye
   fallbackMode: r = !0
 }) => {
   let a = {}, l = {};
-  if (i.attrs && (l = pe({
+  if (i.attrs && (l = xe({
     attrs: i.attrs,
     values: t,
     fields: e,
     widgetType: s
   })), i.json_attrs)
     try {
-      a = xe({
+      a = pe({
         attrs: i.json_attrs,
         values: t,
         fields: e,
@@ -434,7 +434,7 @@ class Q extends g {
     this._fieldForLabel = e;
   }
 }
-class S {
+class z {
   constructor(t = 4, e = 6, s = !1, r = void 0) {
     /**
      * Number of columns the container is divided
@@ -558,7 +558,7 @@ const O = class O extends C {
      * Container label
      */
     n(this, "_label", "");
-    this._container = new S(
+    this._container = new z(
       e == null ? void 0 : e.col,
       O._defaultColspan,
       this.readOnly,
@@ -610,8 +610,8 @@ const O = class O extends C {
   }
 };
 n(O, "_defaultColspan", 6);
-let x = O;
-const T = class T extends x {
+let p = O;
+const T = class T extends p {
   constructor(e) {
     super(e);
     n(this, "_tabPosition", "top");
@@ -636,7 +636,7 @@ const T = class T extends x {
 };
 n(T, "_defaultColspan", 3);
 let j = T;
-class Fe extends x {
+class Fe extends p {
   constructor(e) {
     super(e);
     n(this, "_icon", null);
@@ -649,7 +649,7 @@ class Fe extends x {
     this._icon = e;
   }
 }
-class Ce extends x {
+class Ce extends p {
   constructor(e) {
     super(e);
     n(this, "_icon", null);
@@ -734,7 +734,7 @@ class X extends g {
     this._danger = e;
   }
 }
-class ke extends x {
+class ke extends p {
   constructor(e) {
     super(e);
     n(this, "_defaultName", "");
@@ -965,12 +965,12 @@ class Ee extends g {
 }
 class Ie extends B {
 }
-class ze extends g {
+class Se extends g {
   constructor(t) {
     super(t);
   }
 }
-class Se extends g {
+class ze extends g {
   constructor(t) {
     super(t);
   }
@@ -1332,7 +1332,7 @@ class qe extends g {
     super(t);
   }
 }
-class Je extends x {
+class Je extends p {
   constructor(e) {
     super(e);
     /**
@@ -1417,6 +1417,19 @@ class Qe extends g {
     this._size = e;
   }
 }
+class Xe extends p {
+  constructor(e) {
+    super(e);
+    n(this, "_loading", !1);
+    e && e.loading && (this._loading = e.loading);
+  }
+  get loading() {
+    return this._loading;
+  }
+  set loading(e) {
+    this._loading = e;
+  }
+}
 class L {
   constructor() {
     /**
@@ -1469,10 +1482,10 @@ class L {
         this._widgetClass = We;
         break;
       case "date":
-        this._widgetClass = ze;
+        this._widgetClass = Se;
         break;
       case "datetime":
-        this._widgetClass = Se;
+        this._widgetClass = ze;
         break;
       case "progressbar":
         this._widgetClass = Ie;
@@ -1557,6 +1570,9 @@ class L {
       case "arrow_steps":
         this._widgetClass = R;
         break;
+      case "spinner":
+        this._widgetClass = Xe;
+        break;
     }
   }
   createWidget(t, e) {
@@ -1578,7 +1594,7 @@ class L {
     }
   }
 }
-const Xe = ({
+const Ue = ({
   fieldName: i,
   values: t,
   fields: e
@@ -1603,7 +1619,7 @@ const Xe = ({
     r[o] = h.some((_) => _);
   }
   return r;
-}, Ue = ({
+}, Ke = ({
   states: i,
   values: t
 }) => {
@@ -1612,7 +1628,7 @@ const Xe = ({
   const e = i.split(",");
   return e.length === 0 ? {} : e.includes(t.state) ? {} : { invisible: !0 };
 };
-function Ke({
+function Ze({
   values: i = {},
   fieldName: t,
   fields: e = {}
@@ -1640,12 +1656,12 @@ const te = ({
     return d.forEach((c) => {
       const m = c[1];
       if (!c[1].includes("'") && c[1] !== "true" && c[1] !== "false") {
-        const p = Ke({
+        const x = Ze({
           values: t,
           fields: e,
           fieldName: m === "active_id" ? "id" : m
         });
-        f[c[0].replace(/'/g, "")] = p || void 0;
+        f[c[0].replace(/'/g, "")] = x || void 0;
       } else
         c[1] === "true" ? f[c[0].replace(/'/g, "")] = !0 : c[1] === "false" ? f[c[0].replace(/'/g, "")] = !1 : f[c[0].replace(/'/g, "")] = c[1].replace(
           /'/g,
@@ -1655,7 +1671,7 @@ const te = ({
   } catch {
     return;
   }
-}, Ct = (i) => {
+}, kt = (i) => {
   const t = [];
   try {
     return !i || se(i) || typeof i != "string" ? t : ie(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) => {
@@ -1675,26 +1691,26 @@ function ie(i) {
 function se(i) {
   return typeof i == "object" && i !== null && typeof i != "string";
 }
-const Ze = (i) => {
+const et = (i) => {
   const t = i.trim().replace(")", "").split("("), e = t[0], r = t[1].split(",").map((a) => a.trim());
   return {
     method: e,
     args: r
   };
 };
-function et(i) {
+function tt(i) {
   const t = [];
   function e(s) {
     const r = [];
     for (const a of s)
-      a instanceof x ? e(a._container.rows.flat()) : r.push(a);
+      a instanceof p ? e(a._container.rows.flat()) : r.push(a);
     r.length > 0 && t.push(r);
   }
   for (const s of i)
     e(s);
   return t.flat();
 }
-class kt {
+class Ot {
   constructor(t, e = 4) {
     /**
      * Object containing fields specification of the form.
@@ -1745,7 +1761,7 @@ class kt {
      * Context for each field in the form
      */
     n(this, "_contextForFields", {});
-    this._fields = t, this._container = new S(e, 6, !1, "root");
+    this._fields = t, this._container = new z(e, 6, !1, "root");
   }
   get fields() {
     return this._fields;
@@ -1802,7 +1818,7 @@ class kt {
       fields: a.children,
       container: this._container,
       values: s
-    }), et(this._container._rows).forEach((h) => {
+    }), tt(this._container._rows).forEach((h) => {
       const _ = h;
       _._id && _._context && (this._contextForFields[_._id] = h._context);
     });
@@ -1841,10 +1857,10 @@ class kt {
         widgetType: l
       });
       let f;
-      l === "button" && u.states ? f = Ue({
+      l === "button" && u.states ? f = Ke({
         states: u.states,
         values: s
-      }) : f = Xe({
+      }) : f = Ue({
         fieldName: u.name,
         values: s,
         fields: this._fields
@@ -1854,21 +1870,21 @@ class kt {
         values: s,
         fields: this._fields
       });
-      u.on_change && (this._onChangeFields[u.name] = Ze(
+      u.on_change && (this._onChangeFields[u.name] = et(
         u.on_change
       ));
       let m;
       q(u.domain) ? m = u.domain : q((F = this._fields[u.name]) == null ? void 0 : F.domain) && (m = this._fields[u.name].domain), this._keyIdx = this._keyIdx + 1;
-      const p = {
+      const x = {
         ...d,
         ...f,
         context: c,
         domain: m,
         key: `${this._keyIdx}`
       };
-      e.readOnly && (p.readonly = !0);
-      const y = r.createWidget(_, p);
-      y.invisible && y instanceof g && this._invisibleFields.push(p.name), y instanceof x && this.parseNode({
+      e.readOnly && (x.readonly = !0);
+      const y = r.createWidget(_, x);
+      y.invisible && y instanceof g && this._invisibleFields.push(x.name), y instanceof p && this.parseNode({
         fields: h,
         container: y.container,
         values: s
@@ -1886,7 +1902,7 @@ class kt {
 function q(i) {
   return i ? Array.isArray(i) && i.length > 0 ? !0 : typeof i == "string" && i !== "" && i !== "[]" : !1;
 }
-class Ot {
+class Tt {
   constructor(t) {
     /**
      * Object containing fields specification of the form.
@@ -1992,7 +2008,7 @@ class Ot {
     return this._columns.find((e) => e.findById ? e.findById(t) : !1);
   }
 }
-const tt = {
+const it = {
   text: "text",
   many2one: "many2one",
   char: "char",
@@ -2005,7 +2021,7 @@ const tt = {
   date: "date",
   datetime: "datetime"
 };
-class Tt {
+class Pt {
   constructor(t, e, s = 8) {
     /**
      * Object containing the specific fields for primary and secondary search fields
@@ -2017,7 +2033,7 @@ class Tt {
     n(this, "_fields");
     n(this, "_simpleSearchContainer");
     n(this, "_advancedSearchContainer");
-    this._searchFields = t, this._fields = e, this._simpleSearchContainer = new S(s), this._advancedSearchContainer = new S(s);
+    this._searchFields = t, this._fields = e, this._simpleSearchContainer = new z(s), this._advancedSearchContainer = new z(s);
   }
   get searchFields() {
     return this._searchFields;
@@ -2053,7 +2069,7 @@ class Tt {
         colspan: 2
       }, { type: a, widget: l } = r;
       let o = l ?? a;
-      return tt[o] === void 0 && (o = a), e.createWidget(o, r);
+      return it[o] === void 0 && (o = a), e.createWidget(o, r);
     });
   }
   /**
@@ -2064,7 +2080,7 @@ class Tt {
     return this.advancedSearchContainer.findById(t);
   }
 }
-const Pt = ({
+const Wt = ({
   domain: i,
   widgetFieldName: t
 }) => {
@@ -2079,8 +2095,8 @@ const Pt = ({
       r.length - 1
     )) : (o = r, h = "id"), o === t && e.push([h, a, l]);
   }), e;
-}, Wt = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((t) => t.trim()).filter((t) => !t.includes("'"));
-class it {
+}, Et = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((t) => t.trim()).filter((t) => !t.includes("'"));
+class st {
   constructor(t) {
     n(this, "_action_id", null);
     n(this, "_position", null);
@@ -2093,7 +2109,7 @@ class it {
     return this._position;
   }
 }
-class Et {
+class It {
   constructor(t) {
     n(this, "_string", null);
     n(this, "_items", []);
@@ -2101,7 +2117,7 @@ class Et {
     this._string = e.attributes.string || null;
     const { children: s } = e;
     s.forEach((r) => {
-      r.tagName === "dashboard_item" && this._items.push(new it(r.attributes));
+      r.tagName === "dashboard_item" && this._items.push(new st(r.attributes));
     });
   }
   get string() {
@@ -2139,7 +2155,7 @@ class ne {
     return this._y_range;
   }
 }
-const st = (i) => i === 1 || i === "1" || i === !0 || i === "True";
+const nt = (i) => i === 1 || i === "1" || i === !0 || i === "True";
 class re extends ne {
   constructor(e, s) {
     super(s);
@@ -2148,7 +2164,7 @@ class re extends ne {
     n(this, "_totalDomain", null);
     n(this, "_showPercent", !1);
     n(this, "_suffix", null);
-    this._type = e, this._color = s.attributes.color || null, this._color && (this._color = b(this._color)), this._icon = s.attributes.icon || null, this._icon && (this._icon = b(this._icon)), this._suffix = s.attributes.suffix || null, this._totalDomain = b(s.attributes.totalDomain) || null, this._showPercent = st(s.attributes.showPercent);
+    this._type = e, this._color = s.attributes.color || null, this._color && (this._color = b(this._color)), this._icon = s.attributes.icon || null, this._icon && (this._icon = b(this._icon)), this._suffix = s.attributes.suffix || null, this._totalDomain = b(s.attributes.totalDomain) || null, this._showPercent = nt(s.attributes.showPercent);
   }
   get color() {
     return this._color;
@@ -2166,7 +2182,7 @@ class re extends ne {
     return this._suffix;
   }
 }
-class nt extends re {
+class rt extends re {
   constructor(e, s) {
     super(e, s);
     n(this, "_field");
@@ -2186,7 +2202,7 @@ class nt extends re {
     return this._operator;
   }
 }
-const rt = (i) => {
+const at = (i) => {
   const t = [];
   let e;
   if (i.forEach((s) => {
@@ -2196,10 +2212,10 @@ const rt = (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 ot({
+      r === "x" ? e = new ct({
         name: l
       }) : r === "y" && t.push(
-        new lt({
+        new ot({
           name: l,
           operator: a,
           label: o,
@@ -2222,7 +2238,7 @@ class D extends ne {
     n(this, "_x");
     n(this, "_y");
     this._type = e;
-    const r = rt(s.children);
+    const r = at(s.children);
     this._x = r.x, this._y = r.y;
   }
   get x() {
@@ -2232,17 +2248,17 @@ class D extends ne {
     return this._y;
   }
 }
-const at = {
+const lt = {
   indicator: re,
-  indicatorField: nt,
+  indicatorField: rt,
   line: D,
   bar: D,
   pie: D
-}, It = (i) => {
+}, St = (i) => {
   const t = Y.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 = at[e];
+  const s = lt[e];
   if (!s)
     throw new Error(`${e} not found as a GraphModel`);
   return new s(e, t);
@@ -2260,7 +2276,7 @@ class ae {
     return this._axis;
   }
 }
-class lt extends ae {
+class ot extends ae {
   constructor({
     name: e,
     operator: s,
@@ -2283,12 +2299,12 @@ class lt extends ae {
     return this._stacked;
   }
 }
-class ot extends ae {
+class ct extends ae {
   constructor({ name: t }) {
     super({ name: t, axis: "x" });
   }
 }
-const ct = ({ ooui: i }) => {
+const dt = ({ 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);
@@ -2312,25 +2328,25 @@ function G({
 }
 const zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getFieldsToRetrieve: ct,
+  getFieldsToRetrieve: dt,
   getValueAndLabelForField: G
 }, Symbol.toStringTag, { value: "Module" }));
-function dt({
+function ut({
   values: i,
   timerange: t,
   interval: e = 1
 }) {
-  const s = _t({
+  const s = ft({
     values: i,
     timerange: t
   });
-  return ut({
+  return ht({
     values: s,
     timerange: t,
     interval: e
   });
 }
-function ut({
+function ht({
   values: i,
   timerange: t,
   interval: e = 1
@@ -2348,7 +2364,7 @@ function ut({
         return;
       const d = u.x, f = h[_ + 1].x;
       if (!le([d, f], a)) {
-        const c = ht({
+        const c = _t({
           dates: [d, f],
           timerange: t,
           interval: e
@@ -2365,7 +2381,7 @@ function ut({
     }
   }), s.sort((o, h) => o.x < h.x ? -1 : o.x > h.x ? 1 : 0);
 }
-function ht({
+function _t({
   dates: i,
   timerange: t,
   interval: e = 1
@@ -2377,21 +2393,21 @@ function ht({
   for (let l = 0; l < a.length - 1; l++) {
     const o = a[l], h = a[l + 1];
     if (!le([o, h], r)) {
-      const _ = P(o, z(r)).add(
+      const _ = P(o, S(r)).add(
         e,
         r
-      ), u = P(h, z(r));
+      ), u = P(h, S(r));
       for (; _.isBefore(u); )
-        s.push(_.format(z(r))), _.add(e, r);
+        s.push(_.format(S(r))), _.add(e, r);
     }
   }
   return s;
 }
-function _t({
+function ft({
   values: i,
   timerange: t
 }) {
-  const e = ft({
+  const e = gt({
     values: i,
     timerange: t
   }), s = [], r = oe({
@@ -2409,23 +2425,23 @@ function _t({
     });
   }), s;
 }
-function ft({
+function gt({
   values: i,
   timerange: t
 }) {
   return i.map((e) => ({
     ...e,
-    x: gt({
+    x: mt({
       date: e.x,
       timerange: t
     })
   }));
 }
-function gt({
+function mt({
   date: i,
   timerange: t
 }) {
-  let e = mt(i);
+  let e = bt(i);
   const s = P(i, e);
   switch (t) {
     case "hour": {
@@ -2451,12 +2467,12 @@ function gt({
   }
   return s.format(e);
 }
-function mt(i) {
+function bt(i) {
   return i.indexOf(":") ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
 }
 function le(i, t) {
   let e = !1;
-  const s = z(t);
+  const s = S(t);
   if (i.length === 0)
     return !1;
   if (i.length === 1)
@@ -2477,7 +2493,7 @@ function oe({
     e[o] || (e[o] = []), e[o].push(s);
   }), e;
 }
-function z(i) {
+function S(i) {
   switch (i) {
     case "days":
       return "YYYY-MM-DD";
@@ -2492,7 +2508,7 @@ function z(i) {
       return "YYYY-MM-DD HH:mm";
   }
 }
-const bt = {
+const yt = {
   count: "count",
   "+": "sum",
   "-": "subtract",
@@ -2500,7 +2516,7 @@ const bt = {
   avg: "average",
   min: "min",
   max: "max"
-}, yt = ({
+}, xt = ({
   ooui: i,
   values: t,
   fields: e,
@@ -2513,7 +2529,7 @@ const bt = {
   }), a = [];
   i.y.forEach((c) => {
     Object.keys(r).forEach((m) => {
-      const p = r[m].label, y = r[m].entries;
+      const x = r[m].label, y = r[m].entries;
       if (c.label) {
         const w = N({
           fieldName: c.label,
@@ -2530,7 +2546,7 @@ const bt = {
             operator: c.operator
           });
           a.push({
-            x: p || !1,
+            x: x || !1,
             value: he,
             type: E,
             operator: c.operator,
@@ -2547,7 +2563,7 @@ const bt = {
           operator: c.operator
         });
         a.push({
-          x: p || !1,
+          x: x || !1,
           value: F,
           type: ce({
             yAxis: c,
@@ -2567,7 +2583,7 @@ const bt = {
     (c) => c.x !== !1
   ));
   let d = u;
-  i.timerange ? d = dt({
+  i.timerange ? d = ut({
     values: d,
     timerange: i.timerange,
     interval: i.interval
@@ -2672,7 +2688,7 @@ function de(i, t = 0.1) {
     max: r + a
   };
 }
-const St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getAllObjectsInGroupedValues: pt,
   getMinMax: de,
@@ -2680,8 +2696,8 @@ const St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getValuesForYField: M,
   getValuesGroupedByField: N,
   getYAxisFieldname: ce,
-  labelsForOperator: bt,
-  processGraphData: yt
+  labelsForOperator: yt,
+  processGraphData: xt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Je as Alert,
@@ -2693,24 +2709,24 @@ export {
   $ as Char,
   ee as CodeEditor,
   He as Comments,
-  S as Container,
-  x as ContainerWidget,
-  Et as Dashboard,
-  it as DashboardItem,
-  ze as Date,
-  Se as DateTime,
+  z as Container,
+  p as ContainerWidget,
+  It as Dashboard,
+  st as DashboardItem,
+  Se as Date,
+  ze as DateTime,
   Qe as Email,
   g as Field,
   B as Float,
   We as FloatTime,
-  kt as Form,
+  Ot as Form,
   ne as Graph,
   ae as GraphAxis,
   D as GraphChart,
   re as GraphIndicator,
-  nt as GraphIndicatorField,
-  ot as GraphXAxis,
-  lt as GraphYAxis,
+  rt as GraphIndicatorField,
+  ct as GraphXAxis,
+  ot as GraphYAxis,
   Ce as Group,
   Ee as HTMLPreview,
   je as Image,
@@ -2728,10 +2744,11 @@ export {
   Ie as ProgressBar,
   Ge as Radio,
   Ye as Reference,
-  tt as SearchFieldTypes,
-  Tt as SearchFilter,
+  it as SearchFieldTypes,
+  Pt as SearchFilter,
   W as Selection,
   Ve as Separator,
+  Xe as Spinner,
   Re as Steps,
   $e as Switch,
   Le as Tag,
@@ -2739,14 +2756,14 @@ export {
   A as Text,
   qe as Time,
   Ne as Timeline,
-  Ot as Tree,
+  Tt as Tree,
   C as Widget,
   zt as graphFieldUtils,
-  St as graphProcessor,
+  Vt as graphProcessor,
   te as parseContext,
-  Ct as parseContextFields,
-  Wt as parseDomainFields,
-  It as parseGraph,
-  Pt as transformDomainForChildWidget
+  kt as parseContextFields,
+  Et as parseDomainFields,
+  St as parseGraph,
+  Wt as transformDomainForChildWidget
 };
 //# sourceMappingURL=ooui.es.js.map