x4js 1.5.18 → 1.5.20

package/lib/cjs/tabbar.js

@@ -1,111 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file tabbar.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 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.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabBar = void 0;
-const component_1 = require("./component");
-const button_1 = require("./button");
-const x4events_1 = require("./x4events");
-class TabBar extends component_1.Container {
-    constructor(props) {
-        var _a;
-        super(props);
-        this.m_pages = [];
-        this.m_curPage = null;
-        this.mapPropEvents(props, 'change');
-        if (props.vertical) {
-            this.addClass('@vlayout');
-        }
-        else {
-            this.addClass('@hlayout');
-        }
-        (_a = this.m_props.pages) === null || _a === void 0 ? void 0 : _a.forEach(p => this.addPage(p));
-    }
-    componentCreated() {
-        if (this.m_props.default) {
-            this.select(this.m_props.default, true);
-        }
-    }
-    addPage(page) {
-        this.m_pages.push(Object.assign({}, page));
-        this._updateContent();
-    }
-    render() {
-        let buttons = [];
-        this.m_pages.forEach(p => {
-            p.btn = new button_1.Button({ cls: p === this.m_curPage ? 'selected' : '', text: p.title, icon: p.icon, click: () => this._select(p, true) });
-            buttons.push(p.btn);
-        });
-        this.setContent(buttons);
-    }
-    select(id, notify = false) {
-        if (!id) {
-            this._select(null, notify);
-            return true;
-        }
-        else {
-            let page = this.m_pages.find(x => x.id === id);
-            if (page) {
-                this._select(page, notify);
-                return true;
-            }
-            return false;
-        }
-    }
-    _select(p, notify) {
-        if (this.m_curPage == p) {
-            return;
-        }
-        if (!this.dom) {
-            this.m_props.default = p.id;
-            return;
-        }
-        if (this.m_curPage) {
-            this.m_curPage.btn.removeClass('selected');
-            if (this.m_curPage.page) {
-                this.m_curPage.page.hide();
-            }
-        }
-        this.m_curPage = p;
-        if (notify) {
-            this.signal('change', (0, x4events_1.EvChange)(p ? p.id : null));
-        }
-        if (this.m_curPage) {
-            this.m_curPage.btn.addClass('selected');
-            if (this.m_curPage.page) {
-                this.m_curPage.page.show();
-            }
-        }
-    }
-    get selection() {
-        var _a;
-        return (_a = this.m_curPage) === null || _a === void 0 ? void 0 : _a.page;
-    }
-}
-exports.TabBar = TabBar;

package/lib/cjs/tabview.js

@@ -1,85 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file tabview.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 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.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabView = void 0;
-const layout_1 = require("./layout");
-const button_1 = require("./button");
-const cardview_1 = require("./cardview");
-/**
- * Standard TabView class
- */
-class TabView extends cardview_1.CardView {
-    constructor(props) {
-        super(props);
-        this.m_tab_selector = props.tab_selector ? true : false;
-        this.m_menu = props.menu;
-        this.addClass('@vlayout');
-    }
-    /** @ignore */
-    render() {
-        let tabs = [];
-        let pages = [];
-        if (this.m_menu) {
-            this.m_menu.addClass('@button @tab-btn');
-            this.m_menu.removeClass('@menu-item');
-            tabs.push(this.m_menu);
-        }
-        this.m_cards.forEach((p) => {
-            tabs.push(p.selector);
-            if (!(p.page instanceof Function)) {
-                pages.push(p.page);
-            }
-        });
-        if (this.m_tab_selector) {
-            pages.unshift(new layout_1.HLayout({
-                cls: '@tab-switch',
-                content: tabs
-            }));
-        }
-        this.setContent(pages);
-    }
-    _updateSelector() {
-    }
-    _prepareSelector(card) {
-        return new button_1.Button({
-            cls: '@tab-btn',
-            text: card.title,
-            icon: card.icon,
-            click: () => { this.switchTo(card.name); }
-        });
-    }
-    _preparePage(page) {
-        super._preparePage(page);
-        if (!page.dom) {
-            this.appendChild(page);
-        }
-    }
-}
-exports.TabView = TabView;

