x4js 1.4.51 → 1.4.53

package/lib/{icon.js → cjs/icon.js}

@@ -27,6 +27,15 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = exports.EvLoaded = void 0;
 const component_1 = require("./component");
@@ -47,7 +56,6 @@ function trimQuotes(str) {
     return str;
 }
 class Loader extends x4events_1.EventSource {
-    svgs;
     constructor() {
         super();
         this.svgs = new Map();
@@ -64,7 +72,7 @@ class Loader extends x4events_1.EventSource {
             // mark it as loading
             this.svgs.set(url, null);
             // then start loading
-            const _load = async (url) => {
+            const _load = (url) => __awaiter(this, void 0, void 0, function* () {
                 // shortcut
                 if (url.substring(0, 24) == "data:image/svg+xml;utf8,") {
                     const svg = url.substring(24);
@@ -72,9 +80,9 @@ class Loader extends x4events_1.EventSource {
                     this.signal('loaded', EvLoaded(url, svg));
                 }
                 else {
-                    const r = await fetch(url);
+                    const r = yield fetch(url);
                     if (r.ok) {
-                        const svg = await r.text();
+                        const svg = yield r.text();
                         // check response, must be svg
                         //TODO: find better
                         if (!svg.startsWith("<svg") && !svg.startsWith('<?xml')) {
@@ -87,7 +95,7 @@ class Loader extends x4events_1.EventSource {
                         }
                     }
                 }
-            };
+            });
             _load(url);
         }
     }
@@ -97,8 +105,6 @@ const svgLoader = new Loader();
  * standard icon
  */
 class Icon extends component_1.Component {
-    m_icon;
-    m_iconName;
     constructor(props) {
         if ((0, tools_1.isString)(props)) {
             super({ icon: props });
@@ -253,9 +259,9 @@ class Icon extends component_1.Component {
         this.addClass('@svg-icon');
         this.setContent(tools_1.HtmlString.from(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="${pth}/></svg>`), false);
     }
-    /**
-     *
-     */
-    static icon_cache = [];
 }
 exports.Icon = Icon;
+/**
+ *
+ */
+Icon.icon_cache = [];

package/lib/{image.js → cjs/image.js}

@@ -39,8 +39,6 @@ function _isStaticImage(src) {
  * Standard image class
  */
 class Image extends component_1.Component {
-    m_created;
-    m_lazysrc; // expected 
     constructor(props) {
         super(props);
         this.m_created = false;
@@ -58,12 +56,13 @@ class Image extends component_1.Component {
     }
     /** @ignore */
     render() {
+        var _a;
         let mp = this.m_props;
         const img = new component_1.Component({
             tag: 'img',
             attrs: {
                 draggable: false,
-                alt: mp.alt ?? '',
+                alt: (_a = mp.alt) !== null && _a !== void 0 ? _a : '',
                 decoding: mp.lazy ? 'async' : undefined,
             },
             style: {
@@ -119,8 +118,6 @@ class Image extends component_1.Component {
             }
         }
     }
-    static lazy_images_waiting = [];
-    static lazy_image_timer = undefined;
     static lazyWatch() {
         let newList = [];
         let done = 0;
@@ -156,3 +153,5 @@ class Image extends component_1.Component {
     }
 }
 exports.Image = Image;
+Image.lazy_images_waiting = [];
+Image.lazy_image_timer = undefined;

package/lib/cjs/input.js

@@ -0,0 +1,174 @@
+"use strict";
+/**
+*  ___  ___ __
+*  \  \/  /  / _
+*   \    /  /_| |_
+*   /    \____   _|
+*  /__/\__\   |_|
+*
+* @file input.ts
+* @author Etienne Cochard
+*
+* Copyright (c) 2019-2022 R-libre ingenierie
+*
+* Permission is hereby granted, free of charge, to any person obtaining a copy
+* of this software and associated documentation files (the "Software"), to deal
+* in the Software without restriction, including without limitation the rights
+* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+* of the Software, and to permit persons to whom the Software is furnished to do so,
+* subject to the following conditions:
+* The above copyright notice and this permission notice shall be included in all copies
+* or substantial portions of the Software.
+*
+* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+**/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const component_1 = require("./component");
+/**
+ * base class for elements implementing an input
+ * CARE derived classes must set this.ui.input
+ */
+class Input extends component_1.Component {
+    constructor(props) {
+        super(props);
+    }
+    /** @ignore */
+    render(props) {
+        var _a;
+        this.setTag('input');
+        this._setTabIndex(props.tabIndex);
+        this.setAttributes(Object.assign({ value: props.value, type: props.type || 'text', name: props.name, placeholder: props.placeHolder, autofocus: props.autoFocus, readonly: props.readOnly, autocomplete: 'new-password', tabIndex: props.tabIndex, spellcheck: props.spellcheck === false ? 'false' : undefined, min: props.min, max: props.max }, props.attrs));
+        this.m_props.autosel = (_a = props.autosel) !== null && _a !== void 0 ? _a : true;
+        if (props.uppercase) {
+            this.setStyleValue('textTransform', 'uppercase');
+        }
+        if (this.m_props.autosel) {
+            this.setDomEvent("focus", () => {
+                this.selectAll();
+            });
+        }
+    }
+    getType() {
+        return this.m_props.type;
+    }
+    /**
+     * return the current editor value
+     */
+    get value() {
+        if (this.dom) {
+            this.m_props.value = this.dom.value;
+        }
+        if (this.m_props.uppercase) {
+            let upper = this.m_props.value.toUpperCase(); // todo: locale ?
+            if (this.dom && upper != this.m_props.value) {
+                this.dom.value = upper; // update the input
+            }
+            this.m_props.value = upper;
+        }
+        return this.m_props.value;
+    }
+    /**
+     * Change the editor value
+     * @param value - new value to set
+     */
+    set value(value) {
+        this.m_props.value = value;
+        if (this.dom) {
+            this.dom.value = value;
+        }
+    }
+    getStoreValue() {
+        if (this.m_props.value_hook) {
+            return this.m_props.value_hook.get();
+        }
+        else {
+            let type = this.getAttribute('type');
+            if (type) {
+                type = type.toLowerCase();
+            }
+            let value, dom = this.dom;
+            if (type === "file") {
+                value = [];
+                let files = dom.files;
+                for (let file = 0; file < files.length; file++) {
+                    value.push(files[file].name);
+                }
+            }
+            else if (type === 'checkbox') {
+                if (dom.checked) {
+                    value = 1;
+                }
+                else {
+                    value = 0;
+                }
+            }
+            else if (type === 'radio') {
+                if (dom.checked) {
+                    value = this.value;
+                }
+            }
+            else if (type === 'date') {
+                debugger;
+            }
+            else {
+                value = this.value;
+            }
+            return value;
+        }
+    }
+    setStoreValue(v) {
+        if (this.m_props.value_hook) {
+            return this.m_props.value_hook.set(v);
+        }
+        else {
+            let type = this.getAttribute('type'), dom = this.dom;
+            if (type) {
+                type = type.toLowerCase();
+            }
+            if (type === 'checkbox') {
+                let newval = v !== null && v !== '0' && v !== 0 && v !== false;
+                if (newval !== dom.checked) {
+                    dom.setAttribute('checked', '' + newval);
+                    dom.dispatchEvent(new Event('change'));
+                }
+            }
+            else {
+                this.value = v;
+            }
+        }
+    }
+    set readOnly(ro) {
+        this.setAttribute('readonly', ro);
+    }
+    /**
+     * select all the text
+     */
+    selectAll() {
+        this.dom.select();
+    }
+    /**
+     * select a part of the text
+     * @param start
+     * @param length
+     */
+    select(start, length = 9999) {
+        this.dom.setSelectionRange(start, start + length);
+    }
+    /**
+     * get the selection as { start, length }
+     */
+    getSelection() {
+        let idom = this.dom;
+        return {
+            start: idom.selectionStart,
+            length: idom.selectionEnd - idom.selectionStart,
+        };
+    }
+}
+exports.Input = Input;

package/lib/{label.js → cjs/label.js}

@@ -46,6 +46,7 @@ class Label extends component_1.Component {
     }
     /** @ignore */
     render(props) {
+        var _a;
         let text = this.m_props.text;
         if (this.m_props.multiline && !(text instanceof tools_1.HtmlString)) {
             text = new tools_1.HtmlString(text.replace(/\n/g, '<br/>'));
@@ -61,7 +62,7 @@ class Label extends component_1.Component {
                 new component_1.Component({ content: text, ref: 'text' })
             ]);
         }
-        this.addClass(props.align ?? 'left');
+        this.addClass((_a = props.align) !== null && _a !== void 0 ? _a : 'left');
     }
     /**
      * change the displayed text

package/lib/{layout.js → cjs/layout.js}

@@ -105,15 +105,15 @@ class GridLayout extends component_1.Container {
 }
 exports.GridLayout = GridLayout;
 class TableLayout extends component_1.Container {
-    m_cells;
     constructor(props) {
         super(props);
         this.setTag('table');
         this.m_cells = new Map();
     }
     _getCell(row, col, create = true) {
+        var _a;
         let idx = _mkid(row, col);
-        return this.m_cells.get(idx) ?? (create ? { item: undefined } : null);
+        return (_a = this.m_cells.get(idx)) !== null && _a !== void 0 ? _a : (create ? { item: undefined } : null);
     }
     _setCell(row, col, cell, update = false) {
         let idx = _mkid(row, col);
@@ -175,9 +175,10 @@ class TableLayout extends component_1.Container {
     }
     getCell(row, col) {
         let cell = this._getCell(row, col);
-        return cell?.item;
+        return cell === null || cell === void 0 ? void 0 : cell.item;
     }
     render() {
+        var _a, _b;
         let rows = [];
         let skip = [];
         for (let r = 0; r < this.m_props.rows; r++) {
@@ -198,14 +199,14 @@ class TableLayout extends component_1.Container {
                 }
                 let cc = new component_1.Component({
                     tag: 'td',
-                    content: cell?.item,
-                    width: cell?.width,
-                    height: cell?.height,
+                    content: cell === null || cell === void 0 ? void 0 : cell.item,
+                    width: cell === null || cell === void 0 ? void 0 : cell.width,
+                    height: cell === null || cell === void 0 ? void 0 : cell.height,
                     data: { row: r, col: c },
                     cls
                 });
                 if (cell) {
-                    let rs = cell.rowSpan ?? 0, cs = cell.colSpan ?? 0;
+                    let rs = (_a = cell.rowSpan) !== null && _a !== void 0 ? _a : 0, cs = (_b = cell.colSpan) !== null && _b !== void 0 ? _b : 0;
                     if (rs > 0) {
                         cc.setAttribute('rowspan', rs + 1);
                     }
@@ -227,7 +228,7 @@ class TableLayout extends component_1.Container {
                 tag: 'tr',
                 data: { row: r },
                 content: cols,
-                cls: rdata?.cls
+                cls: rdata === null || rdata === void 0 ? void 0 : rdata.cls
             });
             rows.push(rr);
         }

package/lib/{link.js → cjs/link.js}

@@ -45,8 +45,9 @@ class Link extends component_1.Component {
     }
     /** @ignore */
     render(props) {
-        let text = props.text ?? '';
-        let href = props.href ?? '#';
+        var _a, _b;
+        let text = (_a = props.text) !== null && _a !== void 0 ? _a : '';
+        let href = (_b = props.href) !== null && _b !== void 0 ? _b : '#';
         this.setTag('a');
         this.setAttribute('tabindex', 0);
         this.setAttribute('href', href);