x4js 1.4.3 → 1.4.4

package/lib/layout.js

@@ -1,261 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|
-*  /__/\__\   |_|
-*
- * @file layout.ts
- * @author Etienne Cochard
- * @license
- * Copyright (c) 2019-2021 R-libre ingenierie
- *
- *	This program is free software; you can redistribute it and/or modify
- *	it under the terms of the GNU General Public License as published by
- *	the Free Software Foundation; either version 3 of the License, or
- *	(at your option) any later version.
- *
- *	This program is distributed in the hope that it will be useful,
- *	but WITHOUT ANY WARRANTY; without even the implied warranty of
- *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *	GNU General Public License for more details.
- *
- *	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';
-// ============================================================================
-// [ABSLAYOUT]
-// ============================================================================
-export class AbsLayout extends Container {
-}
-// ============================================================================
-// [HLAYOUT]
-// ============================================================================
-export class HLayout extends Container {
-}
-// ============================================================================
-// [VLAYOUT]
-// ============================================================================
-export class VLayout extends Container {
-}
-export class AutoLayout extends Container {
-    constructor(props) {
-        super(props);
-        this.setDomEvent('sizechange', () => this._updateLayout());
-    }
-    componentCreated() {
-        super.componentCreated();
-        this._updateLayout();
-    }
-    _updateLayout() {
-        let horz = this.m_props.defaultLayout == 'horizontal' ? true : false;
-        if (this.m_props.switchSize <= 0 && window.screen.height > window.screen.width) {
-            horz = !horz;
-        }
-        else {
-            let rc = this.getBoundingRect();
-            if ((horz && rc.width < this.m_props.switchSize) || (!horz && rc.height < this.m_props.switchSize)) {
-                horz = !horz;
-            }
-        }
-        if (horz) {
-            this.removeClass('@vlayout');
-            this.addClass('@hlayout');
-        }
-        else {
-            this.addClass('@vlayout');
-            this.removeClass('@hlayout');
-        }
-    }
-}
-export class GridLayout extends Container {
-    constructor(props) {
-        /// @ts-ignore
-        // Argument of type 'GridLayoutProps' is not assignable to parameter of type 'P'.
-        // 'GridLayoutProps' is assignable to the constraint of type 'P', but 'P' could be instantiated with a different subtype of constraint 'GridLayoutProps'.
-        super(props);
-    }
-    /** @ignore */
-    render() {
-        if (this.m_props.colSizes) {
-            this.setStyleValue('grid-template-columns', this.m_props.colSizes);
-        }
-        if (this.m_props.rowSizes) {
-            this.setStyleValue('grid-template-rows', this.m_props.rowSizes);
-        }
-        if (this.m_props.colGap) {
-            this.setStyleValue('grid-gap', this.m_props.colGap);
-        }
-        if (this.m_props.template) {
-            this.setStyleValue('grid-template-areas', this.m_props.template.join('\n'));
-        }
-    }
-}
-export class TableLayout extends Container {
-    m_cells;
-    constructor(props) {
-        super(props);
-        this.setProp('tag', 'table');
-        this.m_cells = new Map();
-    }
-    _getCell(row, col, create = true) {
-        let idx = _mkid(row, col);
-        return this.m_cells.get(idx) ?? (create ? { item: undefined } : null);
-    }
-    _setCell(row, col, cell, update = false) {
-        let idx = _mkid(row, col);
-        this.m_cells.set(idx, cell);
-        if (this.dom && cell.item && update) {
-            if (cell.item instanceof Component) {
-                cell.item.update();
-            }
-            else {
-                this.enumChilds((c) => {
-                    let crow = c.getData('row');
-                    if (crow == row) {
-                        let ccol = c.getData('col');
-                        if (ccol == col) {
-                            c.setContent(cell.item);
-                            c.update();
-                            return true;
-                        }
-                    }
-                });
-            }
-        }
-    }
-    setCell(row, col, item) {
-        let cell = this._getCell(row, col);
-        cell.item = item;
-        this._setCell(row, col, cell, true);
-    }
-    merge(row, col, rowCount, colCount) {
-        let cell = this._getCell(row, col);
-        cell.rowSpan = rowCount;
-        cell.colSpan = colCount;
-        this._setCell(row, col, cell);
-    }
-    setCellWidth(row, col, width) {
-        let cell = this._getCell(row, col);
-        cell.width = width;
-        this._setCell(row, col, cell);
-    }
-    setCellHeight(row, col, height) {
-        let cell = this._getCell(row, col);
-        cell.height = height;
-        this._setCell(row, col, cell);
-    }
-    setCellClass(row, col, cls) {
-        let cell = this._getCell(row, col);
-        cell.cls = cls;
-        this._setCell(row, col, cell);
-    }
-    setColClass(col, cls) {
-        let cell = this._getCell(-1, col);
-        cell.cls = cls;
-        this._setCell(-1, col, cell);
-    }
-    setRowClass(row, cls) {
-        let cell = this._getCell(row, 999);
-        cell.cls = cls;
-        this._setCell(row, 999, cell);
-    }
-    getCell(row, col) {
-        let cell = this._getCell(row, col);
-        return cell?.item;
-    }
-    render() {
-        let rows = [];
-        let skip = [];
-        for (let r = 0; r < this.m_props.rows; r++) {
-            let cols = [];
-            for (let c = 0; c < this.m_props.columns; c++) {
-                let idx = _mkid(r, c);
-                if (skip.indexOf(idx) >= 0) {
-                    continue;
-                }
-                let cell = this.m_cells.get(idx);
-                let cdata = this.m_cells.get(_mkid(-1, c));
-                let cls = '';
-                if (cell && cell.cls) {
-                    cls = cell.cls;
-                }
-                if (cdata && cdata.cls) {
-                    cls += ' ' + cdata.cls;
-                }
-                let cc = new Component({
-                    tag: 'td',
-                    content: cell?.item,
-                    width: cell?.width,
-                    height: cell?.height,
-                    data: { row: r, col: c },
-                    cls
-                });
-                if (cell) {
-                    let rs = cell.rowSpan ?? 0, cs = cell.colSpan ?? 0;
-                    if (rs > 0) {
-                        cc.setAttribute('rowspan', rs + 1);
-                    }
-                    if (cs > 0) {
-                        cc.setAttribute('colspan', cs + 1);
-                    }
-                    if (rs || cs) {
-                        for (let sr = 0; sr <= rs; sr++) {
-                            for (let sc = 0; sc <= cs; sc++) {
-                                skip.push(_mkid(sr + r, sc + c));
-                            }
-                        }
-                    }
-                }
-                cols.push(cc);
-            }
-            let rdata = this._getCell(r, 999, false);
-            let rr = new Component({
-                tag: 'tr',
-                data: { row: r },
-                content: cols,
-                cls: rdata?.cls
-            });
-            rows.push(rr);
-        }
-        this.setContent(rows);
-    }
-}
-/**
- * @ignore
- */
-function _mkid(row, col) {
-    return row * 1000 + col;
-}
-/**
- * @ignore
- */
-function _getid(key) {
-    return {
-        row: Math.floor(key / 1000) | 0,
-        col: (key % 1000) | 0
-    };
-}
-export class ScrollView extends Component {
-    constructor(props) {
-        super(props);
-        this.setContent(props.content);
-    }
-    setContent(content) {
-        if (!content) {
-            super.setContent(null);
-        }
-        else {
-            let container;
-            if (isArray(content)) {
-                container = new VLayout({ content });
-            }
-            else {
-                container = content;
-            }
-            container.addClass('@scroll-container');
-            super.setContent(container);
-        }
-    }
-}

