x4js 1.4.3 → 1.4.6

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;

package/lib/layout.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,24 +23,29 @@
  *
  *	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, Container } from './component';
-import { isArray } from './tools';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollView = exports.TableLayout = exports.GridLayout = exports.AutoLayout = exports.VLayout = exports.HLayout = exports.AbsLayout = void 0;
+const component_1 = require("./component");
+const tools_1 = require("./tools");
 // ============================================================================
 // [ABSLAYOUT]
 // ============================================================================
-export class AbsLayout extends Container {
+class AbsLayout extends component_1.Container {
 }
+exports.AbsLayout = AbsLayout;
 // ============================================================================
 // [HLAYOUT]
 // ============================================================================
-export class HLayout extends Container {
+class HLayout extends component_1.Container {
 }
+exports.HLayout = HLayout;
 // ============================================================================
 // [VLAYOUT]
 // ============================================================================
-export class VLayout extends Container {
+class VLayout extends component_1.Container {
 }
-export class AutoLayout extends Container {
+exports.VLayout = VLayout;
+class AutoLayout extends component_1.Container {
     constructor(props) {
         super(props);
         this.setDomEvent('sizechange', () => this._updateLayout());
@@ -69,7 +75,8 @@ export class AutoLayout extends Container {
         }
     }
 }
-export class GridLayout extends Container {
+exports.AutoLayout = AutoLayout;
+class GridLayout extends component_1.Container {
     constructor(props) {
         /// @ts-ignore
         // Argument of type 'GridLayoutProps' is not assignable to parameter of type 'P'.
@@ -92,7 +99,8 @@ export class GridLayout extends Container {
         }
     }
 }
-export class TableLayout extends Container {
+exports.GridLayout = GridLayout;
+class TableLayout extends component_1.Container {
     m_cells;
     constructor(props) {
         super(props);
@@ -107,7 +115,7 @@ export class TableLayout extends Container {
         let idx = _mkid(row, col);
         this.m_cells.set(idx, cell);
         if (this.dom && cell.item && update) {
-            if (cell.item instanceof Component) {
+            if (cell.item instanceof component_1.Component) {
                 cell.item.update();
             }
             else {
@@ -184,7 +192,7 @@ export class TableLayout extends Container {
                 if (cdata && cdata.cls) {
                     cls += ' ' + cdata.cls;
                 }
-                let cc = new Component({
+                let cc = new component_1.Component({
                     tag: 'td',
                     content: cell?.item,
                     width: cell?.width,
@@ -211,7 +219,7 @@ export class TableLayout extends Container {
                 cols.push(cc);
             }
             let rdata = this._getCell(r, 999, false);
-            let rr = new Component({
+            let rr = new component_1.Component({
                 tag: 'tr',
                 data: { row: r },
                 content: cols,
@@ -222,6 +230,7 @@ export class TableLayout extends Container {
         this.setContent(rows);
     }
 }
+exports.TableLayout = TableLayout;
 /**
  * @ignore
  */
@@ -237,7 +246,7 @@ function _getid(key) {
         col: (key % 1000) | 0
     };
 }
-export class ScrollView extends Component {
+class ScrollView extends component_1.Component {
     constructor(props) {
         super(props);
         this.setContent(props.content);
@@ -248,7 +257,7 @@ export class ScrollView extends Component {
         }
         else {
             let container;
-            if (isArray(content)) {
+            if ((0, tools_1.isArray)(content)) {
                 container = new VLayout({ content });
             }
             else {
@@ -259,3 +268,4 @@ export class ScrollView extends Component {
         }
     }
 }
+exports.ScrollView = ScrollView;

package/lib/link.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,19 +23,21 @@
 *
 * 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, isHtmlString, html } from './component';
-import { EvClick } from './x4_events';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
 /**
  * Standard Link
  */
-export class Link extends Component {
+class Link extends component_1.Component {
     constructor(props) {
         super(props);
         this.setDomEvent('click', () => this._handleClick());
         this.mapPropEvents(props, 'click');
     }
     _handleClick() {
-        this.emit('click', EvClick());
+        this.emit('click', (0, x4_events_1.EvClick)());
     }
     /** @ignore */
     render(props) {
@@ -45,7 +48,7 @@ export class Link extends Component {
         this.setAttribute('href', href);
         this.setAttribute('target', props.target);
         if (text) {
-            this.setContent(isHtmlString(text) ? text : html `<span>${text}</span>`);
+            this.setContent((0, component_1.isHtmlString)(text) ? text : (0, component_1.html) `<span>${text}</span>`);
         }
     }
     set text(text) {
@@ -53,3 +56,4 @@ export class Link extends Component {
         this.update();
     }
 }
+exports.Link = Link;

package/lib/listview.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,27 +23,30 @@
 *
 * 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, Component, EvDblClick } from './component';
-import { HLayout, VLayout } from './layout';
-import { Popup } from './popup';
-import { isFunction } from './tools';
-import { MenuItem } from "./menu";
-import { EvContextMenu, EvSelectionChange, EvClick, BasicEvent } from "./x4_events";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupListView = exports.EvCancel = exports.ListView = exports.ListViewItem = void 0;
+const component_1 = require("./component");
+const layout_1 = require("./layout");
+const popup_1 = require("./popup");
+const tools_1 = require("./tools");
+const menu_1 = require("./menu");
+const x4_events_1 = require("./x4_events");
 /**
  * item definition
  */
-export class ListViewItem {
+class ListViewItem {
     id;
     text; // if you need pure text
     html; // if text is html
     icon;
     data;
 }
+exports.ListViewItem = ListViewItem;
 ;
 /**
  * Standard listview class
  */
-export class ListView extends VLayout {
+class ListView extends layout_1.VLayout {
     m_selection;
     m_defer_sel;
     m_container;
@@ -115,7 +119,7 @@ export class ListView extends VLayout {
     _handleKey(ev) {
         let moveSel = (sens) => {
             let items;
-            if (isFunction(this.m_props.items)) {
+            if ((0, tools_1.isFunction)(this.m_props.items)) {
                 items = this.m_props.items();
                 this.m_props.items = items;
             }
@@ -160,11 +164,11 @@ export class ListView extends VLayout {
     _buildContent() {
         let props = this.m_props;
         if (props.virtual) {
-            this.m_container = new Container({
+            this.m_container = new component_1.Container({
                 cls: '@scroll-container',
                 content: []
             });
-            this.m_view = new Container({
+            this.m_view = new component_1.Container({
                 cls: '@scroll-view',
                 flex: 1,
                 content: this.m_container,
@@ -175,7 +179,7 @@ export class ListView extends VLayout {
             });
             this.setContent([
                 this.m_view,
-                props.gadgets ? new HLayout({
+                props.gadgets ? new layout_1.HLayout({
                     cls: 'gadgets',
                     content: props.gadgets
                 }) : null,
@@ -183,7 +187,7 @@ export class ListView extends VLayout {
         }
         else {
             this.m_view = undefined;
-            this.m_container = new VLayout({
+            this.m_container = new layout_1.VLayout({
                 cls: '@scroll-container',
                 content: []
             });
@@ -219,7 +223,7 @@ export class ListView extends VLayout {
         let props = this.m_props;
         let items = [];
         let list_items = props.items;
-        if (isFunction(list_items)) {
+        if ((0, tools_1.isFunction)(list_items)) {
             list_items = list_items();
         }
         let selId = this.m_selection?.item.id;
@@ -305,7 +309,7 @@ export class ListView extends VLayout {
             return this.m_props.renderItem(item);
         }
         else {
-            return new HLayout({ content: item.text });
+            return new layout_1.HLayout({ content: item.text });
         }
     }
     /** @ignore */
@@ -313,18 +317,18 @@ export class ListView extends VLayout {
         let dom = e.target, self = this.dom, list_items = this.m_props.items; // already created by build
         // go up until we find something interesting
         while (dom && dom != self) {
-            let itm = Component.getElement(dom), id = itm?.getData('item-id');
+            let itm = component_1.Component.getElement(dom), id = itm?.getData('item-id');
             if (id !== undefined) {
                 // find the element
                 let item = list_items.find((item) => item.id == id);
                 if (item) {
                     let event;
                     if (e.type == 'click') {
-                        event = EvClick(item);
+                        event = (0, x4_events_1.EvClick)(item);
                         this.emit('click', event);
                     }
                     else {
-                        event = EvDblClick(item);
+                        event = (0, component_1.EvDblClick)(item);
                         this.emit('dblClick', event);
                     }
                     if (!event.defaultPrevented) {
@@ -345,19 +349,19 @@ export class ListView extends VLayout {
         e.preventDefault();
         let dom = e.target, self = this.dom, list_items = this.m_props.items; // already created by build;
         while (dom && dom != self) {
-            let itm = Component.getElement(dom), id = itm?.getData('item-id');
+            let itm = component_1.Component.getElement(dom), id = itm?.getData('item-id');
             if (id) {
                 // find the element
                 let item = list_items.find((item) => item.id == id);
                 if (item) {
                     this._selectItem(item, itm);
-                    this.emit('contextMenu', EvContextMenu(e, item));
+                    this.emit('contextMenu', (0, x4_events_1.EvContextMenu)(e, item));
                 }
                 return;
             }
             dom = dom.parentElement;
         }
-        this.emit('contextMenu', EvContextMenu(e, null));
+        this.emit('contextMenu', (0, x4_events_1.EvContextMenu)(e, null));
     }
     /**
      * @ignore
@@ -375,7 +379,7 @@ export class ListView extends VLayout {
             this.m_selection.citem.addClass('@selected');
         }
         if (notify) {
-            this.emit('selectionChange', EvSelectionChange(item));
+            this.emit('selectionChange', (0, x4_events_1.EvSelectionChange)(item));
         }
     }
     /**
@@ -389,7 +393,7 @@ export class ListView extends VLayout {
             this._selectItem(null, null);
         }
         else {
-            if (isFunction(this.m_props.items)) {
+            if ((0, tools_1.isFunction)(this.m_props.items)) {
                 this.m_defer_sel = id;
             }
             else {
@@ -470,13 +474,15 @@ export class ListView extends VLayout {
         }
     }
 }
-export function EvCancel(context = null) {
-    return BasicEvent({ context });
+exports.ListView = ListView;
+function EvCancel(context = null) {
+    return (0, x4_events_1.BasicEvent)({ context });
 }
+exports.EvCancel = EvCancel;
 /**
  *
  */
-export class PopupListView extends Popup {
+class PopupListView extends popup_1.Popup {
     m_list;
     constructor(props) {
         super({ tabIndex: false });
@@ -502,7 +508,7 @@ export class PopupListView extends Popup {
             return;
         }
         // menu: ok
-        let dest = Component.getElement(newfocus, MenuItem);
+        let dest = component_1.Component.getElement(newfocus, menu_1.MenuItem);
         if (dest) {
             return;
         }
@@ -530,3 +536,4 @@ export class PopupListView extends Popup {
         this.m_list.selection = itemId;
     }
 }
+exports.PopupListView = PopupListView;

package/lib/md5.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.Md5 = void 0;
 /*
 TypeScript Md5
 ==============
@@ -48,7 +51,7 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
-export class Md5 {
+class Md5 {
     static hashStr(str, raw = false) {
         return this.onePassHasher
             .start()
@@ -390,6 +393,7 @@ export class Md5 {
         return raw ? this._state : Md5._hex(this._state);
     }
 }
+exports.Md5 = Md5;
 /*
 if (Md5.hashStr('hello') !== '5d41402abc4b2a76b9719d911017c592') {
     console.error('Md5 self test failed.');

package/lib/menu.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,21 +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 { Component } from './component';
-import { EvClick } from './x4_events';
-import { Popup } from './popup';
-import { Icon } from './icon';
-import { Label } from './label';
-import { HLayout } from './layout';
-import { isString, getMousePos } from './tools';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuBar = exports.MenuItem = exports.Menu = exports.MenuTitle = exports.MenuSeparator = void 0;
+const component_1 = require("./component");
+const x4_events_1 = require("./x4_events");
+const popup_1 = require("./popup");
+const icon_1 = require("./icon");
+const label_1 = require("./label");
+const layout_1 = require("./layout");
+const tools_1 = require("./tools");
 // ============================================================================
 // [MENU]
 // ============================================================================
-export class MenuSeparator extends Component {
+class MenuSeparator extends component_1.Component {
 }
-export class MenuTitle extends Label {
+exports.MenuSeparator = MenuSeparator;
+class MenuTitle extends label_1.Label {
 }
-export class Menu extends Popup {
+exports.MenuTitle = MenuTitle;
+class Menu extends popup_1.Popup {
     static watchCount = 0;
     static rootMenu = null;
     m_subMenu;
@@ -129,7 +134,7 @@ export class Menu extends Popup {
         let elOn = ev.target;
         while (elOn) {
             // is mouse on a menu
-            let mouseon = Component.getElement(elOn);
+            let mouseon = component_1.Component.getElement(elOn);
             if (mouseon && (mouseon instanceof Menu /*|| elOn.$el instanceof Menubar*/)) {
                 return;
             }
@@ -152,7 +157,7 @@ export class Menu extends Popup {
         }
         let x, y, align, offset;
         if (args.length == 1) {
-            ({ x, y } = getMousePos(args[0], true));
+            ({ x, y } = (0, tools_1.getMousePos)(args[0], true));
         }
         else {
             [x, y, align, offset] = args;
@@ -163,11 +168,12 @@ export class Menu extends Popup {
         super.displayAt(x, y, align, offset);
     }
 }
-export class MenuItem extends Component {
+exports.Menu = Menu;
+class MenuItem extends component_1.Component {
     m_menu;
     m_isOpen;
     constructor(a, b) {
-        if (isString(a)) {
+        if ((0, tools_1.isString)(a)) {
             super({
                 text: a,
                 click: b
@@ -202,8 +208,8 @@ export class MenuItem extends Component {
         //@bug: do not kill focus on click 
         //	this.setAttribute( 'tabindex', '0' );
         this.setContent([
-            icon < 0 ? null : new Icon({ icon }),
-            new Label({ flex: 1, text })
+            icon < 0 ? null : new icon_1.Icon({ icon }),
+            new label_1.Label({ flex: 1, text })
         ]);
     }
     get id() {
@@ -221,7 +227,7 @@ export class MenuItem extends Component {
     }
     _click(ev) {
         if (!this.isPopup) {
-            this.emit('click', EvClick());
+            this.emit('click', (0, x4_events_1.EvClick)());
             Menu._discardAll();
         }
     }
@@ -232,7 +238,7 @@ export class MenuItem extends Component {
             }
             let doClose = this.m_isOpen;
             // if parent menu has an opened sub menu, close it
-            let parent_menu = Component.getElement(this.dom, Menu);
+            let parent_menu = component_1.Component.getElement(this.dom, Menu);
             if (parent_menu) {
                 parent_menu.hideSubMenu();
             }
@@ -258,10 +264,11 @@ export class MenuItem extends Component {
         }
     }
 }
+exports.MenuItem = MenuItem;
 /**
  *
  */
-export class MenuBar extends HLayout {
+class MenuBar extends layout_1.HLayout {
     m_items;
     constructor(props, opener) {
         super(props);
@@ -274,3 +281,4 @@ export class MenuBar extends HLayout {
         this.setContent(this.m_items);
     }
 }
+exports.MenuBar = MenuBar;

package/lib/messagebox.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 { Dialog } from './dialog';
-import { asap, isHtmlString, isString } from './tools';
-import { HLayout } from './layout';
-import { Icon } from './icon';
-import { Label } from './label';
-import { TextEdit } from './textedit';
-export class MessageBox extends Dialog {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromptDialogBox = exports.MessageBox = void 0;
+const dialog_1 = require("./dialog");
+const tools_1 = require("./tools");
+const layout_1 = require("./layout");
+const icon_1 = require("./icon");
+const label_1 = require("./label");
+const textedit_1 = require("./textedit");
+class MessageBox extends dialog_1.Dialog {
     m_label;
     constructor(props) {
         // remove overloaded elements from DialogBoxProps
@@ -38,11 +41,11 @@ export class MessageBox extends Dialog {
         props.buttons = undefined;
         super(props);
         let msg = props.message;
-        this.form.updateContent(new HLayout({
+        this.form.updateContent(new layout_1.HLayout({
             style: { padding: 8 },
             content: [
-                new Icon({ cls: 'icon', icon }),
-                this.m_label = new Label({ cls: 'text', text: msg, multiline: true })
+                new icon_1.Icon({ cls: 'icon', icon }),
+                this.m_label = new label_1.Label({ cls: 'text', text: msg, multiline: true })
             ]
         }), buttons);
         this.on('btnClick', (ev) => {
@@ -50,7 +53,7 @@ export class MessageBox extends Dialog {
             if (!this.m_props.click) {
                 return;
             }
-            asap(() => {
+            (0, tools_1.asap)(() => {
                 this.m_props.click(ev.button);
             });
         });
@@ -63,7 +66,7 @@ export class MessageBox extends Dialog {
      */
     static show(props) {
         let msg;
-        if (isString(props) || isHtmlString(props)) {
+        if ((0, tools_1.isString)(props) || (0, tools_1.isHtmlString)(props)) {
             msg = new MessageBox({ message: props, click: () => { } });
         }
         else {
@@ -85,7 +88,8 @@ export class MessageBox extends Dialog {
         }).show();
     }
 }
-export class PromptDialogBox extends Dialog {
+exports.MessageBox = MessageBox;
+class PromptDialogBox extends dialog_1.Dialog {
     m_edit;
     constructor(props) {
         // remove overloaded elements from DialogBoxProps
@@ -94,14 +98,14 @@ export class PromptDialogBox extends Dialog {
         props.buttons = undefined;
         props.width = props.width ?? 500;
         super(props);
-        this.form.updateContent(new HLayout({
+        this.form.updateContent(new layout_1.HLayout({
             cls: 'panel',
             content: [
                 //icon ? new Icon({
                 //	cls: 'icon',
                 //	icon: icon
                 //}) : null,
-                this.m_edit = new TextEdit({
+                this.m_edit = new textedit_1.TextEdit({
                     flex: 1,
                     autoFocus: true,
                     label: props.message,
@@ -114,7 +118,7 @@ export class PromptDialogBox extends Dialog {
                 if (ev.button === 'ok') {
                     // no prevent default -> always close the messagebox
                     // asap to allow
-                    asap(() => {
+                    (0, tools_1.asap)(() => {
                         this.m_props.click(this.m_edit.value);
                     });
                 }
@@ -129,7 +133,7 @@ export class PromptDialogBox extends Dialog {
      */
     static show(props, inputCallback) {
         let msg;
-        if (isString(props) || isHtmlString(props)) {
+        if ((0, tools_1.isString)(props) || (0, tools_1.isHtmlString)(props)) {
             msg = new PromptDialogBox({ message: props, click: inputCallback });
         }
         else {
@@ -139,3 +143,4 @@ export class PromptDialogBox extends Dialog {
         return msg;
     }
 }
+exports.PromptDialogBox = PromptDialogBox;