x4js 1.4.52 → 1.5.0

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 = {};
         }

package/lib/cjs/x4react.d.ts

@@ -0,0 +1,41 @@
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file x4react.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 { Component, ComponentContent, CProps, CEventMap } from './component';
+export declare let React: {
+    createElement: (clsOrTag: any, attrs: any, ...children: any[]) => ComponentContent;
+    createFragment: () => ComponentContent;
+    Fragment: symbol;
+};
+/**
+ *
+ */
+export declare abstract class TSXComponent<P extends CProps<CEventMap> = CProps<CEventMap>, E extends CEventMap = CEventMap> extends Component<P, E> {
+    render(props: P): void;
+    abstract renderTSX(props: P): Component | Component[];
+}

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

@@ -42,10 +42,7 @@ const createElement = (clsOrTag, attrs, ...children) => {
     }
     // basic tag
     else {
-        comp = new component_1.Component({
-            tag: clsOrTag,
-            ...attrs,
-        });
+        comp = new component_1.Component(Object.assign({ tag: clsOrTag }, attrs));
     }
     if (children && children.length) {
         comp.setContent(children);

package/lib/esm/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/esm/action.js

@@ -0,0 +1,53 @@
+/**
+*  ___  ___ __
+*  \  \/  /  / _
+*   \    /  /_| |_
+*   /    \____   _|
+*  /__/\__\   |_|
+*
+* @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 } from './base_component';
+export function EvAction(source) {
+    return BasicEvent({ source });
+}
+export class Action extends BaseComponent {
+    constructor(props) {
+        super(props);
+        this.mapPropEvents(props, "run");
+    }
+    get props() {
+        return this.m_props;
+    }
+    set text(t) {
+        this.m_props.text = t;
+        this.emit("change", EvChange(this));
+    }
+    set icon(i) {
+        this.m_props.icon = i;
+        this.emit("change", EvChange(this));
+    }
+    fire() {
+        this.emit("run", EvAction(this));
+    }
+}

package/lib/esm/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/esm/application.js

@@ -0,0 +1,184 @@
+/**
+*  ___  ___ __
+*  \  \/  /  / _
+*   \    /  /_| |_
+*   /    \____   _|
+*  /__/\__\   |_|
+*
+* @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 { x4document } from './x4dom';
+import { BaseComponent } from './base_component';
+import { Component, flyWrap } from './component';
+import { Settings } from './settings';
+const _x4_touch_time = Symbol();
+/**
+ * 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 class Application extends 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) {
+        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';
+        let settings_name = `${this.m_app_name}.${this.m_app_version}.settings`;
+        this.m_local_storage = new Settings(settings_name);
+        this.m_user_data = {};
+        this.m_touch_time = 0;
+        this.m_touch_count = 0;
+        Application.self = this;
+        if ('onload' in globalThis) {
+            globalThis.addEventListener('load', () => {
+                this.ApplicationCreated();
+            });
+        }
+        else {
+            this.ApplicationCreated();
+        }
+    }
+    ApplicationCreated() {
+        this.setTitle('');
+    }
+    get app_name() {
+        return this.m_app_name;
+    }
+    get app_uid() {
+        return this.m_app_uid;
+    }
+    get app_version() {
+        return this.m_app_version;
+    }
+    get local_storage() {
+        return this.m_local_storage;
+    }
+    get user_data() {
+        return this.m_user_data;
+    }
+    get history() {
+        //if( !this.m_history ) {
+        //	this.m_history = new NavigationHistory( );
+        //}
+        //
+        //return this.m_history;
+        debugger;
+        return null;
+    }
+    /**
+     * define the application root object (MainView)
+     * @example ```ts
+     *
+     * let myApp = new Application( ... );
+     * let mainView = new VLayout( ... );
+     * myApp.mainView = mainView;
+     */
+    setMainView(root, clearBefore) {
+        const ddom = this.m_props.renderTo ?? x4document.body;
+        const dest = flyWrap(ddom);
+        if (!this.m_props.renderTo) {
+            dest.setStyleValue('position', 'absolute');
+        }
+        dest.addClass('x4-root-element');
+        if (clearBefore) {
+            dest._empty();
+        }
+        this.m_mainView = root;
+        root.setStyleValue('position', 'absolute');
+        root._build();
+        ddom.appendChild(root.dom);
+    }
+    set mainView(root) {
+        this.setMainView(root, false);
+    }
+    get mainView() {
+        return this.m_mainView;
+    }
+    setTitle(title) {
+        x4document.title = this.m_app_name + (title ? (' > ' + title) : '');
+    }
+    disableZoomWheel() {
+        window.addEventListener('wheel', function (ev) {
+            if (ev.ctrlKey) {
+                ev.preventDefault();
+                //ev.stopPropagation( );
+            }
+        }, { passive: false, capture: true });
+    }
+    enterModal(enter) {
+    }
+    enableTouchDblClick() {
+        x4document.addEventListener('touchstart', (ev) => {
+            let now = Date.now();
+            if ((now - this.m_touch_time) > 700) {
+                this.m_touch_count = 1;
+            }
+            else {
+                this.m_touch_count++;
+            }
+            this.m_touch_time = now;
+            if (this.m_touch_count == 2) {
+                this.m_touch_count = 0;
+                // dirty fake dblclick event
+                const tch = ev.touches[0];
+                let fake = { type: "dblclick" };
+                for (const n in tch) {
+                    fake[n] = tch[n];
+                }
+                // ignore -> private: dirty x2
+                Component._dispatchEvent(fake);
+                ev.stopPropagation();
+            }
+        });
+    }
+}
+;

package/lib/esm/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 {};