package/lib/list.txt

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

package/lib/menu.d.ts

@@ -1,122 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file menu.ts
-* @author Etienne Cochard
-* @license
-* Copyright (c) 2019-2021 R-libre ingenierie
-*
-* This program is free software; you can redistribute it and/or modify
-* it under the terms of the GNU General Public License as published by
-* the Free Software Foundation; either version 3 of the License, or
-* (at your option) any later version.
-*
-* This program is distributed in the hope that it will be useful,
-* but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-* GNU General Public License for more details.
-*
-* 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 { CEventMap, Component, CProps } from './component';
-import { EvClick, EventCallback } from './x4_events';
-import { Popup, PopupProps } from './popup';
-import { IconID } from './icon';
-import { Label } from './label';
-import { HLayout } from './layout';
-export declare class MenuSeparator extends Component {
-}
-export declare class MenuTitle extends Label {
-}
-/**
- * Standard Menu
- */
-export declare type MenuOrSep = MenuItem | MenuSeparator | MenuTitle;
-export interface MenuProps extends PopupProps {
-    items?: MenuOrSep[];
-}
-export declare class Menu extends Popup<MenuProps> {
-    private static watchCount;
-    private static rootMenu;
-    protected m_subMenu: Menu;
-    protected m_opener: MenuItem;
-    protected m_virtual: boolean;
-    protected m_lock: number;
-    constructor(props: MenuProps, opener?: MenuItem);
-    lock(yes: boolean): void;
-    setVirtual(): void;
-    setSubMenu(menu: Menu): void;
-    hideSubMenu(): void;
-    /** @ignore */
-    render(props: MenuProps): void;
-    /**
-    *
-    */
-    show(): void;
-    /**
-     *
-    */
-    close(): void;
-    /**
-     *
-     */
-    clear(): void;
-    /**
-    * @internal
-    */
-    static _addMenu(menu: any): void;
-    static _removeMenu(): void;
-    private static _mouseWatcher;
-    /**
-    * hide all the visible menus
-    */
-    static _discardAll(): void;
-    displayAt(ev: UIEvent): void;
-    displayAt(x: number, y?: number, align?: string, offset?: {
-        x: any;
-        y: any;
-    }): void;
-}
-/**
- * MENU ITEM
- */
-interface MenuItemEventMap extends CEventMap {
-    click: EvClick;
-}
-export interface MenuItemProps extends CProps {
-    itemId?: any;
-    text?: string;
-    icon?: IconID;
-    items?: MenuOrSep[];
-    checked?: boolean;
-    cls?: string;
-    click?: EventCallback<EvClick>;
-}
-export declare class MenuItem extends Component<MenuItemProps, MenuItemEventMap> {
-    private m_menu;
-    private m_isOpen;
-    constructor(text: string, click: EventCallback<EvClick>);
-    constructor(props: MenuItemProps);
-    /** @ignore */
-    render(props: MenuItemProps): void;
-    get id(): any;
-    get text(): string;
-    get isPopup(): boolean;
-    _close(): void;
-    protected _click(ev: MouseEvent): void;
-    protected _mousedown(ev: MouseEvent): void;
-}
-/**
- *
- */
-export declare class MenuBar extends HLayout {
-    protected m_items: MenuOrSep[];
-    constructor(props: MenuProps, opener?: MenuItem);
-    /** @ignore */
-    render(): void;
-}
-export {};

