x4js 1.4.52 → 1.4.53

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

@@ -61,9 +61,6 @@ function clean(a, ...b) {
  *
  */
 class SVGItem {
-    m_tag;
-    m_attrs;
-    m_style;
     constructor(tag) {
         this.m_tag = tag;
         this.m_attrs = new Map();
@@ -130,7 +127,7 @@ class SVGItem {
      */
     class(name) {
         let c = this.m_attrs.get('class');
-        this.m_attrs.set('class', (c ?? '' + ' ' + name).trim());
+        this.m_attrs.set('class', (c !== null && c !== void 0 ? c : '' + ' ' + name).trim());
         return this;
     }
     /**
@@ -177,7 +174,6 @@ class SVGItem {
  *
  */
 class SVGPath extends SVGItem {
-    m_path;
     constructor() {
         super('path');
         this.m_path = '';
@@ -234,7 +230,6 @@ class SVGPath extends SVGItem {
  *
  */
 class SVGText extends SVGItem {
-    m_text;
     constructor(x, y, txt) {
         super('text');
         this.m_text = txt;
@@ -303,9 +298,6 @@ class SVGShape extends SVGItem {
  *
  */
 class SVGGradient extends SVGItem {
-    static g_id = 1;
-    m_id;
-    m_stops;
     constructor(x1, y1, x2, y2) {
         super('linearGradient');
         this.m_id = 'gx-' + SVGGradient.g_id;
@@ -332,11 +324,11 @@ class SVGGradient extends SVGItem {
         return result.join('\n');
     }
 }
+SVGGradient.g_id = 1;
 /**
  *
  */
 class SVGGroup extends SVGItem {
-    m_items;
     constructor(tag = "g") {
         super(tag);
         this.m_items = [];
@@ -392,7 +384,6 @@ class SVGGroup extends SVGItem {
  *
  */
 class SVGPathBuilder extends SVGGroup {
-    static g_clip_id = 1;
     constructor() {
         super('');
     }
@@ -413,6 +404,7 @@ class SVGPathBuilder extends SVGGroup {
     }
 }
 exports.SVGPathBuilder = SVGPathBuilder;
+SVGPathBuilder.g_clip_id = 1;
 class SVGComponent extends component_1.Component {
     constructor(props) {
         super(props);

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

@@ -33,9 +33,8 @@ const component_1 = require("./component");
 const button_1 = require("./button");
 const x4events_1 = require("./x4events");
 class TabBar extends component_1.Container {
-    m_pages;
-    m_curPage;
     constructor(props) {
+        var _a;
         super(props);
         this.m_pages = [];
         this.m_curPage = null;
@@ -46,7 +45,7 @@ class TabBar extends component_1.Container {
         else {
             this.addClass('@hlayout');
         }
-        this.m_props.pages?.forEach(p => this.addPage(p));
+        (_a = this.m_props.pages) === null || _a === void 0 ? void 0 : _a.forEach(p => this.addPage(p));
     }
     componentCreated() {
         if (this.m_props.default) {
@@ -54,7 +53,7 @@ class TabBar extends component_1.Container {
         }
     }
     addPage(page) {
-        this.m_pages.push({ ...page });
+        this.m_pages.push(Object.assign({}, page));
         this._updateContent();
     }
     render() {
@@ -105,7 +104,8 @@ class TabBar extends component_1.Container {
         }
     }
     get selection() {
-        return this.m_curPage?.page;
+        var _a;
+        return (_a = this.m_curPage) === null || _a === void 0 ? void 0 : _a.page;
     }
 }
 exports.TabBar = TabBar;

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

@@ -36,8 +36,6 @@ const cardview_1 = require("./cardview");
  * Standard TabView class
  */
 class TabView extends cardview_1.CardView {
-    m_tab_selector;
-    m_menu;
     constructor(props) {
         super(props);
         this.m_tab_selector = props.tab_selector ? true : false;

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

@@ -39,8 +39,9 @@ class TextArea extends component_1.Component {
     }
     /** @ignore */
     render(props) {
-        props.text = props.text ?? '';
-        this.setAttribute('tabindex', props.tabIndex ?? 0);
+        var _a, _b;
+        props.text = (_a = props.text) !== null && _a !== void 0 ? _a : '';
+        this.setAttribute('tabindex', (_b = props.tabIndex) !== null && _b !== void 0 ? _b : 0);
         if (props.spellcheck === false) {
             this.setAttribute('spellcheck', 'false');
         }
@@ -86,7 +87,7 @@ class TextArea extends component_1.Component {
         return this.m_props.text;
     }
     set value(t) {
-        this.m_props.text = t ?? '';
+        this.m_props.text = t !== null && t !== void 0 ? t : '';
         if (this.dom) {
             this.dom.value = this.m_props.text;
             if (this.m_props.autoGrow) {

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

@@ -46,9 +46,6 @@ const reEmail = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\
  * TextEdit is a single line editor, it can have a label and an error descriptor.
  */
 class TextEdit extends component_1.Component {
-    m_cal_popup;
-    m_ui_input;
-    m_error_tip;
     constructor(props) {
         super(props);
         this.addClass('@hlayout');
@@ -71,6 +68,7 @@ class TextEdit extends component_1.Component {
     }
     /** @ignore */
     render(props) {
+        var _a, _b, _c, _d;
         let eprops = {
             flex: 1,
             dom_events: {
@@ -95,13 +93,13 @@ class TextEdit extends component_1.Component {
         };
         // date is handled manually with popupcalendar
         if (props.type == 'date') {
-            props.format = props.format ?? 'Y-M-D';
+            props.format = (_a = props.format) !== null && _a !== void 0 ? _a : 'Y-M-D';
             eprops.type = 'text';
             let def_hook = {
                 get: () => this._date_get_hook(),
                 set: (e) => this._date_set_hook(e)
             };
-            eprops.value_hook = props.value_hook ?? def_hook;
+            eprops.value_hook = (_b = props.value_hook) !== null && _b !== void 0 ? _b : def_hook;
         }
         this.m_ui_input = new input_1.Input(eprops);
         //	button
@@ -124,7 +122,7 @@ class TextEdit extends component_1.Component {
                 props.validator = this._date_validator;
             }
         }
-        let ag = props.gadgets ?? [];
+        let ag = (_c = props.gadgets) !== null && _c !== void 0 ? _c : [];
         ag.forEach(b => {
             b.addClass('gadget');
         });
@@ -153,7 +151,7 @@ class TextEdit extends component_1.Component {
                 ref: 'label',
                 tag: 'label',
                 cls: 'label1' + (props.label ? '' : ' @hidden'),
-                text: props.label ?? '',
+                text: (_d = props.label) !== null && _d !== void 0 ? _d : '',
                 width,
                 flex,
                 align: labelAlign
@@ -270,7 +268,8 @@ class TextEdit extends component_1.Component {
         this.m_ui_input.readOnly = ro;
     }
     get label() {
-        return this.itemWithRef('label')?.text;
+        var _a;
+        return (_a = this.itemWithRef('label')) === null || _a === void 0 ? void 0 : _a.text;
     }
     set label(text) {
         this.itemWithRef('label').text = text;

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

@@ -32,8 +32,6 @@ exports.Toaster = void 0;
 const label_1 = require("./label");
 const popup_1 = require("./popup");
 class Toaster extends popup_1.Popup {
-    m_message;
-    m_icon;
     constructor(props) {
         super(props);
         this.m_message = props.message;

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

@@ -100,8 +100,6 @@ function camelCase(text) {
 }
 exports.camelCase = camelCase;
 class Point {
-    x;
-    y;
     constructor(x = 0, y = 0) {
         this.x = x;
         this.y = y;
@@ -109,8 +107,6 @@ class Point {
 }
 exports.Point = Point;
 class Size {
-    width;
-    height;
     constructor(w = 0, h = 0) {
         this.width = w;
         this.height = h;
@@ -118,10 +114,6 @@ class Size {
 }
 exports.Size = Size;
 class Rect {
-    left;
-    top;
-    width;
-    height;
     constructor(left, top, width, height) {
         if (left === undefined) {
             this.left = this.top = this.right = this.bottom = 0;
@@ -429,6 +421,7 @@ exports.date_calc_weeknum = date_calc_weeknum;
  * 'd/m/y|d m Y|dmy|y-m-d h:i:s|y-m-d'
  */
 function parseIntlDate(value, fmts = i18n_1._tr.global.date_input_formats) {
+    var _a, _b, _c, _d, _e, _f;
     let formats = fmts.split('|');
     for (let fmatch of formats) {
         //review: could do that only once & keep result
@@ -464,12 +457,12 @@ function parseIntlDate(value, fmts = i18n_1._tr.global.date_input_formats) {
         let match = rematch.exec(value);
         if (match) {
             const now = new Date();
-            let d = parseInt(match.groups.day ?? '1');
-            let m = parseInt(match.groups.month ?? '1');
-            let y = parseInt(match.groups.year ?? now.getFullYear() + '');
-            let h = parseInt(match.groups.hour ?? '0');
-            let i = parseInt(match.groups.min ?? '0');
-            let s = parseInt(match.groups.sec ?? '0');
+            let d = parseInt((_a = match.groups.day) !== null && _a !== void 0 ? _a : '1');
+            let m = parseInt((_b = match.groups.month) !== null && _b !== void 0 ? _b : '1');
+            let y = parseInt((_c = match.groups.year) !== null && _c !== void 0 ? _c : now.getFullYear() + '');
+            let h = parseInt((_d = match.groups.hour) !== null && _d !== void 0 ? _d : '0');
+            let i = parseInt((_e = match.groups.min) !== null && _e !== void 0 ? _e : '0');
+            let s = parseInt((_f = match.groups.sec) !== null && _f !== void 0 ? _f : '0');
             if (y > 0 && y < 100) {
                 y += 2000;
             }
@@ -885,7 +878,6 @@ exports.markdownToHtml = markdownToHtml;
  *
  */
 class NetworkError extends Error {
-    m_code;
     constructor(a, b) {
         if (a instanceof Response) {
             super(a.statusText);
@@ -1072,7 +1064,6 @@ var crc32tab = [
 const mix = (superclass) => new MixinBuilder(superclass);
 exports.mix = mix;
 class MixinBuilder {
-    superclass;
     constructor(superclass) {
         this.superclass = superclass;
     }

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

@@ -40,7 +40,6 @@ let tooltip;
  *
  */
 class Tooltip extends component_1.Component {
-    m_text;
     set text(text) {
         this.m_text.text = text;
     }

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

@@ -41,15 +41,13 @@ function EvExpand(node) {
  *
  */
 class TreeView extends layout_1.VLayout {
-    m_view;
-    m_container;
-    m_selection;
     constructor(props) {
+        var _a, _b;
         super(props);
         props.root = props.root;
-        props.indent = props.indent ?? 8;
+        props.indent = (_a = props.indent) !== null && _a !== void 0 ? _a : 8;
         props.gadgets = props.gadgets;
-        props.sort = props.sort ?? false;
+        props.sort = (_b = props.sort) !== null && _b !== void 0 ? _b : false;
         this.m_selection = null;
         this.m_container = new component_1.Container({ cls: '@scroll-container' });
         this.m_view = new component_1.Container({
@@ -70,7 +68,7 @@ class TreeView extends layout_1.VLayout {
         if (props.canDragItems) {
             this.setDomEvent('dragstart', (ev) => {
                 let hit = component_1.Component.getElement(ev.target, component_1.Component);
-                let node = hit?.getData("node");
+                let node = hit === null || hit === void 0 ? void 0 : hit.getData("node");
                 if (node) {
                     ev.dataTransfer.effectAllowed = 'move';
                     ev.dataTransfer.items.add(JSON.stringify({
@@ -95,7 +93,7 @@ class TreeView extends layout_1.VLayout {
     _dragEnter(ev) {
         ev.preventDefault();
         let hit = component_1.Component.getElement(ev.target, component_1.Component);
-        let node = hit?.getData("node");
+        let node = hit === null || hit === void 0 ? void 0 : hit.getData("node");
         if (node) {
             hit.addClass('@drag-over');
             ev.dataTransfer.dropEffect = 'move';
@@ -103,14 +101,14 @@ class TreeView extends layout_1.VLayout {
     }
     _dragLeave(ev) {
         let hit = component_1.Component.getElement(ev.target, component_1.Component);
-        let node = hit?.getData("node");
+        let node = hit === null || hit === void 0 ? void 0 : hit.getData("node");
         if (node) {
             hit.removeClass('@drag-over');
         }
     }
     _drop(ev) {
         let hit = component_1.Component.getElement(ev.target, component_1.Component);
-        let node = hit?.getData("node");
+        let node = hit === null || hit === void 0 ? void 0 : hit.getData("node");
         if (!node) {
             node = this.m_props.root;
         }
@@ -143,13 +141,14 @@ class TreeView extends layout_1.VLayout {
         }
     }
     updateElement(id) {
+        var _a;
         const { node: child, item } = this._getNode(id);
         if (child) {
             const pn = child.dom.parentNode;
             const newchild = this._makeNode(item, child.dom.classList.value, child.getData('icon'), child.getData('level'));
             const dm = newchild._build();
             pn.replaceChild(dm, child.dom);
-            if (this.m_selection?.el === child) {
+            if (((_a = this.m_selection) === null || _a === void 0 ? void 0 : _a.el) === child) {
                 this.m_selection.el = newchild;
             }
         }
@@ -180,6 +179,7 @@ class TreeView extends layout_1.VLayout {
         this.__update();
     }
     _buildBranch(node, level, items, parent) {
+        var _a;
         let cls = '@tree-item';
         if (node.cls) {
             cls += ' ' + node.cls;
@@ -206,7 +206,7 @@ class TreeView extends layout_1.VLayout {
         }
         if (level >= 0) {
             const item = this._makeNode(node, cls, icon, level);
-            if (this.m_selection?.id == node.id) {
+            if (((_a = this.m_selection) === null || _a === void 0 ? void 0 : _a.id) == node.id) {
                 this.m_selection.el = item;
                 item.addClass('selected');
             }
@@ -219,8 +219,9 @@ class TreeView extends layout_1.VLayout {
                     //	first folders
                     //	then items 
                     node.children = node.children.sort((a, b) => {
-                        let at = (a.children ? '0' + a.text : a.text)?.toLocaleLowerCase();
-                        let bt = (b.children ? '0' + b.text : b.text)?.toLocaleLowerCase();
+                        var _a, _b;
+                        let at = (_a = (a.children ? '0' + a.text : a.text)) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase();
+                        let bt = (_b = (b.children ? '0' + b.text : b.text)) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase();
                         return at < bt ? -1 : at > bt ? 1 : 0;
                     });
                 }
@@ -283,7 +284,8 @@ class TreeView extends layout_1.VLayout {
         }
     }
     set selection(id) {
-        if (this.m_selection?.el) {
+        var _a;
+        if ((_a = this.m_selection) === null || _a === void 0 ? void 0 : _a.el) {
             this.m_selection.el.removeClass('selected');
         }
         this.m_selection = null;
@@ -303,7 +305,7 @@ class TreeView extends layout_1.VLayout {
         let found = { node: null, item: null };
         this.m_container.enumChilds((c) => {
             let node = c.getData('node');
-            if (node?.id == id) {
+            if ((node === null || node === void 0 ? void 0 : node.id) == id) {
                 found = { node: c, item: node };
                 return true;
             }
@@ -311,7 +313,8 @@ class TreeView extends layout_1.VLayout {
         return found;
     }
     get selection() {
-        return this.m_selection?.id;
+        var _a;
+        return (_a = this.m_selection) === null || _a === void 0 ? void 0 : _a.id;
     }
     getNodeWithId(id) {
         return this.forEach((node) => node.id == id);
@@ -320,6 +323,7 @@ class TreeView extends layout_1.VLayout {
      *
      */
     _click(ev) {
+        var _a, _b;
         let dom = ev.target;
         let idom = dom;
         let onsub = false;
@@ -329,7 +333,7 @@ class TreeView extends layout_1.VLayout {
         }
         while (dom != this.dom) {
             let el = component_1.Component.getElement(dom);
-            let nd = el?.getData('node');
+            let nd = el === null || el === void 0 ? void 0 : el.getData('node');
             if (nd) {
                 if (nd.children && !onsub) {
                     // on text or on expando ?
@@ -337,7 +341,7 @@ class TreeView extends layout_1.VLayout {
                         nd.open = nd.open ? false : true;
                     }
                     this.m_selection = { id: nd.id, el: null };
-                    let offset = this.m_view?.dom?.scrollTop;
+                    let offset = (_b = (_a = this.m_view) === null || _a === void 0 ? void 0 : _a.dom) === null || _b === void 0 ? void 0 : _b.scrollTop;
                     this.update();
                     if (offset) {
                         this.m_view.dom.scrollTo(0, offset);
@@ -372,7 +376,7 @@ class TreeView extends layout_1.VLayout {
         let idom = dom;
         while (dom != this.dom) {
             let el = component_1.Component.getElement(dom);
-            let nd = el?.getData('node');
+            let nd = el === null || el === void 0 ? void 0 : el.getData('node');
             if (nd) {
                 if (nd.children) {
                     // on text or on expando ?

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

@@ -46,11 +46,8 @@ const preventDefault = function () {
  * @returns BasicEvent
  */
 function BasicEvent(params) {
-    return {
-        stopPropagation,
-        preventDefault,
-        ...params,
-    };
+    return Object.assign({ stopPropagation,
+        preventDefault }, params);
 }
 exports.BasicEvent = BasicEvent;
 function EvClick(context = null) {
@@ -130,11 +127,8 @@ exports.EvError = EvError;
  * ```
  */
 class EventSource {
-    m_source;
-    m_eventRegistry;
-    m_defaultHandlers;
     constructor(source = null) {
-        this.m_source = source ?? this;
+        this.m_source = source !== null && source !== void 0 ? source : this;
     }
     /**
      * emit an event
@@ -146,8 +140,9 @@ class EventSource {
         this._emit(type, event);
     }
     _emit(eventName, e) {
-        let listeners = this.m_eventRegistry?.get(eventName);
-        const defaultHandler = this.m_defaultHandlers?.get(eventName);
+        var _a, _b;
+        let listeners = (_a = this.m_eventRegistry) === null || _a === void 0 ? void 0 : _a.get(eventName);
+        const defaultHandler = (_b = this.m_defaultHandlers) === null || _b === void 0 ? void 0 : _b.get(eventName);
         if (!e) {
             e = {};
         }