x4js 1.4.52 → 1.5.0

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/cjs/types/action.d.ts

@@ -0,0 +1,57 @@
+/**
+*  ___  ___ __
+*  \  \/  /  / _
+*   \    /  /_| |_
+*   /    \____   _|
+*  /__/\__\   |_|
+*
+* @file action.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.
+**/
+import { BasicEvent, EvChange } from './x4events';
+import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component';
+import { IconID } from "./icon";
+import { EventHandler } from './component';
+export interface EvAction extends BasicEvent {
+}
+export declare function EvAction(source: Action): EvAction;
+interface ActionEventMap extends BaseComponentEventMap {
+    run: EvAction;
+    change: EvChange;
+}
+interface ActionProps extends BaseComponentProps<ActionEventMap> {
+    id?: any;
+    text?: string;
+    icon?: IconID;
+    disabled?: boolean;
+    hidden?: boolean;
+    checked?: boolean;
+    run: EventHandler<EvAction>;
+    change?: EventHandler<EvChange>;
+}
+export declare class Action extends BaseComponent<ActionProps, ActionEventMap> {
+    constructor(props: ActionProps);
+    get props(): ActionProps;
+    set text(t: string);
+    set icon(i: IconID);
+    fire(): void;
+}
+export {};

package/lib/cjs/types/application.d.ts

@@ -0,0 +1,104 @@
+/**
+*  ___  ___ __
+*  \  \/  /  / _
+*   \    /  /_| |_
+*   /    \____   _|
+*  /__/\__\   |_|
+*
+* @file application.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.
+**/
+import { EvMessage } from './x4events';
+import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component';
+import { Component } from './component';
+import { Settings } from './settings';
+interface ApplicationEventMap extends BaseComponentEventMap {
+    message: EvMessage;
+    global: EvMessage;
+}
+/**
+ *
+ */
+export interface ApplicationProps extends BaseComponentProps<ApplicationEventMap> {
+    app_name: string;
+    app_version: string;
+    app_uid?: string;
+    locale?: string;
+    renderTo?: HTMLElement;
+}
+/**
+ * Represents an x4 application, which is typically a single page app.
+ * You should inherit Application to define yours.
+ * Application derives from BaseComponent so you can use that to implement a global messaging system.
+ * @example ```ts
+ *
+ * // in yout main caode
+ * let app = new Application( );
+ *
+ * app.events.close.on( ( ev ) => {
+ * 	... do something
+ * });
+ *
+ * // somewhere else in the source
+ * function xxx( ) {
+ * 	let app = Application.instance( );
+ * 	app.events.close.emit( new Events.close() );
+ * }
+ */
+export declare class Application<P extends ApplicationProps = ApplicationProps, E extends ApplicationEventMap = ApplicationEventMap> extends BaseComponent<P, E> {
+    private static self;
+    /**
+     * the application singleton
+     */
+    static instance(): Application;
+    private m_mainView;
+    private m_app_name;
+    private m_app_version;
+    private m_app_uid;
+    private m_local_storage;
+    private m_user_data;
+    private m_touch_time;
+    private m_touch_count;
+    constructor(props: P);
+    ApplicationCreated(): void;
+    get app_name(): string;
+    get app_uid(): string;
+    get app_version(): string;
+    get local_storage(): Settings;
+    get user_data(): any;
+    get history(): any;
+    /**
+     * define the application root object (MainView)
+     * @example ```ts
+     *
+     * let myApp = new Application( ... );
+     * let mainView = new VLayout( ... );
+     * myApp.mainView = mainView;
+     */
+    setMainView(root: Component, clearBefore: boolean): void;
+    set mainView(root: Component);
+    get mainView(): Component;
+    setTitle(title: string): void;
+    disableZoomWheel(): void;
+    enterModal(enter: boolean): void;
+    enableTouchDblClick(): void;
+}
+export {};

package/lib/cjs/types/autocomplete.d.ts

@@ -0,0 +1,58 @@
+/**
+*  ___  ___ __
+*  \  \/  /  / _
+*   \    /  /_| |_
+*   /    \____   _|
+*  /__/\__\   |_|
+*
+* @file autocomplete.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.
+**/
+import { TextEdit, TextEditProps } from './textedit';
+/**
+ *
+ */
+interface AutoCompleteProps extends TextEditProps {
+    enumValues: (filter: string) => string[];
+}
+/**
+ *
+ */
+export declare class AutoComplete extends TextEdit<AutoCompleteProps> {
+    private m_popup;
+    private m_popvis;
+    private m_needval;
+    private m_lockpop;
+    constructor(props: AutoCompleteProps);
+    _onKey(e: KeyboardEvent): void;
+    private _onChange;
+    componentDisposed(): void;
+    /**
+     * display the popup
+     */
+    showPopup(items: string[]): void;
+    protected _validate(value: string): boolean;
+    validate(): boolean;
+    private _checkFocus;
+    private _hidePopup;
+    private _onFocus;
+}
+export {};

package/lib/cjs/types/base_component.d.ts

@@ -0,0 +1,88 @@
+/**
+*  ___  ___ __
+*  \  \/  /  / _
+*   \    /  /_| |_
+*   /    \____   _|
+*  /__/\__\   |_|
+*
+* @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.
+*
+**/
+import { EventMap, MapEvents, EventSource, EvTimer } from './x4events';
+/**
+ * Timer Callback
+ * @see EvTimer, startTimer, stopTimer
+ */
+interface TimerCallback {
+    (name: string, time: number): void;
+}
+/**
+ * BaseComponent EventMap
+ */
+export interface BaseComponentEventMap extends EventMap {
+    timer: EvTimer;
+}
+/**
+ * BaseCompoment Properties
+ */
+export interface BaseComponentProps<T = BaseComponentEventMap> {
+    events?: MapEvents<T>;
+    [key: string]: any;
+}
+/**
+ * BaseComponent class
+ */
+export declare class BaseComponent<P extends BaseComponentProps<BaseComponentEventMap>, E extends BaseComponentEventMap> extends EventSource<E> {
+    #private;
+    protected m_props: P;
+    constructor(props: P);
+    /**
+     * 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: string, timeout: number, repeat?: boolean, callback?: TimerCallback): void;
+    /**
+     * stop the given timer
+     * @param name
+     */
+    stopTimer(name: string): void;
+    /**
+     * stop all timers
+     */
+    disposeTimers(): void;
+    /**
+     *
+     * @param callback
+     * @param timeout
+     */
+    singleShot(callback: TimerCallback, timeout?: number): void;
+    /**
+     *
+     * @param props
+     * @param elements
+     */
+    mapPropEvents<N extends keyof E>(props: P, ...elements: N[]): void;
+}
+export {};