x4js 1.4.2 → 1.4.5

package/lib/gridview.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,25 +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/>.
 **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridView = exports.EvGridCheck = void 0;
 const T_UPDATE = Symbol('update');
 /**
  * todo: sizable column
  * todo: button in a column
  */
-import { HLayout, VLayout } from './layout';
-import { Component, EvDblClick, flyWrap, html, SizerOverlay } from './component';
-import { Label } from './label';
-import { _tr } from './i18n';
-import { downloadData } from './tools';
-import { DataStore } from './datastore';
-import { EvContextMenu, EvSelectionChange, BasicEvent } from "./x4_events";
-export function EvGridCheck(rec, chk) {
-    return BasicEvent({ rec, chk });
+const layout_1 = require("./layout");
+const component_1 = require("./component");
+const label_1 = require("./label");
+const i18n_1 = require("./i18n");
+const tools_1 = require("./tools");
+const datastore_1 = require("./datastore");
+const x4_events_1 = require("./x4_events");
+function EvGridCheck(rec, chk) {
+    return (0, x4_events_1.BasicEvent)({ rec, chk });
 }
+exports.EvGridCheck = EvGridCheck;
 /**
  * gridview class
  */
-export class GridView extends VLayout {
+class GridView extends layout_1.VLayout {
     m_dataview;
     m_data_cx;
     m_columns;
@@ -77,7 +81,7 @@ export class GridView extends VLayout {
         this.m_itemHeight = 0;
         this.m_recycler = [];
         this.m_rowClassifier = props.calcRowClass;
-        this.m_empty_text = props.empty_text ?? _tr.global.empty_list;
+        this.m_empty_text = props.empty_text ?? i18n_1._tr.global.empty_list;
         //this.setDomEvent('create', this._handleCreate, this);
         this.setDomEvent('click', (e) => this._itemClick(e));
         this.setDomEvent('dblclick', (e) => this._itemDblClick(e));
@@ -185,7 +189,7 @@ export class GridView extends VLayout {
      */
     setStore(store) {
         this.m_selection = undefined;
-        if (store instanceof DataStore) {
+        if (store instanceof datastore_1.DataStore) {
             this.m_dataview = store.createView();
         }
         else {
@@ -230,14 +234,14 @@ export class GridView extends VLayout {
     /** @ignore */
     render() {
         this.m_recycler = [];
-        this.m_container = new Component({
+        this.m_container = new component_1.Component({
             cls: 'content',
         });
-        this.m_empty_msg = new Label({
+        this.m_empty_msg = new label_1.Label({
             cls: 'empty-msg',
             text: ''
         });
-        this.m_view_el = new Component({
+        this.m_view_el = new component_1.Component({
             cls: '@scroll-view',
             flex: 1,
             dom_events: {
@@ -251,9 +255,9 @@ export class GridView extends VLayout {
             if (col.cls) {
                 cls += ' ' + col.cls;
             }
-            let comp = new Component({
+            let comp = new component_1.Component({
                 cls,
-                content: new Component({
+                content: new component_1.Component({
                     tag: 'span',
                     content: col.title
                 }),
@@ -264,7 +268,7 @@ export class GridView extends VLayout {
                 },
                 dom_events: {
                     click: (ev) => {
-                        let t = flyWrap(ev.target);
+                        let t = (0, component_1.flyWrap)(ev.target);
                         if (!t.hasClass('@sizer-overlay')) { // avoid sizer click
                             this._sortCol(col);
                             ev.preventDefault();
@@ -275,13 +279,13 @@ export class GridView extends VLayout {
             const resizeCol = (ev) => {
                 this._on_col_resize(index, ev.size.width);
                 if (this.m_footer) {
-                    let col = Component.getElement(this.m_footer.dom.childNodes[index]);
+                    let col = component_1.Component.getElement(this.m_footer.dom.childNodes[index]);
                     if (col) {
                         col.setStyleValue('width', ev.size.width);
                     }
                 }
             };
-            new SizerOverlay({
+            new component_1.SizerOverlay({
                 target: comp,
                 sens: 'right',
                 events: { resize: (e) => resizeCol(e) }
@@ -294,7 +298,7 @@ export class GridView extends VLayout {
         this.m_columns.forEach((col) => {
             full_width += col.width ?? 0;
         });
-        this.m_header = new HLayout({
+        this.m_header = new layout_1.HLayout({
             cls: '@header',
             content: cols,
             style: {
@@ -310,7 +314,7 @@ export class GridView extends VLayout {
                 if (col.cls) {
                     cls += ' ' + col.cls;
                 }
-                let comp = new Component({
+                let comp = new component_1.Component({
                     cls,
                     data: { col: index },
                     flex: col.flex,
@@ -320,7 +324,7 @@ export class GridView extends VLayout {
                 });
                 return comp;
             });
-            this.m_footer = new HLayout({
+            this.m_footer = new layout_1.HLayout({
                 cls: '@footer',
                 content: foots,
                 style: {
@@ -402,7 +406,7 @@ export class GridView extends VLayout {
             }
         }
         else {
-            row = new HLayout(props);
+            row = new layout_1.HLayout(props);
         }
         if (!row.dom) {
             this.m_container.appendChild(row);
@@ -429,7 +433,7 @@ export class GridView extends VLayout {
         });
         // if items height make scroll visible, update header width
         if (((count + 1) * this.m_itemHeight) >= height) {
-            let w = Component.getScrollbarSize();
+            let w = component_1.Component.getScrollbarSize();
             this.m_header.setStyleValue("paddingRight", w);
             this.m_footer?.setStyleValue("paddingRight", w);
         }
@@ -492,10 +496,10 @@ export class GridView extends VLayout {
                         else {
                             text = rec.getField(col.id);
                         }
-                        cell = new Component({
+                        cell = new component_1.Component({
                             cls,
                             width: col.width,
-                            content: html `<span>${text}</span>`,
+                            content: (0, component_1.html) `<span>${text}</span>`,
                             flex: col.flex
                         });
                     }
@@ -589,7 +593,7 @@ export class GridView extends VLayout {
     _rowFromTarget(dom) {
         let self = this.dom;
         while (dom && dom != self) {
-            let itm = Component.getElement(dom);
+            let itm = component_1.Component.getElement(dom);
             if (itm) {
                 let id = itm.getData('row-id');
                 if (id !== undefined) {
@@ -614,7 +618,7 @@ export class GridView extends VLayout {
         if (hit) {
             this._selectItem(hit.id, hit.itm);
             let rec = this.m_dataview.getById(hit.id);
-            this.emit('dblClick', EvDblClick(rec));
+            this.emit('dblClick', (0, component_1.EvDblClick)(rec));
             if (this.m_hasMarks) {
                 this._toggleMark(rec);
             }
@@ -624,7 +628,7 @@ export class GridView extends VLayout {
     _itemMenu(e) {
         let dom = e.target, self = this.dom;
         while (dom && dom != self) {
-            let itm = Component.getElement(dom), id = itm?.getData('row-id');
+            let itm = component_1.Component.getElement(dom), id = itm?.getData('row-id');
             if (id !== undefined) {
                 this._selectItem(id, itm);
                 let idx = itm.getData('row-idx');
@@ -671,17 +675,17 @@ export class GridView extends VLayout {
                 dom_item.addClass('@selected');
             }
             let rec = this.m_dataview.getById(item);
-            this.emit('selectionChange', EvSelectionChange(rec));
+            this.emit('selectionChange', (0, x4_events_1.EvSelectionChange)(rec));
         }
         else {
-            this.emit('selectionChange', EvSelectionChange(null));
+            this.emit('selectionChange', (0, x4_events_1.EvSelectionChange)(null));
         }
     }
     /**
      *
      */
     _showItemContextMenu(event, item) {
-        this.emit('contextMenu', EvContextMenu(event, item));
+        this.emit('contextMenu', (0, x4_events_1.EvContextMenu)(event, item));
     }
     /**
      *
@@ -727,7 +731,7 @@ export class GridView extends VLayout {
         data = data.replace(/[îï]/gm, 'i');
         data = data.replace(/[ûüù]/gm, 'u');
         data = data.replace(/ /gm, ' '); // non breaking space
-        downloadData(data, 'text/csv', filename);
+        (0, tools_1.downloadData)(data, 'text/csv', filename);
     }
     set empty_text(text) {
         this.m_empty_msg.text = text;
@@ -737,7 +741,7 @@ export class GridView extends VLayout {
         if (this.m_marks.has(rec.getID())) {
             cls = ' checked';
         }
-        return new Component({ cls: '@grid-checkbox' + cls });
+        return new component_1.Component({ cls: '@grid-checkbox' + cls });
     }
     _toggleMark(rec) {
         let id = rec.getID();
@@ -784,3 +788,4 @@ export class GridView extends VLayout {
         });
     }
 }
+exports.GridView = GridView;

package/lib/hosts/host.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 * @file host.ts
 * @author Etienne Cochard
@@ -16,9 +17,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/>.
 **/
-export class Host {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.host = exports.Host = void 0;
+class Host {
     constructor() {
-        host = this;
+        exports.host = this;
     }
     makePath(...els) {
         return els.join('/');
@@ -66,4 +69,5 @@ export class Host {
         throw 'not imp';
     }
 }
-export let host = null;
+exports.Host = Host;
+exports.host = null;

package/lib/i18n.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.extendTranslation = exports.selectLanguage = exports.isLanguage = exports._tr = void 0;
 /**
  * language definition
  * x4 specific strings
@@ -93,7 +96,7 @@ let all_langs = {
  * @example ```typescript
  * console.log( _tr.global.ok );
  */
-export let _tr = all_langs['fr'];
+exports._tr = all_langs['fr'];
 /**
  * check if the language is known
  * @param name - language name to test
@@ -101,21 +104,23 @@ export let _tr = all_langs['fr'];
  * if( isLanguage('fr') ) {
  * }
  */
-export function isLanguage(name) {
+function isLanguage(name) {
     return all_langs[name] !== undefined;
 }
+exports.isLanguage = isLanguage;
 /**
  * select the current language
  * @param name - language name
  * @example ```typescript
  * selectLanguage( 'en' );
  */
-export function selectLanguage(name) {
+function selectLanguage(name) {
     if (!isLanguage(name)) {
         return;
     }
-    _tr = all_langs[name];
+    exports._tr = all_langs[name];
 }
+exports.selectLanguage = selectLanguage;
 /**
  * define a translation
  * you can also patch 'global' elements witch are defined by x4
@@ -136,12 +141,13 @@ export function selectLanguage(name) {
  * console.log( _tr.this_is_an_example ); // 'en' do not define this, so we get 'fr' one
  *
  */
-export function extendTranslation(name, definition) {
+function extendTranslation(name, definition) {
     if (!isLanguage(name)) {
         return;
     }
     _patch(all_langs[name], definition);
 }
+exports.extendTranslation = extendTranslation;
 function _patch(obj, by) {
     for (let n in by) {
         if (obj[n] instanceof Object) {

package/lib/icon.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,14 +23,17 @@
 *
 * 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 { Stylesheet } from './styles';
-import { HtmlString } from './tools';
-import { BasicEvent, EventSource } from './x4_events';
-export function EvLoaded(url, svg, context = null) {
-    return BasicEvent({ url, svg, context });
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = exports.EvLoaded = void 0;
+const component_1 = require("./component");
+const styles_1 = require("./styles");
+const tools_1 = require("./tools");
+const x4_events_1 = require("./x4_events");
+function EvLoaded(url, svg, context = null) {
+    return (0, x4_events_1.BasicEvent)({ url, svg, context });
 }
-class Loader extends EventSource {
+exports.EvLoaded = EvLoaded;
+class Loader extends x4_events_1.EventSource {
     svgs;
     constructor() {
         super();
@@ -64,7 +68,7 @@ const svgLoader = new Loader();
 /**
  * standard icon
  */
-export class Icon extends Component {
+class Icon extends component_1.Component {
     m_icon;
     m_iconName;
     constructor(props) {
@@ -109,7 +113,7 @@ export class Icon extends Component {
             }
             else {
                 name = icon;
-                icon = Stylesheet.getVar('icon-' + icon);
+                icon = styles_1.Stylesheet.getVar('icon-' + icon);
                 if (icon == '' || icon === undefined) {
                     // name your icon 'icon-xxx'
                     // ex:
@@ -123,7 +127,7 @@ export class Icon extends Component {
         if (this.m_icon === icon) {
             return;
         }
-        let css = Component.getCss(), rulename;
+        let css = component_1.Component.getCss(), rulename;
         if (remove_old && this.m_icon) {
             rulename = 'icon-' + name;
             this.removeClass(rulename);
@@ -159,7 +163,7 @@ export class Icon extends Component {
             //console.log( 'set=', ev.url, 'url=', url );
             if (ev.url == url) {
                 this.addClass('@svg-icon');
-                this.setContent(HtmlString.from(ev.svg), false);
+                this.setContent(tools_1.HtmlString.from(ev.svg), false);
                 svgLoader.off('loaded', set);
             }
         };
@@ -171,3 +175,4 @@ export class Icon extends Component {
      */
     static icon_cache = [];
 }
+exports.Icon = Icon;

package/lib/image.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.Image = void 0;
+const component_1 = require("./component");
 const emptyImageSrc = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
 function _isStaticImage(src) {
     return src.substr(0, 5) == 'data:';
@@ -30,7 +33,7 @@ function _isStaticImage(src) {
 /**
  * Standard image class
  */
-export class Image extends Component {
+class Image extends component_1.Component {
     m_created;
     m_lazysrc; // expected 
     constructor(props) {
@@ -51,7 +54,7 @@ export class Image extends Component {
     /** @ignore */
     render() {
         let mp = this.m_props;
-        const img = new Component({
+        const img = new component_1.Component({
             tag: 'img',
             attrs: {
                 draggable: false,
@@ -147,3 +150,4 @@ export class Image extends Component {
         }
     }
 }
+exports.Image = Image;

package/lib/index.d.ts

@@ -0,0 +1,55 @@
+export * from "./application";
+export * from "./base_component";
+export * from "./base64";
+export * from "./button";
+export * from "./calendar";
+export * from "./canvas";
+export * from "./cardview";
+export * from "./checkbox";
+export * from "./color";
+export * from "./colorpicker";
+export * from "./combobox";
+export * from "./component";
+export * from "./datastore";
+export * from "./dialog";
+export * from "./dom_events";
+export * from "./drag_manager";
+export * from "./drawtext";
+export * from "./fileupload";
+export * from "./form";
+export * from "./formatters";
+export * from "./gridview";
+export * from "./i18n";
+export * from "./icon";
+export * from "./image";
+export * from "./input";
+export * from "./label";
+export * from "./layout";
+export * from "./link";
+export * from "./listview";
+export * from "./md5";
+export * from "./menu";
+export * from "./messagebox";
+export * from "./panel";
+export * from "./popup";
+export * from "./property_editor";
+export * from "./radiobtn";
+export * from "./rating";
+export * from "./request";
+export * from "./router";
+export * from "./settings";
+export * from "./sidebarview";
+export * from "./smartedit";
+export * from "./spreadsheet";
+export * from "./styles";
+export * from "./svgcomponent";
+export * from "./tabbar";
+export * from "./tabview";
+export * from "./textarea";
+export * from "./textedit";
+export * from "./texthiliter";
+export * from "./toaster";
+export * from "./tools";
+export * from "./tooltips";
+export * from "./treeview";
+export * from "./x4_events";

package/lib/index.js

@@ -1 +1,71 @@
-export * from "application"
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./application"), exports);
+__exportStar(require("./base_component"), exports);
+__exportStar(require("./base64"), exports);
+__exportStar(require("./button"), exports);
+__exportStar(require("./calendar"), exports);
+__exportStar(require("./canvas"), exports);
+__exportStar(require("./cardview"), exports);
+__exportStar(require("./checkbox"), exports);
+__exportStar(require("./color"), exports);
+__exportStar(require("./colorpicker"), exports);
+__exportStar(require("./combobox"), exports);
+__exportStar(require("./component"), exports);
+__exportStar(require("./datastore"), exports);
+__exportStar(require("./dialog"), exports);
+__exportStar(require("./dom_events"), exports);
+__exportStar(require("./drag_manager"), exports);
+__exportStar(require("./drawtext"), exports);
+__exportStar(require("./fileupload"), exports);
+__exportStar(require("./form"), exports);
+__exportStar(require("./formatters"), exports);
+__exportStar(require("./gridview"), exports);
+__exportStar(require("./i18n"), exports);
+__exportStar(require("./icon"), exports);
+__exportStar(require("./image"), exports);
+__exportStar(require("./input"), exports);
+__exportStar(require("./label"), exports);
+__exportStar(require("./layout"), exports);
+__exportStar(require("./link"), exports);
+__exportStar(require("./listview"), exports);
+__exportStar(require("./md5"), exports);
+__exportStar(require("./menu"), exports);
+__exportStar(require("./messagebox"), exports);
+__exportStar(require("./panel"), exports);
+__exportStar(require("./popup"), exports);
+__exportStar(require("./property_editor"), exports);
+__exportStar(require("./radiobtn"), exports);
+__exportStar(require("./rating"), exports);
+__exportStar(require("./request"), exports);
+__exportStar(require("./router"), exports);
+__exportStar(require("./settings"), exports);
+__exportStar(require("./sidebarview"), exports);
+__exportStar(require("./smartedit"), exports);
+__exportStar(require("./spreadsheet"), exports);
+__exportStar(require("./styles"), exports);
+__exportStar(require("./svgcomponent"), exports);
+__exportStar(require("./tabbar"), exports);
+__exportStar(require("./tabview"), exports);
+__exportStar(require("./textarea"), exports);
+__exportStar(require("./textedit"), exports);
+__exportStar(require("./texthiliter"), exports);
+__exportStar(require("./toaster"), exports);
+__exportStar(require("./tools"), exports);
+__exportStar(require("./tooltips"), exports);
+__exportStar(require("./treeview"), exports);
+__exportStar(require("./x4_events"), exports);

package/lib/input.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,12 +23,14 @@
 *
 * 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.Input = void 0;
+const component_1 = require("./component");
 /**
  * base class for elements implementing an input
  * CARE derived classes must set this.ui.input
  */
-export class Input extends Component {
+class Input extends component_1.Component {
     constructor(props) {
         super(props);
     }
@@ -170,3 +173,4 @@ export class Input extends Component {
         };
     }
 }
+exports.Input = Input;

package/lib/label.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,15 +23,17 @@
 *
 * 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 { HtmlString } from './tools';
-import { Icon } from './icon';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+const component_1 = require("./component");
+const tools_1 = require("./tools");
+const icon_1 = require("./icon");
 /**
  * Standard label
  */
-export class Label extends Component {
+class Label extends component_1.Component {
     constructor(param) {
-        if (typeof (param) === 'string' || param instanceof HtmlString) {
+        if (typeof (param) === 'string' || param instanceof tools_1.HtmlString) {
             super({ text: param });
         }
         else {
@@ -40,8 +43,8 @@ export class Label extends Component {
     /** @ignore */
     render(props) {
         let text = this.m_props.text;
-        if (this.m_props.multiline && !(text instanceof HtmlString)) {
-            text = new HtmlString(text.replace(/\n/g, '<br/>'));
+        if (this.m_props.multiline && !(text instanceof tools_1.HtmlString)) {
+            text = new tools_1.HtmlString(text.replace(/\n/g, '<br/>'));
         }
         if (!props.icon) {
             this.setContent(text);
@@ -50,8 +53,8 @@ export class Label extends Component {
             this.setProp('tag', 'span');
             this.addClass('@hlayout');
             this.setContent([
-                new Icon({ icon: props.icon }),
-                new Component({ content: text, ref: 'text' })
+                new icon_1.Icon({ icon: props.icon }),
+                new component_1.Component({ content: text, ref: 'text' })
             ]);
         }
         this.addClass(props.align ?? 'left');
@@ -65,8 +68,8 @@ export class Label extends Component {
         if (props.text !== txt) {
             props.text = txt;
             let text = this.m_props.text;
-            if (this.m_props.multiline && !(text instanceof HtmlString)) {
-                text = new HtmlString(text.replace('/\n/g', '<br/>'));
+            if (this.m_props.multiline && !(text instanceof tools_1.HtmlString)) {
+                text = new tools_1.HtmlString(text.replace('/\n/g', '<br/>'));
             }
             if (this.dom) {
                 let comp = this;
@@ -84,3 +87,4 @@ export class Label extends Component {
         return this.m_props.text;
     }
 }
+exports.Label = Label;