x4js 1.4.4 → 1.4.7

package/lib/settings.d.ts

@@ -0,0 +1,33 @@
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file local_storage.ts
+* @author Etienne Cochard
+* @license
+* Copyright (c) 2019-2021 R-libre ingenierie
+*
+* This program is free software; you can redistribute it and/or modify
+* it under the terms of the GNU General Public License as published by
+* the Free Software Foundation; either version 3 of the License, or
+* (at your option) any later version.
+*
+* This program is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+* GNU General Public License for more details.
+*
+* You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+**/
+export declare class Settings {
+    private m_data;
+    private m_name;
+    constructor(name?: string);
+    set(name: string, value: any): void;
+    get(name: string, defValue?: any): any;
+    private _save;
+    private _load;
+}

package/lib/settings.js

@@ -0,0 +1,67 @@
+"use strict";
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file local_storage.ts
+* @author Etienne Cochard
+* @license
+* Copyright (c) 2019-2021 R-libre ingenierie
+*
+* This program is free software; you can redistribute it and/or modify
+* it under the terms of the GNU General Public License as published by
+* the Free Software Foundation; either version 3 of the License, or
+* (at your option) any later version.
+*
+* This program is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+* GNU General Public License for more details.
+*
+* You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+**/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Settings = void 0;
+const host_1 = require("./hosts/host");
+class Settings {
+    m_data;
+    m_name;
+    constructor(name) {
+        this.m_data = null;
+        this.m_name = name ?? 'settings';
+    }
+    set(name, value) {
+        this._load();
+        this.m_data[name] = value;
+        this._save();
+    }
+    get(name, defValue) {
+        this._load();
+        return this.m_data[name] ?? defValue;
+    }
+    _save() {
+        let data = JSON.stringify(this.m_data);
+        host_1.host.writeLocalStorage(this.m_name, data);
+    }
+    _load() {
+        if (this.m_data) {
+            return;
+        }
+        this.m_data = {};
+        let data = host_1.host.readLocalStorage(this.m_name);
+        if (data !== null) {
+            data = JSON.parse(data);
+            if (data) {
+                this.m_data = data;
+            }
+            else {
+                console.info('There was an error attempting to read your settings.');
+            }
+        }
+        // console.info('There was an error attempting to read your settings.');
+    }
+}
+exports.Settings = Settings;

package/lib/sidebarview.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,23 +23,25 @@
 *
 * You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
 **/
-import { HLayout, VLayout } from './layout';
-import { Button } from './button';
-import { CardView } from './cardview';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideBarView = void 0;
+const layout_1 = require("./layout");
+const button_1 = require("./button");
+const cardview_1 = require("./cardview");
 /**
  *
  */
