x4js 1.5.18 → 1.5.20

package/lib/esm/radiobtn.js

@@ -1,136 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file radiobtn.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.
-**/
-import { x4document } from './x4dom';
-import { Component } from './component';
-import { EvChange } from './x4events';
-import { Input } from './input';
-import { Label } from './label';
-/**
- * Standard RadioBtn
- */
-export class RadioBtn extends Component {
-    m_ui_input; // todo: remove that / use ref
-    constructor(props) {
-        super(props);
-        this.mapPropEvents(props, 'change');
-    }
-    /** @ignore */
-    render(props) {
-        let text = props.text ?? '';
-        let name = props.name ?? props.group;
-        let labelWidth = props.labelWidth ?? -1;
-        let checked = props.checked ?? false;
-        let align = props.align ?? 'left';
-        let value = props.value;
-        let icon = props.icon;
-        this.setTag('label');
-        this.addClass('@hlayout');
-        this.addClass(align);
-        this._setTabIndex(props.tabIndex);
-        if (checked) {
-            this.addClass('checked');
-        }
-        this.setContent([
-            this.m_ui_input = new Input({
-                type: 'radio',
-                name: name,
-                tabIndex: props.tabIndex,
-                value: value,
-                attrs: {
-                    checked: checked ? '' : undefined
-                },
-                dom_events: {
-                    change: () => this._change(),
-                    focus: () => this.m_ui_input.focus(),
-                }
-            }),
-            new Label({
-                ref: 'label',
-                icon: icon,
-                text: text,
-                width: labelWidth === 'flex' ? undefined : labelWidth,
-                flex: labelWidth === 'flex' ? 1 : undefined,
-                style: {
-                    order: align == 'right' ? -1 : undefined,
-                },
-            })
-        ]);
-    }
-    /**
-     * check state changed
-     */
-    _change() {
-        let props = this.m_props;
-        let query = '.x-input[name=' + props.name + ']';
-        let nlist = x4document.querySelectorAll(query); //todo: document ?
-        nlist.forEach((dom) => {
-            let radio = Component.getElement(dom, RadioBtn);
-            radio.removeClass('checked');
-        });
-        let dom = this.m_ui_input.dom;
-        this.setClass('checked', dom.checked);
-        this.emit('change', EvChange(true));
-    }
-    /**
-     * @return the checked value
-     */
-    get check() {
-        if (this.m_ui_input) {
-            return this.m_ui_input.dom.checked;
-        }
-        return this.m_props.checked;
-    }
-    /**
-     * change the checked value
-     * @param {boolean} ck new checked value
-     */
-    set check(ck) {
-        let dom = this.m_ui_input.dom;
-        if (ck) {
-            //this.addClass( 'checked' );
-            if (dom) {
-                dom.checked = true;
-            }
-            this.m_props.checked = true;
-        }
-        else {
-            //this.removeClass( 'checked' );
-            if (dom) {
-                dom.checked = false;
-            }
-            this.m_props.checked = false;
-        }
-    }
-    get text() {
-        return this.itemWithRef('label').text;
-    }
-    set text(text) {
-        this.itemWithRef('label').text = text;
-    }
-}

package/lib/esm/rating.js

@@ -1,97 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file rating.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.
-**/
-import { Component } from './component';
-import { HLayout } from './layout';
-import { Input } from './input';
-import { EvChange } from './x4events';
-export class Rating extends HLayout {
-    m_els;
-    m_input;
-    constructor(props) {
-        super(props);
-        props.steps = props.steps ?? 5;
-    }
-    render(props) {
-        let shape = props.shape ?? 'star';
-        let value = props.value ?? 0;
-        this.m_input = new Input({
-            cls: '@hidden',
-            name: props.name,
-            value: '' + value
-        });
-        this.addClass(shape);
-        this.setDomEvent('click', (e) => this._onclick(e));
-        this.m_els = [];
-        for (let i = 0; i < props.steps; i++) {
-            let cls = 'item';
-            if (i + 1 <= value) {
-                cls += ' checked';
-            }
-            let c = new Component({
-                tag: 'option',
-                cls,
-                data: { value: i + 1 }
-            });
-            this.m_els.push(c);
-        }
-        this.m_els.push(this.m_input);
-        this.setContent(this.m_els);
-    }
-    getValue() {
-        return this.m_props.value ?? 0;
-    }
-    set value(v) {
-        this.m_props.value = v;
-        for (let c = 0; c < this.m_props.steps; c++) {
-            this.m_els[c].setClass('checked', this.m_els[c].getData('value') <= v);
-        }
-        this.m_input.value = '' + this.m_props.value;
-    }
-    set steps(n) {
-        this.m_props.steps = n;
-        this.update();
-    }
-    set shape(shape) {
-        this.removeClass(this.m_props.shape);
-        this.m_props.shape = shape;
-        this.addClass(this.m_props.shape);
-    }
-    _onclick(ev) {
-        let on = true;
-        for (let el = this.dom.firstChild; el; el = el.nextSibling) {
-            let comp = 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));
-    }
-}

