x4js 1.4.51 → 1.4.53

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

@@ -48,12 +48,6 @@ class MenuTitle extends label_1.Label {
 }
 exports.MenuTitle = MenuTitle;
 class Menu extends popup_1.Popup {
-    static watchCount = 0;
-    static rootMenu = null;
-    m_subMenu;
-    m_opener;
-    m_virtual;
-    m_lock;
     constructor(props, opener) {
         super(props);
         this.addClass('@shadow');
@@ -175,10 +169,9 @@ class Menu extends popup_1.Popup {
     }
 }
 exports.Menu = Menu;
+Menu.watchCount = 0;
+Menu.rootMenu = null;
 class MenuItem extends component_1.Component {
-    m_menu;
-    m_isOpen;
-    m_action;
     constructor(a, b) {
         if (a instanceof action_1.Action) {
             super({
@@ -203,7 +196,8 @@ class MenuItem extends component_1.Component {
     }
     /** @ignore */
     render(props) {
-        let icon = props.icon ?? 0;
+        var _a;
+        let icon = (_a = props.icon) !== null && _a !== void 0 ? _a : 0;
         let text = props.text;
         if (props.checked !== undefined) {
             icon = props.checked ? 'var( --x4-icon-check )' : 0;
@@ -293,7 +287,6 @@ exports.MenuItem = MenuItem;
  *
  */
 class MenuBar extends layout_1.HLayout {
-    m_items;
     constructor(props, opener) {
         super(props);
         console.assert(false, 'not imp');

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

@@ -36,10 +36,10 @@ const icon_1 = require("./icon");
 const label_1 = require("./label");
 const textedit_1 = require("./textedit");
 class MessageBox extends dialog_1.Dialog {
-    m_label;
     constructor(props) {
+        var _a;
         // remove overloaded elements from DialogBoxProps
-        let icon = props.icon ?? 'var( --x4-icon-exclamation )'; // todo: resolve that
+        let icon = (_a = props.icon) !== null && _a !== void 0 ? _a : 'var( --x4-icon-exclamation )'; // todo: resolve that
         props.icon = undefined;
         let buttons = props.buttons === undefined ? ['ok'] : props.buttons;
         props.buttons = undefined;
@@ -94,13 +94,13 @@ class MessageBox extends dialog_1.Dialog {
 }
 exports.MessageBox = MessageBox;
 class PromptDialogBox extends dialog_1.Dialog {
-    m_edit;
     constructor(props) {
+        var _a;
         // remove overloaded elements from DialogBoxProps
         //let icon = props.icon;	// ?? 'cls(far fa-comment-check)';	// todo: resolve that
         //props.icon = undefined;
         props.buttons = undefined;
-        props.width = props.width ?? 500;
+        props.width = (_a = props.width) !== null && _a !== void 0 ? _a : 500;
         super(props);
         this.form.updateContent(new layout_1.HLayout({
             cls: 'panel',

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

@@ -34,18 +34,17 @@ const layout_1 = require("./layout");
 const label_1 = require("./label");
 const icon_1 = require("./icon");
 class Panel extends layout_1.VLayout {
-    m_ui_title;
-    m_ui_body;
     constructor(props) {
         super(props);
-        const sens = props?.sens == 'horizontal' ? '@hlayout' : '@vlayout';
+        const sens = (props === null || props === void 0 ? void 0 : props.sens) == 'horizontal' ? '@hlayout' : '@vlayout';
         //todo: cannot be called twice do to content overload
         this.m_ui_title = new label_1.Label({ cls: 'title', text: this.m_props.title });
         this.m_ui_body = new component_1.Component({ cls: 'body ' + sens, content: this.m_props.content, style: props.bodyStyle });
     }
     /** @ignore */
     render() {
-        const gadgets = this.m_props.gadgets ?? [];
+        var _a;
+        const gadgets = (_a = this.m_props.gadgets) !== null && _a !== void 0 ? _a : [];
         const icon = this.m_props.icon ? new icon_1.Icon({ icon: this.m_props.icon }) : null;
         super.setContent([
             new layout_1.HLayout({

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

@@ -42,11 +42,9 @@ exports.EvMove = EvMove;
  * base class for all popup elements
  */
 class Popup extends component_1.Container {
-    m_ui_mask;
-    m_hasMask = true;
-    static modal_stack = [];
     constructor(props) {
         super(props);
+        this.m_hasMask = true;
         this.addClass('@hidden');
     }
     enableMask(enable = true) {
@@ -164,7 +162,7 @@ class Popup extends component_1.Container {
         }
         if ((x + rm.width) > rc.right - 4) {
             x = rc.right - 4 - rm.width;
-            if (offset?.x < 0) {
+            if ((offset === null || offset === void 0 ? void 0 : offset.x) < 0) {
                 x += offset.x;
             }
         }
@@ -173,7 +171,7 @@ class Popup extends component_1.Container {
         }
         if ((y + rm.height) > rc.bottom - 4) {
             y = rc.bottom - 4 - rm.height;
-            if (offset?.y < 0) {
+            if ((offset === null || offset === void 0 ? void 0 : offset.y) < 0) {
                 y += offset.y;
             }
         }
@@ -312,6 +310,7 @@ class Popup extends component_1.Container {
     }
 }
 exports.Popup = Popup;
+Popup.modal_stack = [];
 /**
  * handle tab key
  */

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

@@ -37,17 +37,14 @@ const checkbox_1 = require("./checkbox");
 const spreadsheet_1 = require("./spreadsheet");
 const i18n_1 = require("./i18n");
 class PropertyEditor extends component_1.Component {
-    m_fields;
-    m_record;
-    m_sheet;
-    m_label_w;
     constructor(props) {
         super(props);
         this.mapPropEvents(props, 'change');
     }
     render(props) {
+        var _a;
         this.m_record = props.record;
-        this.m_fields = props.fields ?? [];
+        this.m_fields = (_a = props.fields) !== null && _a !== void 0 ? _a : [];
         this.m_label_w = props.labelWidth;
         this.m_sheet = new spreadsheet_1.Spreadsheet({
             cls: '@fit',

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

@@ -38,18 +38,18 @@ const label_1 = require("./label");
  * Standard RadioBtn
  */
 class RadioBtn extends component_1.Component {
-    m_ui_input; // todo: remove that / use ref
     constructor(props) {
         super(props);
         this.mapPropEvents(props, 'change');
     }
     /** @ignore */
     render(props) {
-        let text = props.text ?? '';
-        let name = props.name ?? props.group;
-        let labelWidth = props.labelWidth ?? -1;
-        let checked = props.checked ?? false;
-        let align = props.align ?? 'left';
+        var _a, _b, _c, _d, _e;
+        let text = (_a = props.text) !== null && _a !== void 0 ? _a : '';
+        let name = (_b = props.name) !== null && _b !== void 0 ? _b : props.group;
+        let labelWidth = (_c = props.labelWidth) !== null && _c !== void 0 ? _c : -1;
+        let checked = (_d = props.checked) !== null && _d !== void 0 ? _d : false;
+        let align = (_e = props.align) !== null && _e !== void 0 ? _e : 'left';
         let value = props.value;
         let icon = props.icon;
         this.setTag('label');

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

@@ -34,15 +34,15 @@ const layout_1 = require("./layout");
 const input_1 = require("./input");
 const x4events_1 = require("./x4events");
 class Rating extends layout_1.HLayout {
-    m_els;
-    m_input;
     constructor(props) {
+        var _a;
         super(props);
-        props.steps = props.steps ?? 5;
+        props.steps = (_a = props.steps) !== null && _a !== void 0 ? _a : 5;
     }
     render(props) {
-        let shape = props.shape ?? 'star';
-        let value = props.value ?? 0;
+        var _a, _b;
+        let shape = (_a = props.shape) !== null && _a !== void 0 ? _a : 'star';
+        let value = (_b = props.value) !== null && _b !== void 0 ? _b : 0;
         this.m_input = new input_1.Input({
             cls: '@hidden',
             name: props.name,
@@ -67,7 +67,8 @@ class Rating extends layout_1.HLayout {
         this.setContent(this.m_els);
     }
     getValue() {
-        return this.m_props.value ?? 0;
+        var _a;
+        return (_a = this.m_props.value) !== null && _a !== void 0 ? _a : 0;
     }
     set value(v) {
         this.m_props.value = v;

package/lib/cjs/request.js

@@ -0,0 +1,246 @@
+"use strict";
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file request.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.
+**/
+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.ajax = exports.ajaxAsText = exports.ajaxAsJSON = exports.ajaxRequest = void 0;
+/**
+ * TODO: use fetch api
+ *
+
+async function xx( resp, cb ) {
+    cb( await resp.json() );
+}
+
+async function getToto( cb ) {
+    fetch('home/toto', { method: 'GET' }).then( (resp) => { xx(resp,cb); } );
+}
+
+function dump( resp ) {
+    console.log( resp );
+}
+
+getToto( dump );
+
+*/
+const tools_1 = require("./tools");
+const DEFAULT_TIMEOUT = 10000;
+function ajaxRequest(cfg) {
+    let params, url = cfg.url, method = cfg.method || 'GET', formdata = false;
+    if (cfg.params instanceof FormData) {
+        params = cfg.params;
+        formdata = true;
+    }
+    else if (method == 'POST') {
+        params = buildQuery(cfg.params, false);
+    }
+    else {
+        url += buildQuery(cfg.params, true);
+    }
+    url = encodeURI(url);
+    let xhr = new XMLHttpRequest();
+    xhr.open(method, url);
+    xhr.upload.addEventListener('progress', progress, false);
+    xhr.addEventListener('timeout', failure);
+    xhr.addEventListener('error', failure);
+    xhr.addEventListener('load', success);
+    if (!formdata) {
+        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
+    }
+    if (method != 'POST') {
+        xhr.responseType = cfg.responseType || 'json';
+        xhr.timeout = cfg.timeout || DEFAULT_TIMEOUT;
+    }
+    if (cfg.headers) {
+        for (let h in cfg.headers) {
+            xhr.setRequestHeader(h, cfg.headers[h]);
+        }
+    }
+    function progress(ev) {
+        console.log(ev);
+        if (cfg.progress) {
+            try {
+                if (ev.lengthComputable) {
+                    let disp = humanSize(ev.loaded) + ' / ' + humanSize(ev.total);
+                    cfg.progress(ev.loaded, ev.total, disp);
+                }
+            }
+            catch (e) {
+                console.error('unhandled exception:', e);
+            }
+        }
+    }
+    function humanSize(bytes) {
+        let unit, value;
+        if (bytes >= 1e9) {
+            unit = 'Gb';
+            value = bytes / 1e9;
+        }
+        else if (bytes >= 1e6) {
+            unit = 'Mb';
+            value = bytes / 1e6;
+        }
+        else if (bytes >= 1e3) {
+            unit = 'Kb';
+            value = bytes / 1e3;
+        }
+        else {
+            unit = 'bytes';
+            value = bytes;
+        }
+        return value.toFixed(2) + unit;
+    }
+    function failure() {
+        if (cfg.failure) {
+            cfg.failure(xhr.status, xhr.statusText, cfg.userData);
+        }
+    }
+    function success() {
+        if (xhr.status >= 200 && xhr.status < 300) {
+            if (cfg.success) {
+                try {
+                    cfg.success(xhr.response, cfg.userData);
+                }
+                catch (e) {
+                    console.error('unhandled exception:', e);
+                }
+            }
+        }
+        else {
+            failure();
+        }
+    }
+    if (formdata || method == 'POST') {
+        xhr.send(params);
+    }
+    else {
+        xhr.send();
+    }
+    return function () {
+        xhr.abort();
+    };
+}
+exports.ajaxRequest = ajaxRequest;
+function buildQuery(params, getMethod) {
+    if (!params) {
+        return '';
+    }
+    let query = [];
+    for (let key in params) {
+        let param = params[key];
+        // array
+        if ((0, tools_1.isArray)(param)) {
+            for (let i = 0, n = param.length; i < n; i++) {
+                query.push(encodeURIComponent(key) + '[]=' + encodeURIComponent('' + param[i]));
+            }
+        }
+        // simple string ...
+        else {
+            if (param === undefined) {
+                param = '';
+            }
+            query.push(encodeURIComponent(key) + '=' + encodeURIComponent('' + param));
+        }
+    }
+    let result = query.join('&');
+    if (getMethod) {
+        return '?' + result;
+    }
+    else {
+        return result;
+    }
+}
+function ajaxAsJSON(url, init) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let response = yield ajax(url, init, 'application/json');
+        return response.json();
+    });
+}
+exports.ajaxAsJSON = ajaxAsJSON;
+function ajaxAsText(url, init) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let response = yield ajax(url, init, 'text/plain');
+        return response.text();
+    });
+}
+exports.ajaxAsText = ajaxAsText;
+/**
+ * use encodeURIComponent for elements in url
+ */
+function ajax(url, init, type) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let options = {
+            method: 'GET',
+            headers: {
+                'X-Requested-With': 'XMLHttpRequest'
+            }
+        };
+        if (type) {
+            options.headers['Content-Type'] = type;
+        }
+        if (init) {
+            options = Object.assign(Object.assign({}, options), init);
+            if (init.body && !(0, tools_1.isString)(init.body)) {
+                let cvt = false;
+                if ((0, tools_1.isLiteralObject)(init.body)) {
+                    cvt = true;
+                }
+                else if (!(init.body instanceof Blob) && !(init.body instanceof ArrayBuffer) && !(init.body instanceof FormData) &&
+                    !(init.body instanceof URLSearchParams) && !(init.body instanceof ReadableStream)) {
+                    cvt = true;
+                }
+                if (cvt) {
+                    options.body = JSON.stringify(init.body);
+                }
+                else {
+                    options.body = init.body;
+                }
+            }
+        }
+        let response = yield fetch(url, options);
+        if (init && init.noGenX) {
+            return response;
+        }
+        else {
+            if (!response.ok) {
+                throw new tools_1.NetworkError(response);
+            }
+            return response;
+        }
+    });
+}
+exports.ajax = ajax;

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

@@ -69,7 +69,6 @@ function parseRoute(str, loose = false) {
     };
 }
 class Router extends x4events_1.EventSource {
-    routes;
     constructor() {
         super();
         this.routes = [];

package/lib/cjs/settings.js

@@ -0,0 +1,69 @@
+"use strict";
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file local_storage.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.Settings = void 0;
+class Settings {
+    constructor(name) {
+        this.m_data = null;
+        this.m_name = name !== null && name !== void 0 ? name : 'settings';
+    }
+    set(name, value) {
+        this._load();
+        this.m_data[name] = value;
+        this._save();
+    }
+    get(name, defValue) {
+        var _a;
+        this._load();
+        return (_a = this.m_data[name]) !== null && _a !== void 0 ? _a : defValue;
+    }
+    _save() {
+        let data = JSON.stringify(this.m_data);
+        localStorage.setItem(this.m_name, data);
+    }
+    _load() {
+        if (this.m_data) {
+            return;
+        }
+        this.m_data = {};
+        let data = localStorage.getItem(this.m_name);
+        if (data !== null) {
+            data = JSON.parse(data);
+            if (data) {
+                this.m_data = data;
+            }
+            else {
+                console.info('There was an error attempting to read your settings.');
+            }
+        }
+        // console.info('There was an error attempting to read your settings.');
+    }
+}
+exports.Settings = Settings;

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

@@ -37,14 +37,13 @@ const cardview_1 = require("./cardview");
  *
  */
 class SideBarView extends cardview_1.CardView {
-    m_sidebar;
-    m_content;
     constructor(props) {
+        var _a;
         super(props);
         this.addClass('@hlayout');
         this.m_sidebar = new layout_1.VLayout({
             cls: '@side-bar',
-            width: props.bar_width ?? undefined,
+            width: (_a = props.bar_width) !== null && _a !== void 0 ? _a : undefined,
         });
         this.m_content = new layout_1.HLayout({ flex: 1, cls: '@tab-container' });
     }

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

@@ -38,34 +38,14 @@ const tools_2 = require("./tools");
 const x4events_1 = require("./x4events");
 const combobox_1 = require("./combobox");
 class CellData {
-    text;
-    cls;
-    static empty_cell = {
-        text: ''
-    };
 }
+CellData.empty_cell = {
+    text: ''
+};
 /**
  *
  */
 class Spreadsheet extends layout_1.VLayout {
-    m_columns;
-    m_row_limit;
-    m_cells_data;
-    m_rows_data;
-    m_view;
-    m_container;
-    m_header;
-    m_itemHeight;
-    m_topIndex;
-    m_visible_cells;
-    m_row_count; // visible row count
-    m_selection;
-    m_editor;
-    m_autoedit;
-    m_lockupdate;
-    m_auto_row_count;
-    m_recycler;
-    m_used_cells;
     constructor(props) {
         super(props);
         this.m_columns = props.columns;
@@ -350,7 +330,8 @@ class Spreadsheet extends layout_1.VLayout {
         let calcz = new Int32Array(this.m_columns.length);
         let calcm = new Int32Array(this.m_columns.length);
         this.m_columns.forEach((col, colIdx) => {
-            let minw = Math.max(10, col.min_width ?? 0);
+            var _a;
+            let minw = Math.max(10, (_a = col.min_width) !== null && _a !== void 0 ? _a : 0);
             if (col.width > 0) {
                 let cw = Math.max(col.width, minw);
                 fullw += cw;
@@ -614,7 +595,8 @@ class Spreadsheet extends layout_1.VLayout {
      *
      */
     _updateScroll(forceUpdate) {
-        if (!this?.m_view?.dom) {
+        var _a;
+        if (!((_a = this === null || this === void 0 ? void 0 : this.m_view) === null || _a === void 0 ? void 0 : _a.dom)) {
             return;
         }
         let newTop = Math.floor(this.m_view.dom.scrollTop / (this.m_itemHeight || 1));
@@ -631,9 +613,10 @@ class Spreadsheet extends layout_1.VLayout {
      * @param t
      */
     _moveSel(sensy, sensx) {
+        var _a, _b;
         let sel = this.m_selection;
-        let newRow = sel.row ?? 0;
-        let newCol = sel.col ?? 0;
+        let newRow = (_a = sel.row) !== null && _a !== void 0 ? _a : 0;
+        let newCol = (_b = sel.col) !== null && _b !== void 0 ? _b : 0;
         if (sensy == 1) {
             newRow++;
         }

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

@@ -35,9 +35,8 @@ const tools_1 = require("./tools");
  *  -- [ @STYLESHEET ] -----------------------------------------------------------------
  */
 class Stylesheet {
-    m_sheet;
-    m_rules = new Map();
     constructor() {
+        this.m_rules = new Map();
         function getStyleSheet(name) {
             for (let i = 0; i < x4dom_1.x4document.styleSheets.length; i++) {
                 let sheet = x4dom_1.x4document.styleSheets[i];
@@ -106,17 +105,18 @@ class Stylesheet {
         }
         return Stylesheet.doc_style.getPropertyValue(name); // #999999
     }
-    static guid = 1;
-    static doc_style;
 }
 exports.Stylesheet = Stylesheet;
+Stylesheet.guid = 1;
 /**
  *  -- [ @CSSPARSER ] -----------------------------------------------------------------
  *
  * adaptation of jss-for-node-js
  */
 class CSSParser {
-    result = {};
+    constructor() {
+        this.result = {};
+    }
     parse(css) {
         this.result = {};
         this.parse_json('', css);
@@ -248,7 +248,6 @@ class CSSParser {
 }
 exports.CSSParser = CSSParser;
 class ComputedStyle {
-    m_style;
     constructor(style) {
         this.m_style = style;
     }