x4js 1.4.52 → 1.4.53

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

@@ -54,27 +54,13 @@ const _x4_touch_time = Symbol();
  * }
  */
 class Application extends base_component_1.BaseComponent {
-    static self = null;
-    /**
-     * the application singleton
-     */
-    static instance() {
-        return Application.self;
-    }
-    m_mainView;
-    m_app_name;
-    m_app_version;
-    m_app_uid;
-    m_local_storage;
-    m_user_data;
-    m_touch_time;
-    m_touch_count;
     constructor(props) {
+        var _a, _b, _c;
         console.assert(Application.self === null, 'application is a singleton');
         super(props);
-        this.m_app_name = props.app_name ?? 'application';
-        this.m_app_version = props.app_version ?? '1.0';
-        this.m_app_uid = props.app_uid ?? 'application';
+        this.m_app_name = (_a = props.app_name) !== null && _a !== void 0 ? _a : 'application';
+        this.m_app_version = (_b = props.app_version) !== null && _b !== void 0 ? _b : '1.0';
+        this.m_app_uid = (_c = props.app_uid) !== null && _c !== void 0 ? _c : 'application';
         let settings_name = `${this.m_app_name}.${this.m_app_version}.settings`;
         this.m_local_storage = new settings_1.Settings(settings_name);
         this.m_user_data = {};
@@ -90,6 +76,12 @@ class Application extends base_component_1.BaseComponent {
             this.ApplicationCreated();
         }
     }
+    /**
+     * the application singleton
+     */
+    static instance() {
+        return Application.self;
+    }
     ApplicationCreated() {
         this.setTitle('');
     }
@@ -126,7 +118,8 @@ class Application extends base_component_1.BaseComponent {
      * myApp.mainView = mainView;
      */
     setMainView(root, clearBefore) {
-        const ddom = this.m_props.renderTo ?? x4dom_1.x4document.body;
+        var _a;
+        const ddom = (_a = this.m_props.renderTo) !== null && _a !== void 0 ? _a : x4dom_1.x4document.body;
         const dest = (0, component_1.flyWrap)(ddom);
         if (!this.m_props.renderTo) {
             dest.setStyleValue('position', 'absolute');
@@ -185,4 +178,5 @@ class Application extends base_component_1.BaseComponent {
     }
 }
 exports.Application = Application;
+Application.self = null;
 ;

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

@@ -35,10 +35,6 @@ const textedit_1 = require("./textedit");
  *
  */
 class AutoComplete extends textedit_1.TextEdit {
-    m_popup;
-    m_popvis;
-    m_needval;
-    m_lockpop;
     constructor(props) {
         super(props);
         this.setDomEvent("input", () => this._onChange());

package/lib/cjs/base_component.js

@@ -0,0 +1,124 @@
+"use strict";
+/**
+*  ___  ___ __
+*  \  \/  /  / _
+*   \    /  /_| |_
+*   /    \____   _|
+*  /__/\__\   |_|
+*
+* @file base_component.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 __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _BaseComponent_m_timers;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseComponent = void 0;
+const x4events_1 = require("./x4events");
+/**
+ * BaseComponent class
+ */
+class BaseComponent extends x4events_1.EventSource {
+    constructor(props) {
+        super();
+        _BaseComponent_m_timers.set(this, void 0);
+        //this.m_props = { ...props };
+        this.m_props = props;
+        if (props.events) {
+            this.listen(props.events);
+        }
+    }
+    /**
+     * start a new timer
+     * @param name timer name
+     * @param timeout time out in ms
+     * @param repeat if true this is an auto repeat timer
+     * @param callback if !null, the callback to call else a EvTimer is fired
+     */
+    startTimer(name, timeout, repeat = true, callback = null) {
+        if (!__classPrivateFieldGet(this, _BaseComponent_m_timers, "f")) {
+            __classPrivateFieldSet(this, _BaseComponent_m_timers, new Map(), "f");
+        }
+        else {
+            this.stopTimer(name);
+        }
+        const id = (repeat ? setInterval : setTimeout)((tm) => {
+            if (callback) {
+                callback(name, tm);
+            }
+            else {
+                this.emit('timer', (0, x4events_1.EvTimer)(name, tm));
+            }
+        }, timeout);
+        __classPrivateFieldGet(this, _BaseComponent_m_timers, "f").set(name, () => { (repeat ? clearInterval : clearTimeout)(id); });
+    }
+    /**
+     * stop the given timer
+     * @param name
+     */
+    stopTimer(name) {
+        const clear = __classPrivateFieldGet(this, _BaseComponent_m_timers, "f").get(name);
+        if (clear) {
+            clear();
+        }
+    }
+    /**
+     * stop all timers
+     */
+    disposeTimers() {
+        var _a;
+        (_a = __classPrivateFieldGet(this, _BaseComponent_m_timers, "f")) === null || _a === void 0 ? void 0 : _a.forEach(v => v());
+        __classPrivateFieldSet(this, _BaseComponent_m_timers, undefined, "f");
+    }
+    /**
+     *
+     * @param callback
+     * @param timeout
+     */
+    singleShot(callback, timeout = 0) {
+        setTimeout(callback, timeout);
+    }
+    /**
+     *
+     * @param props
+     * @param elements
+     */
+    mapPropEvents(props, ...elements) {
+        elements.forEach(name => {
+            const n = name;
+            if (props[n]) {
+                this._on(n, props[n]);
+            }
+        });
+    }
+}
+exports.BaseComponent = BaseComponent;
+_BaseComponent_m_timers = new WeakMap();

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

@@ -61,7 +61,7 @@ class BaseButton extends component_1.Component {
             }
         }
         const ui_icon = icon ? new icon_1.Icon({ icon, cls: 'left', ref: 'l_icon' }) : null;
-        const ui_label = new label_1.Label({ flex: 1, text: text ?? '', align: props.align, ref: 'label' });
+        const ui_label = new label_1.Label({ flex: 1, text: text !== null && text !== void 0 ? text : '', align: props.align, ref: 'label' });
         const ui_ricon = props.rightIcon ? new icon_1.Icon({ icon: props.rightIcon, cls: 'right', ref: 'r_icon' }) : null;
         if (text === undefined) {
             ui_label.addClass("@hidden");
@@ -155,7 +155,7 @@ class BaseButton extends component_1.Component {
     }
     get text() {
         let label = this.itemWithRef('label');
-        return label?.text;
+        return label === null || label === void 0 ? void 0 : label.text;
     }
     /**
      * change the button icon
@@ -182,7 +182,7 @@ class BaseButton extends component_1.Component {
     }
     get icon() {
         let ico = this.itemWithRef('l_icon');
-        return ico?.icon;
+        return ico === null || ico === void 0 ? void 0 : ico.icon;
     }
     /**
      * change the button right icon
@@ -206,7 +206,7 @@ class BaseButton extends component_1.Component {
     }
     get rightIcon() {
         let ico = this.itemWithRef('l_icon');
-        return ico?.icon;
+        return ico === null || ico === void 0 ? void 0 : ico.icon;
     }
     /**
      *

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

@@ -46,11 +46,11 @@ const menu_1 = require("./menu");
  * 	EventChange ( value = Date )
  */
 class Calendar extends layout_1.VLayout {
-    m_date;
     constructor(props) {
+        var _a, _b;
         super(props);
         this.mapPropEvents(props, 'change');
-        this.m_date = props.date?.clone() ?? new Date();
+        this.m_date = (_b = (_a = props.date) === null || _a === void 0 ? void 0 : _a.clone()) !== null && _b !== void 0 ? _b : new Date();
     }
     /** @ignore */
     render(props) {
@@ -172,6 +172,7 @@ class Calendar extends layout_1.VLayout {
      *
      */
     _choose(type) {
+        var _a, _b, _c, _d;
         let items = [];
         if (type == 'month') {
             for (let m = 0; m < 12; m++) {
@@ -182,8 +183,8 @@ class Calendar extends layout_1.VLayout {
             }
         }
         else if (type == 'year') {
-            let min = this.m_props.minDate?.getFullYear() ?? 1900;
-            let max = this.m_props.maxDate?.getFullYear() ?? 2037;
+            let min = (_b = (_a = this.m_props.minDate) === null || _a === void 0 ? void 0 : _a.getFullYear()) !== null && _b !== void 0 ? _b : 1900;
+            let max = (_d = (_c = this.m_props.maxDate) === null || _c === void 0 ? void 0 : _c.getFullYear()) !== null && _d !== void 0 ? _d : 2037;
             for (let m = min; m < max; m++) {
                 items.push(new menu_1.MenuItem({
                     text: '' + m,
@@ -210,31 +211,30 @@ exports.Calendar = Calendar;
  * default popup calendar
  */
 class PopupCalendar extends popup_1.Popup {
-    m_cal;
     constructor(props) {
         super({ tabIndex: 1 });
+        // binded
+        this._handleClick = (e) => {
+            if (!this.dom) {
+                return;
+            }
+            let newfocus = e.target;
+            // child of this: ok
+            if (this.dom.contains(newfocus)) {
+                return;
+            }
+            // menu: ok
+            let dest = component_1.Component.getElement(newfocus, menu_1.MenuItem);
+            if (dest) {
+                return;
+            }
+            this.close();
+        };
         this.enableMask(false);
         this.m_cal = new Calendar(props);
         this.m_cal.addClass('@fit');
         this.setContent(this.m_cal);
     }
-    // binded
-    _handleClick = (e) => {
-        if (!this.dom) {
-            return;
-        }
-        let newfocus = e.target;
-        // child of this: ok
-        if (this.dom.contains(newfocus)) {
-            return;
-        }
-        // menu: ok
-        let dest = component_1.Component.getElement(newfocus, menu_1.MenuItem);
-        if (dest) {
-            return;
-        }
-        this.close();
-    };
     /** @ignore */
     show(modal) {
         x4dom_1.x4document.addEventListener('mousedown', this._handleClick);

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

@@ -226,12 +226,15 @@ function circle(x, y, radius) {
  * Standard Canvas
  */
 class Canvas extends component_1.Component {
-    m_iwidth = -1;
-    m_iheight = -1;
-    m_scale = 1.0;
-    m_canvas;
     constructor(props) {
         super(props);
+        this.m_iwidth = -1;
+        this.m_iheight = -1;
+        this.m_scale = 1.0;
+        /**
+         * redraw the canvas (force a paint)
+         */
+        this.$update_rep = 0;
         //if( props.mousedown )	{ this.setDomEvent( 'mousedown', props.mousedown ); }
         //if( props.mousemove )	{ this.setDomEvent( 'mousemove', props.mousemove ); }
         //if( props.mouseup )		{ this.setDomEvent( 'mouseup', props.mouseup ); }
@@ -276,10 +279,6 @@ class Canvas extends component_1.Component {
     get canvas() {
         return this.m_canvas;
     }
-    /**
-     * redraw the canvas (force a paint)
-     */
-    $update_rep = 0;
     redraw(wait) {
         if (wait !== undefined) {
             if (++this.$update_rep >= 20) {

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

@@ -39,9 +39,6 @@ const tools_1 = require("./tools");
  * or by code.
  */
 class CardView extends component_1.Component {
-    m_cards;
-    m_ipage; // initialy selected page
-    m_cpage; // currently selected page
     constructor(props) {
         super(props);
         this.m_cards = [];
@@ -66,13 +63,14 @@ class CardView extends component_1.Component {
      * @param name - card name as define in constructor
      */
     switchTo(name) {
+        var _a;
         if (this.m_cards.length == 0) {
             return;
         }
         if (name === undefined) {
             name = this.m_cards[0].name;
         }
-        if (name === this.m_cpage?.name) {
+        if (name === ((_a = this.m_cpage) === null || _a === void 0 ? void 0 : _a.name)) {
             return;
         }
         // hide old one
@@ -130,7 +128,7 @@ class CardView extends component_1.Component {
             if (!p) {
                 return;
             }
-            let card = { ...p };
+            let card = Object.assign({}, p);
             card.selector = this._prepareSelector(p);
             card.active = false;
             this.m_cards.push(card);

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

@@ -48,11 +48,12 @@ class CheckBox extends component_1.Component {
     /** @ignore */
     render(props) {
         // checkbox
-        let labelWidth = props.labelWidth ?? -1;
+        var _a, _b, _c, _d, _e;
+        let labelWidth = (_a = props.labelWidth) !== null && _a !== void 0 ? _a : -1;
         let uid = '__cb_' + this.uid;
         this.setTag('label');
         this.addClass('@hlayout');
-        this.addClass(props.align ?? 'left');
+        this.addClass((_b = props.align) !== null && _b !== void 0 ? _b : 'left');
         this.setContent([
             new input_1.Input({
                 ref: 'input',
@@ -60,7 +61,7 @@ class CheckBox extends component_1.Component {
                 name: props.name,
                 id: uid,
                 tabIndex: props.tabIndex,
-                value: props.value ?? 'on',
+                value: (_c = props.value) !== null && _c !== void 0 ? _c : 'on',
                 attrs: {
                     checked: props.checked ? '' : undefined
                 },
@@ -69,10 +70,10 @@ class CheckBox extends component_1.Component {
                 }
             }),
             new label_1.Label({
-                text: props.text ?? '',
+                text: (_d = props.text) !== null && _d !== void 0 ? _d : '',
                 width: labelWidth < 0 ? undefined : labelWidth,
                 flex: labelWidth < 0 ? -labelWidth : undefined,
-                align: props.labelAlign ?? 'left',
+                align: (_e = props.labelAlign) !== null && _e !== void 0 ? _e : 'left',
                 style: {
                     order: props.align == 'right' ? -1 : 1,
                 },