x4js 1.4.52 → 1.5.0

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

@@ -83,19 +83,8 @@ exports.EvFocus = EvFocus;
  *
  */
 class Component extends base_component_1.BaseComponent {
-    m_dom;
-    m_iprops;
-    static __sb_width; // scrollbar width
-    static __comp_guid = 1000; // component global unique id
-    static __privateEvents = {};
-    static __sizeObserver; // resize observer
-    static __createObserver; // creation observer
-    //private static __intersectionObserver: IntersectionObserver;	// visibility observer
-    static __capture = null;
-    static __capture_mask = null;
-    static __css = null;
     constructor(props = null) {
-        super(props ?? {});
+        super(props !== null && props !== void 0 ? props : {});
         this.m_iprops = {
             classes: {},
             dom_events: {},
@@ -118,7 +107,7 @@ class Component extends base_component_1.BaseComponent {
      * @param content new content or null
      */
     setContent(content, refreshAll = false) {
-        this.m_props.content = content ?? [];
+        this.m_props.content = content !== null && content !== void 0 ? content : [];
         if (this.m_iprops.inrender || !this.m_dom) {
             return;
         }
@@ -282,7 +271,7 @@ class Component extends base_component_1.BaseComponent {
      */
     getComputedStyle(pseudoElt) {
         if (this.dom) {
-            return new styles_1.ComputedStyle(getComputedStyle(this.dom, pseudoElt ?? null));
+            return new styles_1.ComputedStyle(getComputedStyle(this.dom, pseudoElt !== null && pseudoElt !== void 0 ? pseudoElt : null));
         }
         return new styles_1.ComputedStyle(this.m_props.style);
     }
@@ -535,6 +524,7 @@ class Component extends base_component_1.BaseComponent {
     render(props) {
     }
     _createDOM() {
+        var _a, _b;
         if (this.m_dom) {
             return this.m_dom;
         }
@@ -581,10 +571,10 @@ class Component extends base_component_1.BaseComponent {
         // create self
         let vdom = this.m_iprops;
         if (props.ns) {
-            this.m_dom = x4dom_1.x4document.createElementNS(props.ns, props.tag ?? 'div');
+            this.m_dom = x4dom_1.x4document.createElementNS(props.ns, (_a = props.tag) !== null && _a !== void 0 ? _a : 'div');
         }
         else {
-            this.m_dom = x4dom_1.x4document.createElement((props.tag ?? 'div'));
+            this.m_dom = x4dom_1.x4document.createElement(((_b = props.tag) !== null && _b !== void 0 ? _b : 'div'));
         }
         this.m_dom[_x4_el_sym] = this;
         //let me = Object.getPrototypeOf(this);
@@ -886,13 +876,14 @@ class Component extends base_component_1.BaseComponent {
      * called by the system
      */
     static _dispatchEvent(ev) {
+        var _a;
         let target = ev.target, noup = unbubbleEvents[ev.type] === 2;
         while (target) {
             if (target[_x4_el_store]) {
                 let store = target[_x4_el_store][ev.type];
                 if (store) {
                     let el = target[_x4_el_sym];
-                    let root = el?.root ?? null;
+                    let root = (_a = el === null || el === void 0 ? void 0 : el.root) !== null && _a !== void 0 ? _a : null;
                     if (store instanceof Array) {
                         store.some((fn) => {
                             fn(ev, root);
@@ -921,11 +912,12 @@ class Component extends base_component_1.BaseComponent {
      * called by the system
      */
     static _dispatchUnbubbleEvent(ev) {
+        var _a;
         let target = ev.currentTarget || ev.target, eventType = ev.type;
         let eventStore = target[_x4_el_store], store = eventStore && eventStore[eventType];
         if (store) {
             let el = target[_x4_el_sym];
-            let root = el?.root ?? null;
+            let root = (_a = el === null || el === void 0 ? void 0 : el.root) !== null && _a !== void 0 ? _a : null;
             if (store instanceof Array) {
                 store.forEach((fn) => {
                     fn(ev, root);
@@ -1288,6 +1280,12 @@ class Component extends base_component_1.BaseComponent {
     }
 }
 exports.Component = Component;
+Component.__comp_guid = 1000; // component global unique id
+Component.__privateEvents = {};
+//private static __intersectionObserver: IntersectionObserver;	// visibility observer
+Component.__capture = null;
+Component.__capture_mask = null;
+Component.__css = null;
 /** @ignore */
 let fly_element = null;
 /**
@@ -1323,7 +1321,6 @@ exports.Flex = Flex;
  * simple space between 2 elements
  */
 class Space extends Component {
-    m_size;
     constructor(size) {
         super({});
         this.m_size = size;
@@ -1356,9 +1353,6 @@ function EvSize(size, mode = null, context = null) {
 }
 exports.EvSize = EvSize;
 class Separator extends Component {
-    m_irect;
-    m_delta;
-    m_target;
     constructor(props) {
         super(props);
         this.setDomEvent('mousedown', (e) => this._mousedown(e));
@@ -1500,8 +1494,6 @@ function EvOverlayResize(ui_event, sens, context = null) {
 }
 exports.EvOverlayResize = EvOverlayResize;
 class SizerOverlay extends Component {
-    m_delta;
-    m_irect;
     constructor(props) {
         super(props);
         this.addClass(props.sens);
@@ -1623,7 +1615,6 @@ function EvShortcut(name) {
  * ])
  */
 class Container extends Component {
-    m_shortcuts;
     constructor(props) {
         if ((0, tools_1.isArray)(props)) {
             super({ content: props });

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

@@ -40,9 +40,6 @@ function EvDataChange(type, id) {
  *
  */
 class MetaInfos {
-    name;
-    id; // field name holding 'id' record info
-    fields; // field list
     constructor(name) {
         this.name = name;
         this.id = undefined;
@@ -99,10 +96,7 @@ var data;
     function field(data) {
         return (ownerCls, fldName) => {
             let metas = _getMetas(ownerCls);
-            metas.fields.push({
-                name: fldName,
-                ...data
-            });
+            metas.fields.push(Object.assign({ name: fldName }, data));
         };
     }
     data_1.field = field;
@@ -113,7 +107,7 @@ var data;
      * my_field: string;	// this field will be seen as a string
      */
     function string(props) {
-        return field({ ...props, type: 'string' });
+        return field(Object.assign(Object.assign({}, props), { type: 'string' }));
     }
     data_1.string = string;
     /**
@@ -123,7 +117,7 @@ var data;
      * my_field: number;	// this field will be seen as an integer
      */
     function int(props) {
-        return field({ ...props, type: 'int' });
+        return field(Object.assign(Object.assign({}, props), { type: 'int' }));
     }
     data_1.int = int;
     /**
@@ -133,7 +127,7 @@ var data;
      * my_field: number;	// this field will be seen as a float
      */
     function float(props) {
-        return field({ ...props, type: 'float' });
+        return field(Object.assign(Object.assign({}, props), { type: 'float' }));
     }
     data_1.float = float;
     /**
@@ -143,7 +137,7 @@ var data;
      * my_field: boolean;	// this field will be seen as a boolean
      */
     function bool(props) {
-        return field({ ...props, type: 'bool' });
+        return field(Object.assign(Object.assign({}, props), { type: 'bool' }));
     }
     data_1.bool = bool;
     /**
@@ -153,7 +147,7 @@ var data;
      * my_field: date;	// this field will be seen as a date
      */
     function date(props) {
-        return field({ ...props, type: 'date' });
+        return field(Object.assign(Object.assign({}, props), { type: 'date' }));
     }
     data_1.date = date;
     /**
@@ -165,7 +159,7 @@ var data;
      * };
      */
     function calc(props) {
-        return field({ ...props, type: 'calc' });
+        return field(Object.assign(Object.assign({}, props), { type: 'calc' }));
     }
     data_1.calc = calc;
     /**
@@ -175,7 +169,7 @@ var data;
      * my_field(): TypedRecord[];
      */
     function array(ctor, props) {
-        return data.field({ ...props, type: 'array', model: new ctor() });
+        return data.field(Object.assign(Object.assign({}, props), { type: 'array', model: new ctor() }));
     }
     data_1.array = array;
 })(data = exports.data || (exports.data = {}));
@@ -381,8 +375,6 @@ exports.Record = Record;
  * by default, the field id is rhe first member or the record
  */
 class AutoRecord extends Record {
-    m_data;
-    m_fid;
     constructor(data) {
         super();
         this.m_data = data;
@@ -410,7 +402,7 @@ class AutoRecord extends Record {
         this.m_data[name] = data;
     }
     clone(data) {
-        return new AutoRecord({ ...data });
+        return new AutoRecord(Object.assign({}, data));
     }
 }
 exports.AutoRecord = AutoRecord;
@@ -460,11 +452,6 @@ exports.DataProxy = DataProxy;
  *
  */
 class DataStore extends x4events_1.EventSource {
-    m_model;
-    m_fields;
-    m_records;
-    m_proxy;
-    m_rec_index;
     constructor(props) {
         super();
         this.m_fields = undefined;
@@ -640,7 +627,8 @@ class DataStore extends x4events_1.EventSource {
         return this._getRecord(idx);
     }
     _getRecord(index) {
-        return this.m_records[index] ?? null;
+        var _a;
+        return (_a = this.m_records[index]) !== null && _a !== void 0 ? _a : null;
     }
     moveTo(other) {
         other.setRawData(this.m_records);
@@ -650,7 +638,7 @@ class DataStore extends x4events_1.EventSource {
      * @param opts
      */
     createView(opts) {
-        let eopts = { ...opts, store: this };
+        let eopts = Object.assign(Object.assign({}, opts), { store: this });
         return new DataView(eopts);
     }
     /**
@@ -800,8 +788,9 @@ class DataStore extends x4events_1.EventSource {
         if (fidxs.length == 1) {
             let field = fidxs[0].fidx;
             index.sort((ia, ib) => {
-                let va = this.getByIndex(ia).getRaw(field) ?? '';
-                let vb = this.getByIndex(ib).getRaw(field) ?? '';
+                var _a, _b;
+                let va = (_a = this.getByIndex(ia).getRaw(field)) !== null && _a !== void 0 ? _a : '';
+                let vb = (_b = this.getByIndex(ib).getRaw(field)) !== null && _b !== void 0 ? _b : '';
                 if (va > vb) {
                     return 1;
                 }
@@ -817,11 +806,12 @@ class DataStore extends x4events_1.EventSource {
         }
         else {
             index.sort((ia, ib) => {
+                var _a, _b;
                 for (let fi = 0; fi < fidxs.length; fi++) {
                     let fidx = fidxs[fi].fidx;
                     let mul = fidxs[fi].asc ? 1 : -1;
-                    let va = this.getByIndex(ia).getRaw(fidx) ?? '';
-                    let vb = this.getByIndex(ib).getRaw(fidx) ?? '';
+                    let va = (_a = this.getByIndex(ia).getRaw(fidx)) !== null && _a !== void 0 ? _a : '';
+                    let vb = (_b = this.getByIndex(ib).getRaw(fidx)) !== null && _b !== void 0 ? _b : '';
                     if (va > vb) {
                         return mul;
                     }
@@ -873,10 +863,6 @@ exports.EvViewChange = EvViewChange;
  * You can have multiple views for a single DataStore
  */
 class DataView extends base_component_1.BaseComponent {
-    m_index;
-    m_store;
-    m_sort;
-    m_filter;
     constructor(props) {
         super(props);
         this.m_store = props.store;

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

@@ -46,25 +46,8 @@ exports.EvBtnClick = EvBtnClick;
  * Standard dialog class
  */
 class Dialog extends popup_1.Popup {
-    m_icon;
-    m_title;
-    m_form;
-    m_buttons;
-    m_closable;
-    m_movable;
-    m_maximized;
-    m_minimized;
-    m_maximizable;
-    m_minimizable;
-    m_minFormSize;
-    m_rc_max;
-    m_rc_min;
-    m_el_title;
-    m_last_down;
-    m_auto_close;
-    m_ui_title;
-    m_form_cb;
     constructor(props) {
+        var _a, _b, _c;
         let content = props.content;
         props.content = null;
         let width = props.width;
@@ -92,11 +75,11 @@ class Dialog extends popup_1.Popup {
             });
         }
         this.m_movable = props.movable;
-        this.m_auto_close = props.autoClose ?? true;
+        this.m_auto_close = (_a = props.autoClose) !== null && _a !== void 0 ? _a : true;
         this.m_icon = props.icon;
         this.m_title = props.title;
-        this.m_buttons = props.buttons ?? null;
-        this.m_closable = props.closable ?? false;
+        this.m_buttons = (_b = props.buttons) !== null && _b !== void 0 ? _b : null;
+        this.m_closable = (_c = props.closable) !== null && _c !== void 0 ? _c : false;
         this.m_last_down = 0;
         this.on('size', (ev) => {
             this.addClass('@resized');

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

@@ -35,11 +35,6 @@ const x_drag_cb = Symbol('x-drag-cb');
  *
  */
 class DragManager {
-    dragSource;
-    dragGhost;
-    dropTarget;
-    notified;
-    timer;
     /**
      *
      */

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

@@ -49,12 +49,13 @@ const defStyle = {
     lineBreak: true,
 };
 function drawText(ctx, input_Text, rc, drawStyle) {
+    var _a, _b, _c;
     if (rc.width <= 0 || rc.height <= 0) {
         //width or height or font size cannot be 0
         return;
     }
     //console.time( 'drawtext' );
-    drawStyle = { ...defStyle, ...drawStyle };
+    drawStyle = Object.assign(Object.assign({}, defStyle), drawStyle);
     ctx.save();
     if (drawStyle.clip) {
         ctx.beginPath();
@@ -73,7 +74,7 @@ function drawText(ctx, input_Text, rc, drawStyle) {
     }
     ctx.textBaseline = 'bottom';
     // End points
-    let fontSize = (0, tools_1.roundTo)(drawStyle.fontSize, 2) ?? 12;
+    let fontSize = (_a = (0, tools_1.roundTo)(drawStyle.fontSize, 2)) !== null && _a !== void 0 ? _a : 12;
     //let style = `${drawStyle.fontStyle ?? ''} ${drawStyle.fontVariant ?? ''} ${drawStyle.fontWeight ?? ''} ${fontSize}px ${drawStyle.fontFamily ?? 'arial'}`;
     let style = '';
     if (drawStyle.fontStyle) {
@@ -86,7 +87,7 @@ function drawText(ctx, input_Text, rc, drawStyle) {
         style += drawStyle.fontWeight + ' ';
     }
     style += fontSize + 'px ';
-    let family = drawStyle.fontFamily ?? 'sans-serif';
+    let family = (_b = drawStyle.fontFamily) !== null && _b !== void 0 ? _b : 'sans-serif';
     if (family.indexOf('.') > 0) {
         family = '"' + family + '"';
     }
@@ -156,7 +157,7 @@ function drawText(ctx, input_Text, rc, drawStyle) {
         }
     });
     const textSize = _calcTextHeight(ctx, "Ag");
-    let lineHeight = (drawStyle.lineHeight ?? 1.3) * textSize; // * 1.2 = map to pdf 
+    let lineHeight = ((_c = drawStyle.lineHeight) !== null && _c !== void 0 ? _c : 1.3) * textSize; // * 1.2 = map to pdf 
     const nlines = textarray.length;
     // calc vertical Align
     let col_top = rc.top;

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

@@ -47,9 +47,6 @@ exports.FileUpload = FileUpload;
  *
  */
 class ImageUpload extends FileUpload {
-    m_path;
-    m_ui_img;
-    m_ui_input;
     /** @ignore */
     render(props) {
         let ename = "up" + this.uid;

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

@@ -40,11 +40,6 @@ const i18n_1 = require("./i18n");
  *
  */
 class Form extends layout_1.VLayout {
-    m_height;
-    m_container;
-    m_buttons;
-    m_dirty;
-    m_watchChanges;
     constructor(props) {
         let content = props.content;
         props.content = null;
@@ -121,7 +116,8 @@ class Form extends layout_1.VLayout {
      * @param name
      */
     getButton(name) {
-        let button = this.m_buttons?.itemWithRef('@' + name);
+        var _a;
+        let button = (_a = this.m_buttons) === null || _a === void 0 ? void 0 : _a.itemWithRef('@' + name);
         return button;
     }
     /**

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

@@ -48,8 +48,6 @@ function EvGridCheck(rec, chk) {
 }
 exports.EvGridCheck = EvGridCheck;
 class ColHeader extends component_1.Component {
-    m_sens;
-    m_sorted;
     constructor(props, title) {
         super(props);
         this.m_sorted = false;
@@ -93,27 +91,11 @@ class ColHeader extends component_1.Component {
  * gridview class
  */
 class GridView extends layout_1.VLayout {
-    m_dataview;
-    m_data_cx;
-    m_columns;
-    m_view_el;
-    m_container;
-    m_header;
-    m_footer;
-    m_empty_msg;
-    m_empty_text;
-    m_selection;
-    m_itemHeight;
-    m_topIndex;
-    m_visible_rows; // shown elements
-    m_hasMarks;
-    m_marks; // checked elements
-    m_recycler;
-    m_rowClassifier;
     constructor(props) {
+        var _a, _b;
         super(props);
         this.m_columns = props.columns;
-        this.m_hasMarks = props.hasMarks ?? false;
+        this.m_hasMarks = (_a = props.hasMarks) !== null && _a !== void 0 ? _a : false;
         this.m_marks = new Set();
         // prepend the checkable column
         if (this.m_hasMarks) {
@@ -129,7 +111,7 @@ class GridView extends layout_1.VLayout {
         this.m_itemHeight = 0;
         this.m_recycler = [];
         this.m_rowClassifier = props.calcRowClass;
-        this.m_empty_text = props.empty_text ?? i18n_1._tr.global.empty_list;
+        this.m_empty_text = (_b = props.empty_text) !== null && _b !== void 0 ? _b : i18n_1._tr.global.empty_list;
         //this.setDomEvent('create', this._handleCreate, this);
         this.setDomEvent('click', (e) => this._itemClick(e));
         this.setDomEvent('dblclick', (e) => this._itemDblClick(e));
@@ -347,7 +329,8 @@ class GridView extends layout_1.VLayout {
         // compute full width
         let full_width = 0;
         this.m_columns.forEach((col) => {
-            full_width += col.width ?? 0;
+            var _a;
+            full_width += (_a = col.width) !== null && _a !== void 0 ? _a : 0;
         });
         this.m_header = new layout_1.HLayout({
             cls: '@header',
@@ -399,20 +382,21 @@ class GridView extends layout_1.VLayout {
         ]);
     }
     _on_col_resize(col, width) {
+        var _a, _b, _c, _d;
         const _col = this.m_columns[col];
         let updateFlex = false;
         if (width >= 0) {
             _col.width = width;
             if (_col.flex) {
                 _col.$hdr.removeClass('@flex');
-                _col.$ftr?.removeClass('@flex');
+                (_a = _col.$ftr) === null || _a === void 0 ? void 0 : _a.removeClass('@flex');
                 _col.flex = undefined;
                 updateFlex = true;
             }
         }
         else if (width < 0 && !_col.flex) {
             _col.$hdr.addClass('@flex');
-            _col.$ftr?.addClass('@flex');
+            (_b = _col.$ftr) === null || _b === void 0 ? void 0 : _b.addClass('@flex');
             _col.flex = 1;
             updateFlex = true;
         }
@@ -423,9 +407,9 @@ class GridView extends layout_1.VLayout {
                     flex = true;
                 }
             });
-            this.m_header.itemWithRef('flex')?.show(flex ? false : true);
+            (_c = this.m_header.itemWithRef('flex')) === null || _c === void 0 ? void 0 : _c.show(flex ? false : true);
             if (this.m_footer) {
-                this.m_footer.itemWithRef('flex')?.show(flex ? false : true);
+                (_d = this.m_footer.itemWithRef('flex')) === null || _d === void 0 ? void 0 : _d.show(flex ? false : true);
             }
         }
         this._updateScroll(true);
@@ -503,6 +487,7 @@ class GridView extends layout_1.VLayout {
         return row;
     }
     _buildItems(canOpt = true) {
+        var _a, _b, _c, _d;
         let rc = this.getBoundingRect();
         let rh = this.m_header.getBoundingRect();
         let height = rc.height - rh.height + this.m_itemHeight;
@@ -518,17 +503,18 @@ class GridView extends layout_1.VLayout {
         let even = this.m_topIndex & 1 ? true : false;
         // compute full width
         this.m_columns.forEach((col) => {
-            full_width += col.width ?? 0;
+            var _a;
+            full_width += (_a = col.width) !== null && _a !== void 0 ? _a : 0;
         });
         // if items height make scroll visible, update header width
         if (((count + 1) * this.m_itemHeight) >= height) {
             let w = component_1.Component.getScrollbarSize();
             this.m_header.setStyleValue("paddingRight", w);
-            this.m_footer?.setStyleValue("paddingRight", w);
+            (_a = this.m_footer) === null || _a === void 0 ? void 0 : _a.setStyleValue("paddingRight", w);
         }
         else {
             this.m_header.setStyleValue("paddingRight", 0);
-            this.m_footer?.setStyleValue("paddingRight", 0);
+            (_b = this.m_footer) === null || _b === void 0 ? void 0 : _b.setStyleValue("paddingRight", 0);
         }
         // passe 0 - all created cells are moved to the recycler
         if (this.m_visible_rows) {
@@ -639,7 +625,7 @@ class GridView extends layout_1.VLayout {
         this.m_empty_msg.show(show);
         if (full_width < rc.width) {
             this.m_header.setStyleValue('width', null);
-            this.m_footer?.setStyleValue('width', null);
+            (_c = this.m_footer) === null || _c === void 0 ? void 0 : _c.setStyleValue('width', null);
             this.m_container.setStyle({
                 height: count * this.m_itemHeight,
                 width: null
@@ -647,7 +633,7 @@ class GridView extends layout_1.VLayout {
         }
         else {
             this.m_header.setStyleValue('width', full_width + 1000);
-            this.m_footer?.setStyleValue('width', full_width + 1000);
+            (_d = this.m_footer) === null || _d === void 0 ? void 0 : _d.setStyleValue('width', full_width + 1000);
             this.m_container.setStyle({
                 height: count * this.m_itemHeight,
                 width: full_width
@@ -662,6 +648,7 @@ class GridView extends layout_1.VLayout {
             return;
         }
         const update = () => {
+            var _a;
             // element destroyed between updateScroll and now
             if (!this.dom) {
                 return;
@@ -673,7 +660,7 @@ class GridView extends layout_1.VLayout {
             }
             let newLeft = this.m_view_el.dom.scrollLeft;
             this.m_header.setStyleValue('left', -newLeft);
-            this.m_footer?.setStyleValue('left', -newLeft);
+            (_a = this.m_footer) === null || _a === void 0 ? void 0 : _a.setStyleValue('left', -newLeft);
         };
         if (forceUpdate) {
             this.singleShot(update, 10);
@@ -721,7 +708,7 @@ class GridView extends layout_1.VLayout {
     _itemMenu(e) {
         let dom = e.target, self = this.dom;
         while (dom && dom != self) {
-            let itm = component_1.Component.getElement(dom), id = itm?.getData('row-id');
+            let itm = component_1.Component.getElement(dom), id = itm === null || itm === void 0 ? void 0 : itm.getData('row-id');
             if (id !== undefined) {
                 this._selectItem(id, itm);
                 let idx = itm.getData('row-idx');