package/lib/cjs/textarea.js

@@ -1,165 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file textarea.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 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.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextArea = void 0;
-const component_1 = require("./component");
-const x4events_1 = require("./x4events");
-const tools_1 = require("./tools");
-class TextArea extends component_1.Component {
-    constructor(props) {
-        super(props);
-        this.mapPropEvents(props, 'change');
-    }
-    /** @ignore */
-    render(props) {
-        var _a, _b;
-        props.text = (_a = props.text) !== null && _a !== void 0 ? _a : '';
-        this.setAttribute('tabindex', (_b = props.tabIndex) !== null && _b !== void 0 ? _b : 0);
-        if (props.spellcheck === false) {
-            this.setAttribute('spellcheck', 'false');
-        }
-        if (props.readOnly !== undefined) {
-            this.setAttribute('readonly', props.readOnly);
-        }
-        if (props.rows) {
-            this.setAttribute('rows', props.rows);
-        }
-        if (props.placeHolder) {
-            this.setAttribute('placeholder', props.placeHolder);
-        }
-        if (props.autoFocus) {
-            this.setAttribute('autofocus', props.autoFocus);
-        }
-        if (props.name) {
-            this.setAttribute('name', props.name);
-        }
-        if (props.autoGrow) {
-            this.m_props.autoGrow = true;
-            this.setAttribute('rows', this._calcHeight(props.text));
-            this.setDomEvent('keydown', () => {
-                (0, tools_1.asap)(() => this._updateHeight());
-            });
-        }
-        // avoid going to next element on enter
-        this.setDomEvent('keydown', (e) => {
-            e.stopPropagation();
-        });
-        this.setTag('textarea');
-        this.setDomEvent('input', () => this._change());
-    }
-    _change() {
-        this.emit('change', (0, x4events_1.EvChange)(this.value));
-    }
-    componentCreated() {
-        this.value = this.m_props.text;
-    }
-    get value() {
-        if (this.dom) {
-            return this.dom.value;
-        }
-        return this.m_props.text;
-    }
-    set value(t) {
-        this.m_props.text = t !== null && t !== void 0 ? t : '';
-        if (this.dom) {
-            this.dom.value = this.m_props.text;
-            if (this.m_props.autoGrow) {
-                this.setAttribute('rows', this._calcHeight(this.m_props.text));
-            }
-        }
-    }
-    get text() {
-        return this.value;
-    }
-    set text(text) {
-        this.value = text;
-    }
-    _calcHeight(text) {
-        return 1 + (text.match(/\n/g) || []).length;
-    }
-    _updateHeight() {
-        const text = this.value;
-        const lines = this._calcHeight(text);
-        if (this.getData('lines') != lines) {
-            this.setAttribute('rows', lines);
-            this.setData('lines', lines);
-        }
-    }
-    /**
-     * @deprected use appendText
-     * insert text at cursor position
-     */
-    insertText(text) {
-        this.appendText(text);
-    }
-    /**
-     * append the text
-     */
-    appendText(text) {
-        if (this.dom) {
-            let dom = this.dom;
-            let end = dom.selectionEnd;
-            dom.setRangeText(text, end, end, "end");
-        }
-    }
-    replaceText(text) {
-        if (this.dom) {
-            let dom = this.dom;
-            dom.setRangeText(text);
-        }
-    }
-    getSelection() {
-        if (this.dom) {
-            let dom = this.dom;
-            return { start: dom.selectionStart, end: dom.selectionEnd };
-        }
-        else {
-            return { start: 0, end: 0 };
-        }
-    }
-    setSelection(sel) {
-        if (this.dom) {
-            let dom = this.dom;
-            if (sel.start !== undefined) {
-                dom.selectionStart = sel.start;
-            }
-            if (sel.end !== undefined) {
-                dom.selectionEnd = sel.end;
-            }
-        }
-    }
-    getStoreValue() {
-        return this.value;
-    }
-    setStoreValue(value) {
-        this.value = value;
-    }
-}
-exports.TextArea = TextArea;