x4js 1.4.2 → 1.4.5

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.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 { pascalCase, isString, isArray } from "./tools";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComputedStyle = exports.CSSParser = exports.Stylesheet = void 0;
+const tools_1 = require("./tools");
 /**
  *  -- [ @STYLESHEET ] -----------------------------------------------------------------
  */
-export class Stylesheet {
+class Stylesheet {
     m_sheet;
     m_rules = new Map();
     constructor() {
@@ -54,7 +57,7 @@ export class Stylesheet {
      * setRule('xbody', "body { background-color: #ff0000; }" );
      */
     setRule(name, definition) {
-        if (isString(definition)) {
+        if ((0, tools_1.isString)(definition)) {
             let index = this.m_rules.get(name);
             if (index !== undefined) {
                 this.m_sheet.deleteRule(index);
@@ -98,12 +101,13 @@ export class Stylesheet {
     static guid = 1;
     static doc_style;
 }
+exports.Stylesheet = Stylesheet;
 /**
  *  -- [ @CSSPARSER ] -----------------------------------------------------------------
  *
  * adaptation of jss-for-node-js
  */
-export class CSSParser {
+class CSSParser {
     result = {};
     parse(css) {
         this.result = {};
@@ -132,7 +136,7 @@ export class CSSParser {
         }
         for (let property in css) {
             let value = css[property];
-            if (isArray(value)) {
+            if ((0, tools_1.isArray)(value)) {
                 let values = value;
                 for (let i = 0; i < values.length; i++) {
                     this.addProperty(scope, property, values[i]);
@@ -164,7 +168,7 @@ export class CSSParser {
         }
     }
     makePropertyName(n) {
-        return pascalCase(n);
+        return (0, tools_1.pascalCase)(n);
     }
     makeSelectorName(scope, name) {
         let snames = [];
@@ -234,7 +238,8 @@ export class CSSParser {
         }
     }
 }
-export class ComputedStyle {
+exports.CSSParser = CSSParser;
+class ComputedStyle {
     m_style;
     constructor(style) {
         this.m_style = style;
@@ -243,14 +248,14 @@ export class ComputedStyle {
      * return the raw value
      */
     value(name) {
-        name = pascalCase(name);
+        name = (0, tools_1.pascalCase)(name);
         return this.m_style[name];
     }
     /**
      * return the interpreted value
      */
     parse(name) {
-        name = pascalCase(name);
+        name = (0, tools_1.pascalCase)(name);
         return parseInt(this.m_style[name]);
     }
     /**
@@ -260,3 +265,4 @@ export class ComputedStyle {
         return this.m_style;
     }
 }
+exports.ComputedStyle = ComputedStyle;

package/lib/svgcomponent.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,7 +23,9 @@
 *
 * 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 } from './component';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SVGComponent = exports.SVGPathBuilder = void 0;
+const component_1 = require("./component");
 // degrees to radian
 function d2r(d) {
     return d * Math.PI / 180.0;
@@ -284,7 +287,7 @@ class SVGGradient extends SVGItem {
 /**
  *
  */
-export class SVGPathBuilder {
+class SVGPathBuilder {
     m_items;
     constructor() {
         this.m_items = [];
@@ -336,7 +339,8 @@ export class SVGPathBuilder {
         return result.join('\n');
     }
 }
-export class SVGComponent extends Component {
+exports.SVGPathBuilder = SVGPathBuilder;
+class SVGComponent extends component_1.Component {
     constructor(props) {
         super(props);
         this.setProp('tag', 'svg');
@@ -348,3 +352,4 @@ export class SVGComponent extends Component {
         this.setContent(props.path);
     }
 }
+exports.SVGComponent = SVGComponent;

package/lib/tabbar.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -11,10 +12,12 @@
 *
 * @description Tab
 **/
-import { Container } from './component';
-import { Button } from './button';
-import { EvChange } from './x4_events';
-export class TabBar extends Container {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabBar = void 0;
+const component_1 = require("./component");
+const button_1 = require("./button");
+const x4_events_1 = require("./x4_events");
+class TabBar extends component_1.Container {
     m_pages;
     m_curPage;
     constructor(props) {
@@ -40,7 +43,7 @@ export class TabBar extends Container {
     render() {
         let buttons = [];
         this.m_pages.forEach(p => {
-            p.btn = new Button({ cls: p === this.m_curPage ? 'selected' : '', text: p.title, icon: p.icon, click: () => this._select(p) });
+            p.btn = new button_1.Button({ cls: p === this.m_curPage ? 'selected' : '', text: p.title, icon: p.icon, click: () => this._select(p) });
             buttons.push(p.btn);
         });
         this.setContent(buttons);
@@ -57,10 +60,11 @@ export class TabBar extends Container {
             this.m_curPage.page.hide();
         }
         this.m_curPage = p;
-        this.signal('change', EvChange(p ? p.id : null));
+        this.signal('change', (0, x4_events_1.EvChange)(p ? p.id : null));
         if (this.dom && this.m_curPage && this.m_curPage.page) {
             this.m_curPage.btn.addClass('selected');
             this.m_curPage.page.show();
         }
     }
 }
+exports.TabBar = TabBar;

package/lib/tabview.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 { HLayout } from './layout';
-import { Button } from './button';
-import { CardView } from './cardview';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabView = void 0;
+const layout_1 = require("./layout");
+const button_1 = require("./button");
+const cardview_1 = require("./cardview");
 /**
  * Standard TabView class
  */
-export class TabView extends CardView {
+class TabView extends cardview_1.CardView {
     m_tab_selector;
     m_menu;
     constructor(props) {
@@ -53,7 +56,7 @@ export class TabView extends CardView {
             }
         });
         if (this.m_tab_selector) {
-            pages.unshift(new HLayout({
+            pages.unshift(new layout_1.HLayout({
                 cls: '@tab-switch',
                 content: tabs
             }));
@@ -63,7 +66,7 @@ export class TabView extends CardView {
     _updateSelector() {
     }
     _prepareSelector(card) {
-        return new Button({
+        return new button_1.Button({
             cls: '@tab-btn',
             text: card.title,
             icon: card.icon,
@@ -77,3 +80,4 @@ export class TabView extends CardView {
         }
     }
 }
+exports.TabView = TabView;

package/lib/textarea.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,10 +23,12 @@
 *
 * 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 } from './component';
-import { EvChange } from './x4_events';
-import { asap } from './tools';
-export class TextArea extends Component {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = void 0;
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
+const tools_1 = require("./tools");
+class TextArea extends component_1.Component {
     constructor(props) {
         super(props);
         this.mapPropEvents(props, 'change');
@@ -56,7 +59,7 @@ export class TextArea extends Component {
             this.setProp('autoGrow', true);
             this.setAttribute('rows', this._calcHeight(props.text));
             this.setDomEvent('keydown', () => {
-                asap(() => this._updateHeight());
+                (0, tools_1.asap)(() => this._updateHeight());
             });
         }
         // avoid going to next element on enter
@@ -67,7 +70,7 @@ export class TextArea extends Component {
         this.setProp('tag', 'textarea');
     }
     _change() {
-        this.emit('change', EvChange(this.value));
+        this.emit('change', (0, x4_events_1.EvChange)(this.value));
     }
     componentCreated() {
         this.value = this.m_props.text;
@@ -117,3 +120,4 @@ export class TextArea extends Component {
         this.value = value;
     }
 }
+exports.TextArea = TextArea;