package/lib/esm/request.js

@@ -1,224 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file request.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.
-**/
-/**
- * TODO: use fetch api
- *
-
-async function xx( resp, cb ) {
-    cb( await resp.json() );
-}
-
-async function getToto( cb ) {
-    fetch('home/toto', { method: 'GET' }).then( (resp) => { xx(resp,cb); } );
-}
-
-function dump( resp ) {
-    console.log( resp );
-}
-
-getToto( dump );
-
-*/
-import { isArray, isLiteralObject, isString, NetworkError } from './tools';
-const DEFAULT_TIMEOUT = 10000;
-export function ajaxRequest(cfg) {
-    let params, url = cfg.url, method = cfg.method || 'GET', formdata = false;
-    if (cfg.params instanceof FormData) {
-        params = cfg.params;
-        formdata = true;
-    }
-    else if (method == 'POST') {
-        params = buildQuery(cfg.params, false);
-    }
-    else {
-        url += buildQuery(cfg.params, true);
-    }
-    url = encodeURI(url);
-    let xhr = new XMLHttpRequest();
-    xhr.open(method, url);
-    xhr.upload.addEventListener('progress', progress, false);
-    xhr.addEventListener('timeout', failure);
-    xhr.addEventListener('error', failure);
-    xhr.addEventListener('load', success);
-    if (!formdata) {
-        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
-    }
-    if (method != 'POST') {
-        xhr.responseType = cfg.responseType || 'json';
-        xhr.timeout = cfg.timeout || DEFAULT_TIMEOUT;
-    }
-    if (cfg.headers) {
-        for (let h in cfg.headers) {
-            xhr.setRequestHeader(h, cfg.headers[h]);
-        }
-    }
-    function progress(ev) {
-        console.log(ev);
-        if (cfg.progress) {
-            try {
-                if (ev.lengthComputable) {
-                    let disp = humanSize(ev.loaded) + ' / ' + humanSize(ev.total);
-                    cfg.progress(ev.loaded, ev.total, disp);
-                }
-            }
-            catch (e) {
-                console.error('unhandled exception:', e);
-            }
-        }
-    }
-    function humanSize(bytes) {
-        let unit, value;
-        if (bytes >= 1e9) {
-            unit = 'Gb';
-            value = bytes / 1e9;
-        }
-        else if (bytes >= 1e6) {
-            unit = 'Mb';
-            value = bytes / 1e6;
-        }
-        else if (bytes >= 1e3) {
-            unit = 'Kb';
-            value = bytes / 1e3;
-        }
-        else {
-            unit = 'bytes';
-            value = bytes;
-        }
-        return value.toFixed(2) + unit;
-    }
-    function failure() {
-        if (cfg.failure) {
-            cfg.failure(xhr.status, xhr.statusText, cfg.userData);
-        }
-    }
-    function success() {
-        if (xhr.status >= 200 && xhr.status < 300) {
-            if (cfg.success) {
-                try {
-                    cfg.success(xhr.response, cfg.userData);
-                }
-                catch (e) {
-                    console.error('unhandled exception:', e);
-                }
-            }
-        }
-        else {
-            failure();
-        }
-    }
-    if (formdata || method == 'POST') {
-        xhr.send(params);
-    }
-    else {
-        xhr.send();
-    }
-    return function () {
-        xhr.abort();
-    };
-}
-function buildQuery(params, getMethod) {
-    if (!params) {
-        return '';
-    }
-    let query = [];
-    for (let key in params) {
-        let param = params[key];
-        // array
-        if (isArray(param)) {
-            for (let i = 0, n = param.length; i < n; i++) {
-                query.push(encodeURIComponent(key) + '[]=' + encodeURIComponent('' + param[i]));
-            }
-        }
-        // simple string ...
-        else {
-            if (param === undefined) {
-                param = '';
-            }
-            query.push(encodeURIComponent(key) + '=' + encodeURIComponent('' + param));
-        }
-    }
-    let result = query.join('&');
-    if (getMethod) {
-        return '?' + result;
-    }
-    else {
-        return result;
-    }
-}
-export async function ajaxAsJSON(url, init) {
-    let response = await ajax(url, init, 'application/json');
-    return response.json();
-}
-export async function ajaxAsText(url, init) {
-    let response = await ajax(url, init, 'text/plain');
-    return response.text();
-}
-/**
- * use encodeURIComponent for elements in url
- */
-export async function ajax(url, init, type) {
-    let options = {
-        method: 'GET',
-        headers: {
-            'X-Requested-With': 'XMLHttpRequest'
-        }
-    };
-    if (type) {
-        options.headers['Content-Type'] = type;
-    }
-    if (init) {
-        options = { ...options, ...init };
-        if (init.body && !isString(init.body)) {
-            let cvt = false;
-            if (isLiteralObject(init.body)) {
-                cvt = true;
-            }
-            else if (!(init.body instanceof Blob) && !(init.body instanceof ArrayBuffer) && !(init.body instanceof FormData) &&
-                !(init.body instanceof URLSearchParams) && !(init.body instanceof ReadableStream)) {
-                cvt = true;
-            }
-            if (cvt) {
-                options.body = JSON.stringify(init.body);
-            }
-            else {
-                options.body = init.body;
-            }
-        }
-    }
-    let response = await fetch(url, options);
-    if (init && init.noGenX) {
-        return response;
-    }
-    else {
-        if (!response.ok) {
-            throw new NetworkError(response);
-        }
-        return response;
-    }
-}