-export class SideBarView extends CardView {
+class SideBarView extends cardview_1.CardView {
     m_sidebar;
     m_content;
     constructor(props) {
         super(props);
         this.addClass('@hlayout');
-        this.m_sidebar = new VLayout({
+        this.m_sidebar = new layout_1.VLayout({
             cls: '@side-bar',
             sizable: props.bar_sizable ? 'right' : undefined,
         });
-        this.m_content = new HLayout({ flex: 1, cls: '@tab-container' });
+        this.m_content = new layout_1.HLayout({ flex: 1, cls: '@tab-container' });
     }
     /** @ignore */
     render() {
@@ -46,7 +49,7 @@ export class SideBarView extends CardView {
         this.m_cards.forEach((p) => {
             tabs.push(p.selector);
         });
-        this.m_sidebar.setContent(new VLayout({
+        this.m_sidebar.setContent(new layout_1.VLayout({
             flex: 1,
             cls: 'content',
             content: tabs
@@ -57,7 +60,7 @@ export class SideBarView extends CardView {
         ]);
     }
     _prepareSelector(card) {
-        return new Button({
+        return new button_1.Button({
             text: card.title,
             icon: card.icon,
             tooltip: card.title,
@@ -71,3 +74,4 @@ export class SideBarView extends CardView {
         }
     }
 }
+exports.SideBarView = SideBarView;

package/lib/smartedit.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,11 +23,13 @@
 *
 * You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
 **/
-import { TextEdit } from './textedit';
-import { Popup } from './popup';
-import { Component } from './component';
-import { EvClick } from './x4_events';
-export class SmartEdit extends TextEdit {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupTable = exports.SmartEdit = void 0;
+const textedit_1 = require("./textedit");
+const popup_1 = require("./popup");
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
+class SmartEdit extends textedit_1.TextEdit {
     m_popup;
     m_dataview;
     m_field;
@@ -199,7 +202,7 @@ export class SmartEdit extends TextEdit {
                 let { row, text } = ev.context;
                 if (!this._callTool(row)) {
                     this.value = text;
-                    this.emit('click', EvClick());
+                    this.emit('click', (0, x4_events_1.EvClick)());
                 }
             });
             let i;
@@ -239,7 +242,8 @@ export class SmartEdit extends TextEdit {
         }
     }
 }
-export class PopupTable extends Popup {
+exports.SmartEdit = SmartEdit;
+class PopupTable extends popup_1.Popup {
     m_rows;
     m_cols;
     m_cells;
@@ -262,11 +266,11 @@ export class PopupTable extends Popup {
         });
         this.setDomEvent('mousedown', (e) => {
             e.preventDefault();
-            let el = Component.getElement(e.target);
+            let el = component_1.Component.getElement(e.target);
             let row = el.getData('row');
             this.m_sel = row;
             this.update();
-            this.emit('click', EvClick({ row, text: this.getCell(row, 0).text }));
+            this.emit('click', (0, x4_events_1.EvClick)({ row, text: this.getCell(row, 0).text }));
         });
     }
     setRowData(row, data) {
@@ -303,7 +307,7 @@ export class PopupTable extends Popup {
             let data = { row: r };
             for (let c = 0; c < this.m_cols; c++) {
                 let cell = this.getCell(r, c);
-                let col = new Component({
+                let col = new component_1.Component({
                     tag: 'td',
                     content: cell.text,
                     cls: cell.cls,
@@ -315,7 +319,7 @@ export class PopupTable extends Popup {
             if (r === this.m_sel) {
                 cls = '@selected';
             }
-            let row = new Component({
+            let row = new component_1.Component({
                 tag: 'tr',
                 cls,
                 content: cols,
@@ -376,6 +380,7 @@ export class PopupTable extends Popup {
         return this.m_sel;
     }
 }
+exports.PopupTable = PopupTable;
 function _cid(row, col) {
     return row * 1000 + col;
 }

package/lib/spreadsheet.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,13 +23,15 @@
 *
 * You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
 **/
-import { Component, SizerOverlay, EvDblClick } from './component';
-import { HLayout, VLayout } from './layout';
-import { TextEdit } from './textedit';
-import { asap, parseIntlFloat } from './tools';
-import { deferCall } from './tools';
-import { EvContextMenu, EvChange, EvSelectionChange } from './x4_events';
-import { ComboBox } from './combobox';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spreadsheet = void 0;
+const component_1 = require("./component");
+const layout_1 = require("./layout");
+const textedit_1 = require("./textedit");
+const tools_1 = require("./tools");
+const tools_2 = require("./tools");
+const x4_events_1 = require("./x4_events");
+const combobox_1 = require("./combobox");
 class CellData {
     text;
     cls;
@@ -39,7 +42,7 @@ class CellData {
 /**
  *
  */
-export class Spreadsheet extends VLayout {
+class Spreadsheet extends layout_1.VLayout {
     m_columns;
     m_row_limit;
     m_cells_data;
@@ -237,10 +240,10 @@ export class Spreadsheet extends VLayout {
     _ctxMenu(e) {
         let dom = e.target, self = this.dom;
         while (dom && dom != self) {
-            let itm = Component.getElement(dom), row = itm.getData('row-id'), col = itm.getData('col-id');
+            let itm = component_1.Component.getElement(dom), row = itm.getData('row-id'), col = itm.getData('col-id');
             if (row !== undefined) {
                 this._selectItem(row, col);
-                this.emit('contextMenu', EvContextMenu(e, { row, col, item: itm }));
+                this.emit('contextMenu', (0, x4_events_1.EvContextMenu)(e, { row, col, item: itm }));
                 e.preventDefault();
                 return;
             }
@@ -250,10 +253,10 @@ export class Spreadsheet extends VLayout {
     /** @ignore */
     render() {
         this.m_recycler = [];
-        this.m_container = new Component({
+        this.m_container = new component_1.Component({
             cls: 'content',
         });
-        this.m_view = new Component({
+        this.m_view = new component_1.Component({
             cls: '@scroll-view',
             flex: 1,
             dom_events: {
@@ -263,7 +266,7 @@ export class Spreadsheet extends VLayout {
             content: this.m_container
         });
         let cols = this.m_columns.map((col, index) => {
-            let comp = new Component({
+            let comp = new component_1.Component({
                 cls: '@cell c' + index,
                 content: col.title ? col.title : '&nbsp',
                 flex: col.width < 0 ? -col.width : undefined,
@@ -275,7 +278,7 @@ export class Spreadsheet extends VLayout {
                     minWidth: col.min_width
                 },
             });
-            new SizerOverlay({
+            new component_1.SizerOverlay({
                 target: comp,
                 sens: 'right',
                 resize: (ev) => {
@@ -285,7 +288,7 @@ export class Spreadsheet extends VLayout {
             col.$col = comp;
             return comp;
         });
-        this.m_header = new HLayout({
+        this.m_header = new layout_1.HLayout({
             cls: '@header',
             content: cols,
         });
@@ -383,7 +386,7 @@ export class Spreadsheet extends VLayout {
             cell.clearClasses();
         }
         else {
-            cell = new Component({
+            cell = new component_1.Component({
                 cls: '@cell'
             });
         }
@@ -415,7 +418,7 @@ export class Spreadsheet extends VLayout {
         }
         let right_pos = 0;
         if ((count * this.m_itemHeight) > height) {
-            let w = Component.getScrollbarSize();
+            let w = component_1.Component.getScrollbarSize();
             rc.width -= w;
             right_pos = w;
         }
@@ -519,7 +522,7 @@ export class Spreadsheet extends VLayout {
         if (this.m_editor && this.m_editor.dom.contains(dom)) {
             return;
         }
-        let itm = Component.getElement(dom, Component);
+        let itm = component_1.Component.getElement(dom, component_1.Component);
         if (!itm) {
             return;
         }
@@ -534,11 +537,11 @@ export class Spreadsheet extends VLayout {
         if (this.m_editor && this.m_editor.dom.contains(dom)) {
             return;
         }
-        let itm = Component.getElement(dom), rowIdx = itm.getData('row-id'), colIdx = itm.getData('col-id');
+        let itm = component_1.Component.getElement(dom), rowIdx = itm.getData('row-id'), colIdx = itm.getData('col-id');
         if (rowIdx === undefined || colIdx === undefined) {
             return;
         }
-        this.emit('dblClick', EvDblClick({ row: rowIdx, col: colIdx }));
+        this.emit('dblClick', (0, component_1.EvDblClick)({ row: rowIdx, col: colIdx }));
         this.editCell(rowIdx, colIdx);
     }
     /**
@@ -788,7 +791,7 @@ export class Spreadsheet extends VLayout {
         if (newSel) {
             newSel.addClass('@selected');
         }
-        this.emit('selectionChange', EvSelectionChange({ row, col }));
+        this.emit('selectionChange', (0, x4_events_1.EvSelectionChange)({ row, col }));
     }
     /**
      * return the row count
@@ -843,7 +846,7 @@ export class Spreadsheet extends VLayout {
     }
     getCellNumber(row, col) {
         let text = this._getCellData(row, col).text;
-        return parseIntlFloat(text);
+        return (0, tools_1.parseIntlFloat)(text);
     }
     clearRow(row) {
         for (let c = 0; c < this.m_columns.length; c++) {
@@ -873,7 +876,7 @@ export class Spreadsheet extends VLayout {
         let prc = parent.getBoundingClientRect();
         let cell = this._getCellData(row, col, true);
         let edtBuilder = (props, col, row) => {
-            return new TextEdit(props);
+            return new textedit_1.TextEdit(props);
         };
         if (this.m_columns[col].createEditor) {
             edtBuilder = this.m_columns[col].createEditor;
@@ -901,20 +904,20 @@ export class Spreadsheet extends VLayout {
         this._setupEditor();
         this.m_editor.setData('old-value', cellvalue);
         this.m_editor.focus();
-        if (this.m_editor instanceof TextEdit) {
+        if (this.m_editor instanceof textedit_1.TextEdit) {
             this.m_editor.selectAll();
         }
     }
     _setupEditor() {
         let movesel = (sensy, sensx) => {
-            deferCall(() => {
+            (0, tools_2.deferCall)(() => {
                 this.killEditor(true);
                 this._moveSel(sensy, sensx);
                 this.editCurCell();
             });
         };
         // todo: better
-        if (this.m_editor instanceof TextEdit) {
+        if (this.m_editor instanceof textedit_1.TextEdit) {
             let editor = this.m_editor;
             let input = editor.input;
             input.setDomEvent('blur', () => {
@@ -952,7 +955,7 @@ export class Spreadsheet extends VLayout {
                 }
             });
         }
-        else if (this.m_editor instanceof ComboBox) {
+        else if (this.m_editor instanceof combobox_1.ComboBox) {
             let input = this.m_editor.input;
             input.setDomEvent('blur', () => {
                 this.killEditor(true);
@@ -989,10 +992,10 @@ export class Spreadsheet extends VLayout {
         if (this.m_editor) {
             if (save) {
                 let text, id;
-                if (this.m_editor instanceof TextEdit) {
+                if (this.m_editor instanceof textedit_1.TextEdit) {
                     text = this.m_editor.value;
                 }
-                else if (this.m_editor instanceof ComboBox) {
+                else if (this.m_editor instanceof combobox_1.ComboBox) {
                     id = this.m_editor.value;
                     text = this.m_editor.valueText;
                 }
@@ -1000,7 +1003,7 @@ export class Spreadsheet extends VLayout {
                 let col = this.m_editor.getData('col');
                 let old = this.m_editor.getData('old-value');
                 this.setCellText(row, col, text);
-                const ev = EvChange(text, { row, col, oldValue: old, id });
+                const ev = (0, x4_events_1.EvChange)(text, { row, col, oldValue: old, id });
                 this.emit('change', ev);
                 if (ev.defaultPrevented) {
                     this.setCellText(row, col, old);
@@ -1008,7 +1011,7 @@ export class Spreadsheet extends VLayout {
             }
             // cannot dipose while handling blur event, so we defer...
             let t = this.m_editor;
-            asap(() => {
+            (0, tools_1.asap)(() => {
                 t.dispose();
             });
             this.m_editor = null;
@@ -1056,6 +1059,7 @@ export class Spreadsheet extends VLayout {
         }
     }
 }
+exports.Spreadsheet = Spreadsheet;
 /**
  * @ignore
  */

package/lib/styles.d.ts

@@ -0,0 +1,81 @@
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file styles.ts
+* @author Etienne Cochard
+* @license
+* Copyright (c) 2019-2021 R-libre ingenierie
+*
+* This program is free software; you can redistribute it and/or modify
+* it under the terms of the GNU General Public License as published by
+* the Free Software Foundation; either version 3 of the License, or
+* (at your option) any later version.
+*
+* This program is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+* GNU General Public License for more details.
+*
+* You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+**/
+/**
+ *  -- [ @STYLESHEET ] -----------------------------------------------------------------
+ */
+export declare class Stylesheet {
+    private m_sheet;
+    private m_rules;
+    constructor();
+    /**
+     * add a new rule to the style sheet
+     * @param {string} name - internal rule name
+     * @param {string} definition - css definition of the rule
+     * @example
+     * setRule('xbody', "body { background-color: #ff0000; }" );
+     */
+    setRule(name: string, definition: any): void;
+    /**
+     * return the style variable value
+     * @param name - variable name without '--'
+     * @example
+     * ```
+     * let color = Component.getCss( ).getVar( 'button-color' );
+     * ```
+     */
+    static getVar(name: string): any;
+    static guid: number;
+    static doc_style: CSSStyleDeclaration;
+}
+/**
+ *  -- [ @CSSPARSER ] -----------------------------------------------------------------
+ *
+ * adaptation of jss-for-node-js
+ */
+export declare class CSSParser {
+    private result;
+    parse(css: any): string;
+    static mk_string(rules: any): string;
+    private parse_json;
+    private makePropertyName;
+    private makeSelectorName;
+    addProperty(scope: string, property: string, value: any): void;
+}
+export declare class ComputedStyle {
+    m_style: CSSStyleDeclaration;
+    constructor(style: CSSStyleDeclaration);
+    /**
+     * return the raw value
+     */
+    value(name: string): string;
+    /**
+     * return the interpreted value
+     */
+    parse(name: string): number;
+    /**
+     *
+     */
+    get style(): CSSStyleDeclaration;
+}