package/lib/menu.js

@@ -1,276 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file menu.ts
-* @author Etienne Cochard
-* @license
-* Copyright (c) 2019-2021 R-libre ingenierie
-*
-* This program is free software; you can redistribute it and/or modify
-* it under the terms of the GNU General Public License as published by
-* the Free Software Foundation; either version 3 of the License, or
-* (at your option) any later version.
-*
-* This program is distributed in the hope that it will be useful,
-* but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-* GNU General Public License for more details.
-*
-* 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';
-// ============================================================================
-// [MENU]
-// ============================================================================
-export class MenuSeparator extends Component {
-}
-export class MenuTitle extends Label {
-}
-export class Menu extends Popup {
-    static watchCount = 0;
-    static rootMenu = null;
-    m_subMenu;
-    m_opener;
-    m_virtual;
-    m_lock;
-    constructor(props, opener) {
-        super(props);
-        this.addClass('@shadow');
-        this.m_opener = opener;
-        this.m_virtual = false;
-        this.m_lock = 0;
-        this.enableMask(false);
-    }
-    lock(yes) {
-        this.m_lock += yes ? 1 : -1;
-    }
-    setVirtual() {
-        this.m_virtual = true;
-    }
-    setSubMenu(menu) {
-        this.m_subMenu = menu;
-    }
-    hideSubMenu() {
-        if (this.m_subMenu) {
-            this.m_subMenu.m_opener._close();
-            this.m_subMenu.hide();
-            this.m_subMenu = null;
-        }
-    }
-    /** @ignore */
-    render(props) {
-        this.setContent(props.items);
-    }
-    /**
-    *
-    */
-    show() {
-        if (!this.m_virtual) {
-            Menu._addMenu(this);
-        }
-        super.show();
-    }
-    /**
-     *
-    */
-    close() {
-        if (!this.dom && !this.m_virtual) {
-            return;
-        }
-        if (this.m_opener) {
-            this.m_opener._close();
-        }
-        if (this.m_subMenu) {
-            this.m_subMenu.close();
-            this.m_subMenu = null;
-        }
-        super.close();
-        Menu._removeMenu();
-    }
-    /**
-     *
-     */
-    clear() {
-        this.m_props.items = [];
-    }
-    /**
-    * @internal
-    */
-    static _addMenu(menu) {
-        //console.log( 'addmenu' );
-        if (Menu.watchCount == 0) {
-            Menu.rootMenu = menu;
-            document.addEventListener('mousedown', Menu._mouseWatcher);
-        }
-        Menu.watchCount++;
-    }
-    static _removeMenu() {
-        //console.log( 'removemenu' );
-        console.assert(Menu.watchCount > 0);
-        Menu.watchCount--;
-        if (Menu.watchCount == 0) {
-            document.removeEventListener('mousedown', Menu._mouseWatcher);
-        }
-    }
-    static _mouseWatcher(ev) {
-        if (ev.defaultPrevented) {
-            return;
-        }
-        let elOn = ev.target;
-        while (elOn) {
-            // is mouse on a menu
-            let mouseon = Component.getElement(elOn);
-            if (mouseon && (mouseon instanceof Menu /*|| elOn.$el instanceof Menubar*/)) {
-                return;
-            }
-            elOn = elOn.parentElement;
-        }
-        Menu._discardAll();
-    }
-    /**
-    * hide all the visible menus
-    */
-    static _discardAll() {
-        if (Menu.rootMenu) {
-            Menu.rootMenu.close();
-            Menu.rootMenu = null;
-        }
-    }
-    displayAt(...args) {
-        if (!this.m_lock) {
-            Menu._discardAll();
-        }
-        let x, y, align, offset;
-        if (args.length == 1) {
-            ({ x, y } = getMousePos(args[0], true));
-        }
-        else {
-            [x, y, align, offset] = args;
-        }
-        if (!align) {
-            align = 'top left';
-        }
-        super.displayAt(x, y, align, offset);
-    }
-}
-export class MenuItem extends Component {
-    m_menu;
-    m_isOpen;
-    constructor(a, b) {
-        if (isString(a)) {
-            super({
-                text: a,
-                click: b
-            });
-        }
-        else {
-            super(a);
-        }
-        this.mapPropEvents(this.m_props, 'click');
-        this.m_menu = null;
-        this.m_isOpen = false;
-        this.setDomEvent('mousedown', (e) => this._mousedown(e));
-        this.setDomEvent('click', (e) => this._click(e));
-    }
-    /** @ignore */
-    render(props) {
-        let icon = props.icon ?? 0x20;
-        let text = props.text;
-        if (props.checked !== undefined) {
-            icon = props.checked ? 'cls(far fa-check)' : 0; //todo: use stylesheet
-        }
-        if (this.isPopup) {
-            this.addClass('@popup-menu-item');
-        }
-        if (!text && !icon) {
-            this.addClass('@separator');
-        }
-        if (props.cls) {
-            this.addClass(props.cls);
-        }
-        this.setProp('tag', 'a');
-        //@bug: do not kill focus on click 
-        //	this.setAttribute( 'tabindex', '0' );
-        this.setContent([
-            icon < 0 ? null : new Icon({ icon }),
-            new Label({ flex: 1, text })
-        ]);
-    }
-    get id() {
-        return this.m_props.itemId;
-    }
-    get text() {
-        return this.m_props.text;
-    }
-    get isPopup() {
-        return !!this.m_props.items;
-    }
-    _close() {
-        this.removeClass('@opened');
-        this.m_isOpen = false;
-    }
-    _click(ev) {
-        if (!this.isPopup) {
-            this.emit('click', EvClick());
-            Menu._discardAll();
-        }
-    }
-    _mousedown(ev) {
-        if (this.isPopup) {
-            if (!this.m_menu) {
-                this.m_menu = new Menu({ items: this.m_props.items }, this);
-            }
-            let doClose = this.m_isOpen;
-            // if parent menu has an opened sub menu, close it
-            let parent_menu = Component.getElement(this.dom, Menu);
-            if (parent_menu) {
-                parent_menu.hideSubMenu();
-            }
-            if (!doClose) {
-                if (parent_menu) {
-                    parent_menu.setSubMenu(this.m_menu);
-                }
-                this.m_isOpen = true;
-                let rc = this.getBoundingRect();
-                this.m_menu.lock(true);
-                if (parent_menu) {
-                    // standard menu
-                    this.m_menu.displayAt(rc.right, rc.top);
-                }
-                else {
-                    // menubar / menubutton
-                    this.m_menu.displayAt(rc.left, rc.bottom);
-                }
-                this.m_menu.lock(false);
-                this.addClass('@opened');
-            }
-            ev.preventDefault();
-        }
-    }
-}
-/**
- *
- */
-export class MenuBar extends HLayout {
-    m_items;
-    constructor(props, opener) {
-        super(props);
-        console.assert(false, 'not imp');
-        this.addClass('@shadow');
-        this.m_items = props.items;
-    }
-    /** @ignore */
-    render() {
-        this.setContent(this.m_items);
-    }
-}