@gisce/ooui 2.40.0-alpha.1 → 2.40.0-alpha.2

package/dist/Image.d.ts

@@ -3,7 +3,14 @@ import Field from "./Field";
  * Image base64 field
  */
 declare class Image extends Field {
+    _width?: number;
+    get width(): number | undefined;
+    set width(value: number | undefined);
+    _height?: number;
+    get height(): number | undefined;
+    set height(value: number | undefined);
     get showControls(): boolean;
+    constructor(props: any);
 }
 export default Image;
 //# sourceMappingURL=Image.d.ts.map

package/dist/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;;GAEG;AACH,cAAM,KAAM,SAAQ,KAAK;IACvB,IAAI,YAAY,IAAI,OAAO,CAE1B;CACF;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;;GAEG;AACH,cAAM,KAAM,SAAQ,KAAK;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAElC;IAED,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAE/B;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAEnC;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;gBAEW,KAAK,EAAE,GAAG;CAevB;AAED,eAAe,KAAK,CAAC"}

package/dist/ooui.es.js

@@ -669,8 +669,8 @@ const W = class W extends F {
   }
 };
 r(W, "_defaultColspan", 3);
-let A = W;
-class D extends F {
+let B = W;
+class N extends F {
   constructor(t) {
     super(t);
     r(this, "_loading", !1);
@@ -683,7 +683,7 @@ class D extends F {
     this._loading = t;
   }
 }
-class Pt extends D {
+class Pt extends N {
   constructor(t) {
     super(t);
     r(this, "_icon", null);
@@ -696,7 +696,7 @@ class Pt extends D {
     this._icon = t;
   }
 }
-class Ot extends D {
+class Ot extends N {
   constructor(t) {
     var s;
     super(t);
@@ -835,7 +835,7 @@ class Wt extends F {
 }
 class Tt extends f {
 }
-class N extends f {
+class A extends f {
   constructor(t) {
     super(t);
     /**
@@ -1049,7 +1049,7 @@ class jt extends f {
     super(e);
   }
 }
-class Dt extends f {
+class Nt extends f {
   constructor(t) {
     super(t);
     r(this, "_timezone");
@@ -1156,7 +1156,7 @@ class st extends f {
     this._infinite = t;
   }
 }
-class Mt extends k {
+class Dt extends k {
   constructor(t) {
     super(t);
     /**
@@ -1182,9 +1182,9 @@ class Mt extends k {
     return null;
   }
 }
-class Bt extends z {
+class Mt extends z {
 }
-class At extends f {
+class Bt extends f {
   constructor(t) {
     super(t);
     /**
@@ -1200,10 +1200,37 @@ class At extends f {
     this._filenameField = t;
   }
 }
-class Nt extends f {
+class At extends f {
+  constructor(t) {
+    super(t);
+    r(this, "_width");
+    r(this, "_height");
+    if (t) {
+      if (t.width) {
+        const s = parseInt(t.width);
+        this._width = isNaN(s) ? void 0 : s;
+      }
+      if (t.height) {
+        const s = parseInt(t.height);
+        this._height = isNaN(s) ? void 0 : s;
+      }
+    }
+  }
+  get width() {
+    return this._width;
+  }
+  set width(t) {
+    this._width = t;
+  }
+  get height() {
+    return this._height;
+  }
+  set height(t) {
+    this._height = t;
+  }
   get showControls() {
-    var e;
-    return ((e = this.parsedWidgetProps) == null ? void 0 : e.showControls) ?? !0;
+    var t;
+    return ((t = this.parsedWidgetProps) == null ? void 0 : t.showControls) ?? !0;
   }
 }
 class Rt extends f {
@@ -1548,7 +1575,7 @@ class te extends F {
     return this._container.rows.flat().filter((t) => !t.invisible);
   }
 }
-class ee extends N {
+class ee extends A {
   get showText() {
     return this.parsedWidgetProps.show_text ?? !0;
   }
@@ -1567,7 +1594,7 @@ class ie extends f {
     return console.log(this.parsedWidgetProps), ((e = this.parsedWidgetProps) == null ? void 0 : e.showValue) ?? !1;
   }
 }
-class se extends D {
+class se extends N {
   constructor(t) {
     super(t);
     r(this, "_title", null);
@@ -1600,7 +1627,7 @@ class se extends D {
     this._height = t;
   }
 }
-class M {
+class D {
   constructor() {
     /**
      * Widget class
@@ -1610,7 +1637,7 @@ class M {
   setWidgetClass(e) {
     switch (e) {
       case "notebook":
-        this._widgetClass = A;
+        this._widgetClass = B;
         break;
       case "page":
         this._widgetClass = Pt;
@@ -1625,7 +1652,7 @@ class M {
         this._widgetClass = et;
         break;
       case "char":
-        this._widgetClass = N;
+        this._widgetClass = A;
         break;
       case "text":
         this._widgetClass = $;
@@ -1661,7 +1688,7 @@ class M {
         this._widgetClass = jt;
         break;
       case "datetime":
-        this._widgetClass = Dt;
+        this._widgetClass = Nt;
         break;
       case "progressbar":
         this._widgetClass = Yt;
@@ -1678,22 +1705,22 @@ class M {
         this._widgetClass = tt;
         break;
       case "separator":
-        this._widgetClass = Mt;
+        this._widgetClass = Dt;
         break;
       case "url":
-        this._widgetClass = N;
+        this._widgetClass = A;
         break;
       case "email":
         this._widgetClass = Zt;
         break;
       case "reference":
-        this._widgetClass = Bt;
+        this._widgetClass = Mt;
         break;
       case "binary":
-        this._widgetClass = At;
+        this._widgetClass = Bt;
         break;
       case "image":
-        this._widgetClass = Nt;
+        this._widgetClass = At;
         break;
       case "fiber_grid":
         this._widgetClass = Rt;
@@ -1747,7 +1774,7 @@ class M {
         this._widgetClass = K;
         break;
       case "spinner":
-        this._widgetClass = D;
+        this._widgetClass = N;
         break;
       case "carousel":
         this._widgetClass = te;
@@ -2023,7 +2050,7 @@ class Se {
     container: t,
     values: s
   }) {
-    const n = new M();
+    const n = new D();
     e.filter((a) => typeof a == "object").forEach((a) => {
       var v, C;
       const { tagName: o, attributes: l, children: d } = a;
@@ -2174,7 +2201,7 @@ class Ee {
   parse(e) {
     const t = I.parse(e).filter((n) => n.tagName === "tree")[0];
     this._string = t.attributes.string || null, this._string && (this._string = g(this._string)), this._colors = t.attributes.colors || null, this._colors && (this._colors = g(this._colors)), this._status = t.attributes.status || null, this._status && (this._status = g(this._status)), this._editable = t.attributes.editable || null, this._infinite = t.attributes.infinite || !1;
-    const s = new M();
+    const s = new D();
     t.children.forEach((n) => {
       const { tagName: a, attributes: o } = n;
       let l = null;
@@ -2308,7 +2335,7 @@ class Ve {
     if (this._string = t.attributes.string || null, this._string && (this._string = g(this._string)), this._column_field = t.attributes.column_field || null, !this._column_field)
       throw new Error("Kanban view must have a column_field attribute");
     this._drag = t.attributes.drag !== void 0 ? p(t.attributes.drag) : !0, this._sort = t.attributes.sort !== void 0 ? p(t.attributes.sort) : !0, this._set_max_cards = t.attributes.set_max_cards !== void 0 ? p(t.attributes.set_max_cards) : !1, this._colors = t.attributes.colors || null, this._colors && (this._colors = g(this._colors));
-    const s = new M();
+    const s = new D();
     t.children.forEach((n) => {
       const { tagName: a, attributes: o } = n;
       a === "field" ? this._parseField(n, o, s) : a === "button" && this._parseButton(n, o);
@@ -2402,7 +2429,7 @@ class Ye {
     return this._advancedSearchContainer;
   }
   parse() {
-    const e = new M();
+    const e = new D();
     this.parseFields(
       this.searchFields.primary,
       e
@@ -2449,7 +2476,7 @@ const je = ({
       n.length - 1
     )) : (l = n, d = "id"), l === e && t.push([d, a, o]);
   }), t;
-}, De = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((e) => e.trim()).filter((e) => !e.includes("'"));
+}, Ne = (i) => typeof i != "string" ? [] : i.replace(/[()[\]]/g, "").split(",").map((e) => e.trim()).filter((e) => !e.includes("'"));
 class de {
   constructor(e) {
     r(this, "_action_id", null);
@@ -2463,7 +2490,7 @@ class de {
     return this._position;
   }
 }
-class Me {
+class De {
   constructor(e) {
     r(this, "_string", null);
     r(this, "_items", []);
@@ -2585,7 +2612,7 @@ const he = (i) => {
     y: e
   };
 };
-class B extends ot {
+class M extends ot {
   constructor(t, s) {
     super(s);
     r(this, "_x");
@@ -2604,10 +2631,10 @@ class B extends ot {
 const _e = {
   indicator: ct,
   indicatorField: ue,
-  line: B,
-  bar: B,
-  pie: B
-}, Be = (i) => {
+  line: M,
+  bar: M,
+  pie: M
+}, Me = (i) => {
   const e = I.parse(i).filter((n) => n.tagName === "graph")[0], t = e.attributes.type;
   if (!t)
     throw new Error(`${t} is not a valid graph`);
@@ -2679,7 +2706,7 @@ function H({
   }
   return { value: n, label: n };
 }
-const Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getFieldsToRetrieve: me,
   getValueAndLabelForField: H
@@ -3041,7 +3068,7 @@ function ft(i, e = 0.1) {
     max: n + a
   };
 }
-const Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getAllObjectsInGroupedValues: Pe,
   getMinMax: ft,
@@ -3056,22 +3083,22 @@ export {
   Tt as ActionButtons,
   Xt as Alert,
   kt as Avatar,
-  At as Binary,
+  Bt as Binary,
   it as Boolean,
   G as Button,
   Wt as ButtonGroup,
   se as Card,
   te as Carousel,
-  N as Char,
+  A as Char,
   nt as CodeEditor,
   ee as ColorPicker,
   Ut as Comments,
   Y as Container,
   F as ContainerWidget,
-  Me as Dashboard,
+  De as Dashboard,
   de as DashboardItem,
   jt as Date,
-  Dt as DateTime,
+  Nt as DateTime,
   Zt as Email,
   f as Field,
   q as Float,
@@ -3079,14 +3106,14 @@ export {
   Se as Form,
   ot as Graph,
   dt as GraphAxis,
-  B as GraphChart,
+  M as GraphChart,
   ct as GraphIndicator,
   ue as GraphIndicatorField,
   ge as GraphXAxis,
   fe as GraphYAxis,
   Ot as Group,
   Vt as HTMLPreview,
-  Nt as Image,
+  At as Image,
   Gt as Indicator,
   St as Integer,
   K as JSONField,
@@ -3096,18 +3123,18 @@ export {
   zt as Markdown,
   rt as MultiCheckbox,
   tt as NewLine,
-  A as Notebook,
+  B as Notebook,
   st as One2many,
   Pt as Page,
   Yt as ProgressBar,
   ie as QRCode,
   Jt as Radio,
-  Bt as Reference,
+  Mt as Reference,
   ce as SearchFieldTypes,
   Ye as SearchFilter,
   z as Selection,
-  Mt as Separator,
-  D as Spinner,
+  Dt as Separator,
+  N as Spinner,
   Qt as Steps,
   Ht as Switch,
   qt as Tag,
@@ -3117,12 +3144,12 @@ export {
   Lt as Timeline,
   Ee as Tree,
   k as Widget,
-  Ae as graphFieldUtils,
-  Ne as graphProcessor,
+  Be as graphFieldUtils,
+  Ae as graphProcessor,
   J as parseContext,
   ze as parseContextFields,
-  De as parseDomainFields,
-  Be as parseGraph,
+  Ne as parseDomainFields,
+  Me as parseGraph,
   je as transformDomainForChildWidget
 };
 //# sourceMappingURL=ooui.es.js.map