x4js 1.4.2 → 1.4.5

package/lib/application.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,9 +23,11 @@
 *
 * 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 { BaseComponent } from './base_component';
-import { Settings } from './settings';
-import { deferCall } from './tools';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Application = void 0;
+const base_component_1 = require("./base_component");
+const settings_1 = require("./settings");
+const tools_1 = require("./tools");
 /**
  * Represents an x4 application, which is typically a single page app.
  * You should inherit Application to define yours.
@@ -44,7 +47,7 @@ import { deferCall } from './tools';
  * 	app.events.close.emit( new Events.close() );
  * }
  */
-export class Application extends BaseComponent {
+class Application extends base_component_1.BaseComponent {
     static self = null;
     /**
      * the application singleton
@@ -65,7 +68,7 @@ export class Application extends BaseComponent {
         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_local_storage = new settings_1.Settings(settings_name);
         this.m_user_data = {};
         Application.self = this;
         if ('onload' in globalThis) {
@@ -113,7 +116,7 @@ export class Application extends BaseComponent {
      */
     set mainView(root) {
         this.m_mainView = root;
-        deferCall(() => {
+        (0, tools_1.deferCall)(() => {
             document.body.appendChild(root._build());
         });
     }
@@ -134,4 +137,5 @@ export class Application extends BaseComponent {
     enterModal(enter) {
     }
 }
+exports.Application = Application;
 ;

package/lib/base64.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,9 +23,11 @@
 *
 * 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.Base64 = void 0;
 const _alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
 let _lookup = null;
-export class Base64 {
+class Base64 {
     lookup = null;
     static encode(s) {
         let buffer;
@@ -133,3 +136,4 @@ export class Base64 {
         return buffer;
     }
 }
+exports.Base64 = Base64;

package/lib/base_component.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -10,11 +11,13 @@
 * @copyright (c) 2022 R-libre ingenierie, all rights reserved.
 *
 **/
-import { EventSource, EvTimer } from './x4_events';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseComponent = void 0;
+const x4_events_1 = require("./x4_events");
 /**
  * BaseComponent class
  */
-export class BaseComponent extends EventSource {
+class BaseComponent extends x4_events_1.EventSource {
     m_props;
     #m_timers;
     constructor(props) {
@@ -44,7 +47,7 @@ export class BaseComponent extends EventSource {
                 callback(name, tm);
             }
             else {
-                this.emit('timer', EvTimer(name, tm));
+                this.emit('timer', (0, x4_events_1.EvTimer)(name, tm));
             }
         }, timeout);
         this.#m_timers.set(name, () => { (repeat ? clearInterval : clearTimeout)(id); });
@@ -75,3 +78,4 @@ export class BaseComponent extends EventSource {
         setTimeout(callback, timeout);
     }
 }
+exports.BaseComponent = BaseComponent;

package/lib/button.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,16 +23,18 @@
 *
 * 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 { EvClick, EvChange } from './x4_events';
-import { Icon } from './icon';
-import { Label } from './label';
-import { Menu } from './menu';
-import { isFunction } from './tools';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButton = exports.Button = exports.BaseButton = void 0;
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
+const icon_1 = require("./icon");
+const label_1 = require("./label");
+const menu_1 = require("./menu");
+const tools_1 = require("./tools");
 /**
  * Base button
  */
-export class BaseButton extends Component {
+class BaseButton extends component_1.Component {
     constructor(props) {
         super(props);
         this.setProp('tag', 'button');
@@ -42,9 +45,9 @@ export class BaseButton extends Component {
         this.mapPropEvents(props, 'click');
     }
     render(props) {
-        let icon = props.icon ? new Icon({ icon: props.icon, cls: 'left', ref: 'l_icon' }) : null;
-        let label = new Label({ flex: 1, text: props.text ?? '', align: props.align, ref: 'label' });
-        let ricon = props.rightIcon ? new Icon({ icon: props.rightIcon, cls: 'right', ref: 'r_icon' }) : null;
+        let icon = props.icon ? new icon_1.Icon({ icon: props.icon, cls: 'left', ref: 'l_icon' }) : null;
+        let label = new label_1.Label({ flex: 1, text: props.text ?? '', align: props.align, ref: 'label' });
+        let ricon = props.rightIcon ? new icon_1.Icon({ icon: props.rightIcon, cls: 'right', ref: 'r_icon' }) : null;
         this.setContent([icon, label, ricon]);
         this._setTabIndex(props.tabIndex);
     }
@@ -83,8 +86,8 @@ export class BaseButton extends Component {
      */
     _handleClick(ev) {
         if (this.m_props.menu) {
-            let menu = new Menu({
-                items: isFunction(this.m_props.menu) ? this.m_props.menu() : this.m_props.menu
+            let menu = new menu_1.Menu({
+                items: (0, tools_1.isFunction)(this.m_props.menu) ? this.m_props.menu() : this.m_props.menu
             });
             let rc = this.getBoundingRect();
             menu.displayAt(rc.left, rc.bottom, 'tl');
@@ -100,14 +103,14 @@ export class BaseButton extends Component {
      */
     _sendClick() {
         if (this.m_props.menu) {
-            let menu = new Menu({
-                items: isFunction(this.m_props.menu) ? this.m_props.menu() : this.m_props.menu
+            let menu = new menu_1.Menu({
+                items: (0, tools_1.isFunction)(this.m_props.menu) ? this.m_props.menu() : this.m_props.menu
             });
             let rc = this.getBoundingRect();
             menu.displayAt(rc.left, rc.bottom, 'tl');
         }
         else {
-            this.emit('click', EvClick());
+            this.emit('click', (0, x4_events_1.EvClick)());
         }
     }
     /**
@@ -190,16 +193,18 @@ export class BaseButton extends Component {
         this.m_props.menu = items;
     }
 }
+exports.BaseButton = BaseButton;
 // :: BUTTON ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 /**
  *
  */
-export class Button extends BaseButton {
+class Button extends BaseButton {
 }
+exports.Button = Button;
 /**
  *
  */
-export class ToggleButton extends BaseButton {
+class ToggleButton extends BaseButton {
     constructor(props) {
         super(props);
     }
@@ -220,7 +225,7 @@ export class ToggleButton extends BaseButton {
         super._sendClick();
         this.m_props.checked = !this.m_props.checked;
         this.setClass('checked', this.m_props.checked);
-        this.emit('change', EvChange(this.m_props.checked));
+        this.emit('change', (0, x4_events_1.EvChange)(this.m_props.checked));
         this._updateIcon();
     }
     _updateIcon() {
@@ -233,3 +238,4 @@ export class ToggleButton extends BaseButton {
         }
     }
 }
+exports.ToggleButton = ToggleButton;

package/lib/calendar.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,22 +23,24 @@
 *
 * 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 { Button } from './button';
-import { Popup } from './popup';
-import { Component, Flex } from './component';
-import { EvChange } from './x4_events';
-import { _tr } from './i18n';
-import { Label } from './label';
-import { HLayout, VLayout } from './layout';
-import { date_hash, date_clone, formatIntlDate } from './tools';
-import { Menu, MenuItem } from './menu';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupCalendar = exports.Calendar = void 0;
+const button_1 = require("./button");
+const popup_1 = require("./popup");
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
+const i18n_1 = require("./i18n");
+const label_1 = require("./label");
+const layout_1 = require("./layout");
+const tools_1 = require("./tools");
+const menu_1 = require("./menu");
 /**
  * default calendar control
  *
  * fires:
  * 	EventChange ( value = Date )
  */
-export class Calendar extends VLayout {
+class Calendar extends layout_1.VLayout {
     m_date;
     constructor(props) {
         super(props);
@@ -46,42 +49,42 @@ export class Calendar extends VLayout {
     }
     /** @ignore */
     render(props) {
-        let month_start = date_clone(this.m_date);
+        let month_start = (0, tools_1.date_clone)(this.m_date);
         month_start.setDate(1);
         let day = month_start.getDay();
         if (day == 0) {
             day = 7;
         }
         month_start.setDate(-day + 1 + 1);
-        let dte = date_clone(month_start);
+        let dte = (0, tools_1.date_clone)(month_start);
         let today = this.m_date.hash();
-        let month_end = date_clone(this.m_date);
+        let month_end = (0, tools_1.date_clone)(this.m_date);
         month_end.setDate(1);
         month_end.setMonth(month_end.getMonth() + 1);
         month_end.setDate(0);
-        let end_of_month = date_hash(month_end);
+        let end_of_month = (0, tools_1.date_hash)(month_end);
         let rows = [];
         // month selector
-        let header = new HLayout({
+        let header = new layout_1.HLayout({
             cls: 'month-sel',
             content: [
-                new Label({
+                new label_1.Label({
                     cls: 'month',
-                    text: formatIntlDate(this.m_date, 'O'),
+                    text: (0, tools_1.formatIntlDate)(this.m_date, 'O'),
                     dom_events: {
                         click: () => this._choose('month')
                     }
                 }),
-                new Label({
+                new label_1.Label({
                     cls: 'year',
-                    text: formatIntlDate(this.m_date, 'Y'),
+                    text: (0, tools_1.formatIntlDate)(this.m_date, 'Y'),
                     dom_events: {
                         click: () => this._choose('year')
                     }
                 }),
-                new Flex(),
-                new Button({ text: '<', click: () => this._next(false) }),
-                new Button({ text: '>', click: () => this._next(true) })
+                new component_1.Flex(),
+                new button_1.Button({ text: '<', click: () => this._next(false) }),
+                new button_1.Button({ text: '>', click: () => this._next(true) })
             ]
         });
         rows.push(header);
@@ -89,26 +92,26 @@ export class Calendar extends VLayout {
         let day_names = [];
         // day names
         // empty week num
-        day_names.push(new HLayout({
+        day_names.push(new layout_1.HLayout({
             cls: 'weeknum cell',
         }));
         for (let d = 0; d < 7; d++) {
-            day_names.push(new Label({
+            day_names.push(new label_1.Label({
                 cls: 'cell',
                 flex: 1,
-                text: _tr.global.day_short[(d + 1) % 7]
+                text: i18n_1._tr.global.day_short[(d + 1) % 7]
             }));
         }
-        rows.push(new HLayout({
+        rows.push(new layout_1.HLayout({
             cls: 'week header',
             content: day_names
         }));
         let cmonth = this.m_date.getMonth();
         // weeks
         let first = true;
-        while (date_hash(dte) <= end_of_month) {
+        while ((0, tools_1.date_hash)(dte) <= end_of_month) {
             let days = [
-                new HLayout({ cls: 'weeknum cell', content: new Component({ tag: 'span', content: formatIntlDate(dte, 'w') }) })
+                new layout_1.HLayout({ cls: 'weeknum cell', content: new component_1.Component({ tag: 'span', content: (0, tools_1.formatIntlDate)(dte, 'w') }) })
             ];
             // days
             for (let d = 0; d < 7; d++) {
@@ -119,12 +122,12 @@ export class Calendar extends VLayout {
                 if (dte.getMonth() != cmonth) {
                     cls += ' out';
                 }
-                days.push(new HLayout({
+                days.push(new layout_1.HLayout({
                     cls,
                     flex: 1,
-                    content: new Component({
+                    content: new component_1.Component({
                         tag: 'span',
-                        content: formatIntlDate(dte, 'd'),
+                        content: (0, tools_1.formatIntlDate)(dte, 'd'),
                     }),
                     dom_events: {
                         click: () => this.select(dte.clone())
@@ -133,7 +136,7 @@ export class Calendar extends VLayout {
                 dte.setDate(dte.getDate() + 1);
                 first = false;
             }
-            rows.push(new HLayout({
+            rows.push(new layout_1.HLayout({
                 cls: 'week',
                 flex: 1,
                 content: days
@@ -147,7 +150,7 @@ export class Calendar extends VLayout {
      */
     select(date) {
         this.m_date = date;
-        this.emit('change', EvChange(date));
+        this.emit('change', (0, x4_events_1.EvChange)(date));
         this.update();
     }
     /**
@@ -164,8 +167,8 @@ export class Calendar extends VLayout {
         let items = [];
         if (type == 'month') {
             for (let m = 0; m < 12; m++) {
-                items.push(new MenuItem({
-                    text: _tr.global.month_long[m],
+                items.push(new menu_1.MenuItem({
+                    text: i18n_1._tr.global.month_long[m],
                     click: () => { this.m_date.setMonth(m); this.update(); }
                 }));
             }
@@ -174,13 +177,13 @@ export class Calendar extends VLayout {
             let min = this.m_props.minDate?.getFullYear() ?? 1900;
             let max = this.m_props.maxDate?.getFullYear() ?? 2037;
             for (let m = min; m < max; m++) {
-                items.push(new MenuItem({
+                items.push(new menu_1.MenuItem({
                     text: '' + m,
                     click: () => { this.m_date.setFullYear(m); this.update(); }
                 }));
             }
         }
-        let menu = new Menu({
+        let menu = new menu_1.Menu({
             items
         });
         let rc = this.getBoundingRect();
@@ -194,10 +197,11 @@ export class Calendar extends VLayout {
         this.update();
     }
 }
+exports.Calendar = Calendar;
 /**
  * default popup calendar
  */
-export class PopupCalendar extends Popup {
+class PopupCalendar extends popup_1.Popup {
     m_cal;
     constructor(props) {
         super({ tabIndex: 1 });
@@ -217,7 +221,7 @@ export class PopupCalendar extends Popup {
             return;
         }
         // menu: ok
-        let dest = Component.getElement(newfocus, MenuItem);
+        let dest = component_1.Component.getElement(newfocus, menu_1.MenuItem);
         if (dest) {
             return;
         }
@@ -234,3 +238,4 @@ export class PopupCalendar extends Popup {
         super.close();
     }
 }
+exports.PopupCalendar = PopupCalendar;

package/lib/canvas.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 { BasicEvent } from './x4_events';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Canvas = void 0;
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
 function EvPaint(ctx) {
-    return BasicEvent({ ctx });
+    return (0, x4_events_1.BasicEvent)({ ctx });
 }
 function mkPainter(c2d, w, h) {
     let cp = c2d;
@@ -218,7 +221,7 @@ function circle(x, y, radius) {
 /**
  * Standard Canvas
  */
-export class Canvas extends Component {
+class Canvas extends component_1.Component {
     m_iwidth = -1;
     m_iheight = -1;
     m_scale = 1.0;
@@ -245,7 +248,7 @@ export class Canvas extends Component {
     render() {
         this.m_iwidth = -1;
         this.m_iheight = -1;
-        this.m_canvas = new Component({
+        this.m_canvas = new component_1.Component({
             tag: 'canvas'
         });
         this.setContent(this.m_canvas);
@@ -352,3 +355,4 @@ export class Canvas extends Component {
         }
     }
 }
+exports.Canvas = Canvas;

package/lib/cardview.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,16 +23,18 @@
 *
 * 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, isFunction } from './tools';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardView = void 0;
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
+const tools_1 = require("./tools");
 /**
  * Standard CardView class
  * a card view is composed of multiples pages with only one visible at a time.
  * pages can be selected by a component (like tabs ou sidebar).
  * or by code.
  */
-export class CardView extends Component {
+class CardView extends component_1.Component {
     m_cards;
     m_ipage; // initialy selected page
     m_cpage; // currently selected page
@@ -82,7 +85,7 @@ export class CardView extends Component {
         this.m_cpage = this.m_cards.find((card) => card.name == name);
         if (this.m_cpage) {
             if (this.m_cpage.page) {
-                if (isFunction(this.m_cpage.page)) {
+                if ((0, tools_1.isFunction)(this.m_cpage.page)) {
                     this.m_cpage.page = this.m_cpage.page();
                     console.assert(this.m_cpage.page != null, 'You must return a valid component');
                 }
@@ -93,7 +96,7 @@ export class CardView extends Component {
                     this._preparePage(page);
                 }
             }
-            this.emit('change', EvChange(this.m_cpage.name));
+            this.emit('change', (0, x4_events_1.EvChange)(this.m_cpage.name));
         }
     }
     /**
@@ -102,7 +105,7 @@ export class CardView extends Component {
     setPages(pages) {
         let active = this._initTabs(pages);
         if (active) {
-            asap(() => {
+            (0, tools_1.asap)(() => {
                 this.switchTo(active);
                 this.update();
             });
@@ -150,3 +153,4 @@ export class CardView extends Component {
         page.addClass('@tab-page');
     }
 }
+exports.CardView = CardView;

package/lib/checkbox.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,14 +23,16 @@
 *
 * 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 { Input } from './input';
-import { Label } from './label';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckBox = void 0;
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
+const input_1 = require("./input");
+const label_1 = require("./label");
 /**
  * Standard CheckBox
  */
-export class CheckBox extends Component {
+class CheckBox extends component_1.Component {
     constructor(props) {
         super(props);
         this.setDomEvent('focus', () => this._setFocus());
@@ -44,7 +47,7 @@ export class CheckBox extends Component {
         this.addClass(props.align ?? 'left');
         this.setProp('tag', 'label');
         this.setContent([
-            new Input({
+            new input_1.Input({
                 ref: 'input',
                 type: 'checkbox',
                 name: props.name,
@@ -58,7 +61,7 @@ export class CheckBox extends Component {
                     change: this._change.bind(this),
                 }
             }),
-            new Label({
+            new label_1.Label({
                 text: props.text ?? '',
                 width: labelWidth < 0 ? undefined : labelWidth,
                 flex: labelWidth < 0 ? -labelWidth : undefined,
@@ -76,7 +79,7 @@ export class CheckBox extends Component {
      * check state changed
      */
     _change() {
-        this.emit('change', EvChange(this.check));
+        this.emit('change', (0, x4_events_1.EvChange)(this.check));
     }
     /**
      * focus gained/loosed
@@ -124,3 +127,4 @@ export class CheckBox extends Component {
         this.check = !this.check;
     }
 }
+exports.CheckBox = CheckBox;

package/lib/color.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 { Stylesheet } from './styles';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Color = void 0;
+const styles_1 = require("./styles");
 const colorValues = {
     'lightsalmon': 0xFFFFA07A,
     'lightseagreen': 0xFF20B2AA,
@@ -167,7 +170,7 @@ const colorValues = {
     'none': 0,
     'transparent': 0,
 };
-export class Color {
+class Color {
     m_value;
     static custom = [];
     constructor(r, g, b, a) {
@@ -495,7 +498,7 @@ export class Color {
         Color.custom[name] = value;
     }
     static addCssColor(name) {
-        let c = Stylesheet.getVar(name);
+        let c = styles_1.Stylesheet.getVar(name);
         Color.custom['css:' + name] = Color.parse(c.trim());
     }
     static parse(str) {
@@ -579,6 +582,7 @@ export class Color {
         return new Color(varName).toString();
     }
 }
+exports.Color = Color;
 function _hx(n) {
     return ('00' + n.toString(16)).substr(-2).toUpperCase();
 }