x4js 1.4.3 → 1.4.6

package/lib/panel.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,26 +23,28 @@
 *
 * 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 { VLayout, HLayout } from './layout';
-import { Label } from './label';
-import { Icon } from './icon';
-export class Panel extends VLayout {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Panel = void 0;
+const component_1 = require("./component");
+const layout_1 = require("./layout");
+const label_1 = require("./label");
+const icon_1 = require("./icon");
+class Panel extends layout_1.VLayout {
     m_ui_title;
     m_ui_body;
     constructor(props) {
         super(props);
         const sens = props?.sens == 'horizontal' ? '@hlayout' : '@vlayout';
         //todo: cannot be called twice do to content overload
-        this.m_ui_title = new Label({ cls: 'title', text: this.m_props.title });
-        this.m_ui_body = new Component({ cls: 'body ' + sens, content: this.m_props.content });
+        this.m_ui_title = new label_1.Label({ cls: 'title', text: this.m_props.title });
+        this.m_ui_body = new component_1.Component({ cls: 'body ' + sens, content: this.m_props.content });
     }
     /** @ignore */
     render() {
         const gadgets = this.m_props.gadgets ?? [];
-        const icon = this.m_props.icon ? new Icon({ icon: this.m_props.icon }) : null;
+        const icon = this.m_props.icon ? new icon_1.Icon({ icon: this.m_props.icon }) : null;
         super.setContent([
-            new HLayout({
+            new layout_1.HLayout({
                 cls: 'title',
                 content: [
                     icon,
@@ -59,3 +62,4 @@ export class Panel extends VLayout {
         this.m_ui_title.text = text;
     }
 }
+exports.Panel = Panel;

package/lib/popup.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,17 +23,20 @@
 *
 * 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 { Container, flyWrap, SizerOverlay, Component, EvSize } from './component';
-import { Size, getMousePos } from './tools';
-import { BasicEvent } from './x4_events';
-import { Application } from './application';
-export function EvMove(pos) {
-    return BasicEvent({ pos });
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popup = exports.EvMove = void 0;
+const component_1 = require("./component");
+const tools_1 = require("./tools");
+const x4_events_1 = require("./x4_events");
+const application_1 = require("./application");
+function EvMove(pos) {
+    return (0, x4_events_1.BasicEvent)({ pos });
 }
+exports.EvMove = EvMove;
 /**
  * base class for all popup elements
  */
-export class Popup extends Container {
+class Popup extends component_1.Container {
     m_ui_mask;
     m_hasMask = true;
     static modal_stack = [];
@@ -62,7 +66,7 @@ export class Popup extends Container {
             this.m_ui_mask = document.body.lastChild;
             while (this.m_ui_mask) {
                 if (this.m_ui_mask.nodeType == 1) { // only element nodes
-                    let elUI = flyWrap(this.m_ui_mask);
+                    let elUI = (0, component_1.flyWrap)(this.m_ui_mask);
                     if (elUI.hasClass('@menu') || elUI.hasClass('@non-maskable')) {
                         /* avoid circular dependencies instanceof Menu*/
                         /* avoid nonmaskable elements tobe masked */
@@ -80,11 +84,11 @@ export class Popup extends Container {
                 this.m_ui_mask = this.m_ui_mask.previousSibling;
             }
             if (this.m_ui_mask) {
-                flyWrap(this.m_ui_mask).addClass('@mask');
+                (0, component_1.flyWrap)(this.m_ui_mask).addClass('@mask');
             }
         }
         if (modal) {
-            Application.instance().enterModal(true);
+            application_1.Application.instance().enterModal(true);
         }
         // to avoid body growing because of appendChild
         this.setStyle({
@@ -174,8 +178,8 @@ export class Popup extends Container {
     close() {
         this.hide();
         if (this.m_hasMask && this.m_ui_mask) {
-            flyWrap(this.m_ui_mask).removeClass('@mask');
-            const app = Application.instance();
+            (0, component_1.flyWrap)(this.m_ui_mask).removeClass('@mask');
+            const app = application_1.Application.instance();
             app.enterModal(false);
         }
         let index = Popup.modal_stack.indexOf(this.dom);
@@ -189,7 +193,7 @@ export class Popup extends Container {
             this.addClass('@size-all');
             let els = ['top', 'right', 'bottom', 'left', 'topleft', 'topright', 'bottomleft', 'bottomright'];
             for (let sens of els) {
-                new SizerOverlay({
+                new component_1.SizerOverlay({
                     target: this,
                     sens: sens,
                     events: { rawresize: (e) => this._mouseResize(e) }
@@ -207,7 +211,7 @@ export class Popup extends Container {
         let ev = event.ui_event;
         let tm = st.parse('marginTop'), lm = st.parse('marginLeft'), rm = st.parse('marginRight'), bm = st.parse('marginBottom');
         let ix = 0, iy = 0;
-        let mp = getMousePos(ev, true);
+        let mp = (0, tools_1.getMousePos)(ev, true);
         // horz
         switch (event.sens) {
             case 'topright':
@@ -240,7 +244,7 @@ export class Popup extends Container {
         irc.top -= tm;
         //console.log( 'capture' );
         let sens = event.sens;
-        Component.setCapture(this, (ne) => {
+        component_1.Component.setCapture(this, (ne) => {
             //console.log( ne );
             let __move = (ex, ey) => {
                 let left = irc.left, top = irc.top, width = irc.width, height = irc.height;
@@ -282,12 +286,12 @@ export class Popup extends Container {
                         top -= dy;
                         break;
                 }
-                let newsize = new Size(width, height);
+                let newsize = new tools_1.Size(width, height);
                 this.setStyle({ left, top, width: newsize.width, height: newsize.height });
-                this.emit('size', EvSize(newsize));
+                this.emit('size', (0, component_1.EvSize)(newsize));
             };
             if (ne.type == 'mouseup' || ne.type == 'touchend') {
-                Component.releaseCapture();
+                component_1.Component.releaseCapture();
             }
             else if (ne.type == 'mousemove') {
                 let me = ne;
@@ -300,6 +304,7 @@ export class Popup extends Container {
         });
     }
 }
+exports.Popup = Popup;
 /**
  * handle tab key
  */
@@ -309,7 +314,7 @@ function x4handleKeyDown(e) {
         if (target.tagName == 'TEXTAREA') {
             return;
         }
-        const el = Component.getElement(target);
+        const el = component_1.Component.getElement(target);
         if (el && (el.hasAttribute('wants-tab') || el.hasAttribute('wants-enter'))) {
             return;
         }
@@ -331,7 +336,7 @@ function _nextTab(root, el, prev) {
     if (!root.contains(focusEl)) {
         return;
     }
-    let comp = Component.getElement(el);
+    let comp = component_1.Component.getElement(el);
     // get a list of elements with tab index, this way we should abble to
     // cycle on them (not on browser address nor under dialog elements)
     let tabbable = root.querySelectorAll('[tabindex]');

package/lib/property_editor.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 { TextEdit } from './textedit';
-import { CheckBox } from './checkbox';
-import { Spreadsheet } from './spreadsheet';
-import { _tr } from './i18n';
-export class PropertyEditor extends Component {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyEditor = void 0;
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
+const input_1 = require("./input");
+const textedit_1 = require("./textedit");
+const checkbox_1 = require("./checkbox");
+const spreadsheet_1 = require("./spreadsheet");
+const i18n_1 = require("./i18n");
+class PropertyEditor extends component_1.Component {
     m_fields;
     m_record;
     m_sheet;
@@ -42,16 +45,16 @@ export class PropertyEditor extends Component {
         this.m_record = props.record;
         this.m_fields = props.fields ?? [];
         this.m_label_w = props.labelWidth;
-        this.m_sheet = new Spreadsheet({
+        this.m_sheet = new spreadsheet_1.Spreadsheet({
             cls: '@fit',
             columns: [
                 {
-                    title: _tr.global.property,
+                    title: i18n_1._tr.global.property,
                     width: this.m_label_w > 0 ? this.m_label_w : -1,
                     cls: 'property'
                 },
                 {
-                    title: _tr.global.value,
+                    title: i18n_1._tr.global.value,
                     width: -1,
                     createEditor: (...a) => this._editCell(...a),
                     renderer: (...a) => this._renderCell(...a)
@@ -138,7 +141,7 @@ export class PropertyEditor extends Component {
         else {
             fld.value = text;
         }
-        this.emit('change', EvChange(text, fld));
+        this.emit('change', (0, x4_events_1.EvChange)(text, fld));
     }
     _renderCell(text, rec) {
         let fld = this.m_fields[rec.row];
@@ -186,21 +189,21 @@ export class PropertyEditor extends Component {
         switch (fld.type) {
             default:
             case 'string': {
-                editor = new TextEdit(props);
+                editor = new textedit_1.TextEdit(props);
                 break;
             }
             case 'number': {
-                editor = new TextEdit(props);
+                editor = new textedit_1.TextEdit(props);
                 break;
             }
             case 'password': {
                 props.type = 'password';
                 props.value = this.m_record.getField(fld.id);
-                editor = new Input(props);
+                editor = new input_1.Input(props);
                 break;
             }
             case 'boolean': {
-                editor = new CheckBox(props);
+                editor = new checkbox_1.CheckBox(props);
                 break;
             }
             case 'choice': {
@@ -245,3 +248,4 @@ export class PropertyEditor extends Component {
         return choices;
     }
 }
+exports.PropertyEditor = PropertyEditor;

package/lib/radiobtn.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.RadioBtn = 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 RadioBtn
  */
-export class RadioBtn extends Component {
+class RadioBtn extends component_1.Component {
     m_ui_input; // todo: remove that / use ref
     constructor(props) {
         super(props);
@@ -52,7 +55,7 @@ export class RadioBtn extends Component {
             this.addClass('checked');
         }
         this.setContent([
-            this.m_ui_input = new Input({
+            this.m_ui_input = new input_1.Input({
                 type: 'radio',
                 name: name,
                 tabIndex: props.tabIndex,
@@ -65,7 +68,7 @@ export class RadioBtn extends Component {
                     focus: () => this.m_ui_input.focus(),
                 }
             }),
-            new Label({
+            new label_1.Label({
                 ref: 'label',
                 icon: icon,
                 text: text,
@@ -85,12 +88,12 @@ export class RadioBtn extends Component {
         let query = '.x-input[name=' + props.name + ']';
         let nlist = document.querySelectorAll(query); //todo: document ?
         nlist.forEach((dom) => {
-            let radio = Component.getElement(dom, RadioBtn);
+            let radio = component_1.Component.getElement(dom, RadioBtn);
             radio.removeClass('checked');
         });
         let dom = this.m_ui_input.dom;
         this.setClass('checked', dom.checked);
-        this.emit('change', EvChange(true));
+        this.emit('change', (0, x4_events_1.EvChange)(true));
     }
     /**
      * @return the checked value
@@ -129,3 +132,4 @@ export class RadioBtn extends Component {
         this.itemWithRef('label').text = text;
     }
 }
+exports.RadioBtn = RadioBtn;

package/lib/rating.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 { Component } from './component';
-import { HLayout } from './layout';
-import { Input } from './input';
-import { EvChange } from './x4_events';
-export class Rating extends HLayout {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rating = void 0;
+const component_1 = require("./component");
+const layout_1 = require("./layout");
+const input_1 = require("./input");
+const x4_events_1 = require("./x4_events");
+class Rating extends layout_1.HLayout {
     m_els;
     m_input;
     constructor(props) {
@@ -36,7 +39,7 @@ export class Rating extends HLayout {
     render(props) {
         let shape = props.shape ?? 'star';
         let value = props.value ?? 0;
-        this.m_input = new Input({
+        this.m_input = new input_1.Input({
             cls: '@hidden',
             name: props.name,
             value: '' + value
@@ -49,7 +52,7 @@ export class Rating extends HLayout {
             if (i + 1 <= value) {
                 cls += ' checked';
             }
-            let c = new Component({
+            let c = new component_1.Component({
                 tag: 'option',
                 cls,
                 data: { value: i + 1 }
@@ -81,13 +84,14 @@ export class Rating extends HLayout {
     _onclick(ev) {
         let on = true;
         for (let el = this.dom.firstChild; el; el = el.nextSibling) {
-            let comp = Component.getElement(el);
+            let comp = component_1.Component.getElement(el);
             comp.setClass('checked', on);
             if (el == ev.target) {
                 this.m_input.value = comp.getData('value');
                 on = false;
             }
         }
-        this.emit('change', EvChange(this.m_props.value));
+        this.emit('change', (0, x4_events_1.EvChange)(this.m_props.value));
     }
 }
+exports.Rating = Rating;

package/lib/request.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,6 +23,8 @@
 *
 * 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.ajax = exports.ajaxAsText = exports.ajaxAsJSON = exports.ajaxRequest = void 0;
 /**
  * TODO: use fetch api
  *
@@ -41,9 +44,9 @@ function dump( resp ) {
 getToto( dump );
 
 */
-import { isArray, isLiteralObject, isString, NetworkError } from './tools';
+const tools_1 = require("./tools");
 const DEFAULT_TIMEOUT = 10000;
-export function ajaxRequest(cfg) {
+function ajaxRequest(cfg) {
     let params, url = cfg.url, method = cfg.method || 'GET', formdata = false;
     if (cfg.params instanceof FormData) {
         params = cfg.params;
@@ -138,6 +141,7 @@ export function ajaxRequest(cfg) {
         xhr.abort();
     };
 }
+exports.ajaxRequest = ajaxRequest;
 function buildQuery(params, getMethod) {
     if (!params) {
         return '';
@@ -146,7 +150,7 @@ function buildQuery(params, getMethod) {
     for (let key in params) {
         let param = params[key];
         // array
-        if (isArray(param)) {
+        if ((0, tools_1.isArray)(param)) {
             for (let i = 0, n = param.length; i < n; i++) {
                 query.push(encodeURIComponent(key) + '[]=' + encodeURIComponent('' + param[i]));
             }
@@ -167,18 +171,20 @@ function buildQuery(params, getMethod) {
         return result;
     }
 }
-export async function ajaxAsJSON(url, init) {
+async function ajaxAsJSON(url, init) {
     let response = await ajax(url, init, 'application/json');
     return response.json();
 }
-export async function ajaxAsText(url, init) {
+exports.ajaxAsJSON = ajaxAsJSON;
+async function ajaxAsText(url, init) {
     let response = await ajax(url, init, 'text/plain');
     return response.text();
 }
+exports.ajaxAsText = ajaxAsText;
 /**
  * use encodeURIComponent for elements in url
  */
-export async function ajax(url, init, type) {
+async function ajax(url, init, type) {
     let options = {
         method: 'GET',
         headers: {
@@ -190,9 +196,9 @@ export async function ajax(url, init, type) {
     }
     if (init) {
         options = { ...options, ...init };
-        if (init.body && !isString(init.body)) {
+        if (init.body && !(0, tools_1.isString)(init.body)) {
             let cvt = false;
-            if (isLiteralObject(init.body)) {
+            if ((0, tools_1.isLiteralObject)(init.body)) {
                 cvt = true;
             }
             else if (!(init.body instanceof Blob) && !(init.body instanceof ArrayBuffer) && !(init.body instanceof FormData) &&
@@ -213,8 +219,9 @@ export async function ajax(url, init, type) {
     }
     else {
         if (!response.ok) {
-            throw new NetworkError(response);
+            throw new tools_1.NetworkError(response);
         }
         return response;
     }
 }
+exports.ajax = ajax;

package/lib/router.d.ts

@@ -1,11 +1,4 @@
-declare type Callback = (request: {
-    path: string;
-}) => void;
-interface Route {
-    uri: string;
-    callback: Callback;
-}
-declare class Router {
+export declare class Router {
     private routes;
     constructor();
     get(uri: any, callback: any): void;

package/lib/router.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Router = void 0;
 class Router {
     routes;
     constructor() {
@@ -25,3 +28,4 @@ class Router {
         });
     }
 }
+exports.Router = Router;

package/lib/settings.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,8 +23,10 @@
 *
 * 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 { host } from './hosts/host';
-export class Settings {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Settings = void 0;
+const host_1 = require("./hosts/host");
+class Settings {
     m_data;
     m_name;
     constructor(name) {
@@ -41,14 +44,14 @@ export class Settings {
     }
     _save() {
         let data = JSON.stringify(this.m_data);
-        host.writeLocalStorage(this.m_name, data);
+        host_1.host.writeLocalStorage(this.m_name, data);
     }
     _load() {
         if (this.m_data) {
             return;
         }
         this.m_data = {};
-        let data = host.readLocalStorage(this.m_name);
+        let data = host_1.host.readLocalStorage(this.m_name);
         if (data !== null) {
             data = JSON.parse(data);
             if (data) {
@@ -61,3 +64,4 @@ export class 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;