package/lib/esm/router.js

@@ -1,136 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file router.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.
-**/
-import { x4document } from './x4dom';
-import { EventSource, EvError } from "./x4events";
-function parseRoute(str, loose = false) {
-    if (str instanceof RegExp) {
-        return {
-            keys: null,
-            pattern: str
-        };
-    }
-    const arr = str.split('/');
-    let keys = [];
-    let pattern = '';
-    if (arr[0] == '') {
-        arr.shift();
-    }
-    for (const tmp of arr) {
-        const c = tmp[0];
-        if (c === '*') {
-            keys.push('wild');
-            pattern += '/(.*)';
-        }
-        else if (c === ':') {
-            const o = tmp.indexOf('?', 1);
-            const ext = tmp.indexOf('.', 1);
-            keys.push(tmp.substring(1, o >= 0 ? o : ext >= 0 ? ext : tmp.length));
-            pattern += o >= 0 && ext < 0 ? '(?:/([^\/]+?))?' : '/([^\/]+?)';
-            if (ext >= 0) {
-                pattern += (o >= 0 ? '?' : '') + '\\' + tmp.substring(ext);
-            }
-        }
-        else {
-            pattern += '/' + tmp;
-        }
-    }
-    return {
-        keys,
-        pattern: new RegExp(`^${pattern}${loose ? '(?=$|\/)' : '\/?$'}`, 'i')
-    };
-}
-export class Router extends EventSource {
-    routes;
-    constructor() {
-        super();
-        this.routes = [];
-        window.addEventListener('popstate', (event) => {
-            const url = x4document.location.pathname;
-            const found = this._find(url);
-            found.handlers.forEach(h => {
-                h(found.params, url);
-            });
-        });
-    }
-    get(uri, handler) {
-        let { keys, pattern } = parseRoute(uri);
-        this.routes.push({ keys, pattern, handler });
-    }
-    init() {
-        this.navigate(window.location.pathname);
-    }
-    navigate(uri, notify = true) {
-        const found = this._find(uri);
-        if (!found || found.handlers.length == 0) {
-            //window.history.pushState({}, '', 'error')
-            console.log('route not found: ' + uri);
-            this.signal("error", EvError(404, "route not found"));
-            return;
-        }
-        window.history.pushState({}, '', uri);
-        if (notify) {
-            found.handlers.forEach(h => {
-                h(found.params, uri);
-            });
-        }
-    }
-    _find(url) {
-        let matches = [];
-        let params = {};
-        let handlers = [];
-        for (const tmp of this.routes) {
-            if (!tmp.keys) {
-                matches = tmp.pattern.exec(url);
-                if (!matches) {
-                    continue;
-                }
-                if (matches['groups']) {
-                    for (const k in matches['groups']) {
-                        params[k] = matches['groups'][k];
-                    }
-                }
-                handlers = [...handlers, tmp.handler];
-            }
-            else if (tmp.keys.length > 0) {
-                matches = tmp.pattern.exec(url);
-                if (matches === null) {
-                    continue;
-                }
-                for (let j = 0; j < tmp.keys.length;) {
-                    params[tmp.keys[j]] = matches[++j];
-                }
-                handlers = [...handlers, tmp.handler];
-            }
-            else if (tmp.pattern.test(url)) {
-                handlers = [...handlers, tmp.handler];
-            }
-        }
-        return { params, handlers };
-    }
-}

package/lib/esm/settings.js

@@ -1,66 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file local_storage.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.
-**/
-export class Settings {
-    m_data;
-    m_name;
-    constructor(name) {
-        this.m_data = null;
-        this.m_name = name ?? 'settings';
-    }
-    set(name, value) {
-        this._load();
-        this.m_data[name] = value;
-        this._save();
-    }
-    get(name, defValue) {
-        this._load();
-        return this.m_data[name] ?? defValue;
-    }
-    _save() {
-        let data = JSON.stringify(this.m_data);
-        localStorage.setItem(this.m_name, data);
-    }
-    _load() {
-        if (this.m_data) {
-            return;
-        }
-        this.m_data = {};
-        let data = localStorage.getItem(this.m_name);
-        if (data !== null) {
-            data = JSON.parse(data);
-            if (data) {
-                this.m_data = data;
-            }
-            else {
-                console.info('There was an error attempting to read your settings.');
-            }
-        }
-        // console.info('There was an error attempting to read your settings.');
-    }
-}