x4js 1.5.17 → 1.5.20

package/lib/cjs/property_editor.js

@@ -1,252 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file propertyeditor.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.PropertyEditor = void 0;
-const component_1 = require("./component");
-const x4events_1 = require("./x4events");
-const input_1 = require("./input");
-const textedit_1 = require("./textedit");
-const checkbox_1 = require("./checkbox");
-const spreadsheet_1 = require("./spreadsheet");
-const i18n_1 = require("./i18n");
-class PropertyEditor extends component_1.Component {
-    constructor(props) {
-        super(props);
-        this.mapPropEvents(props, 'change');
-    }
-    render(props) {
-        var _a;
-        this.m_record = props.record;
-        this.m_fields = (_a = props.fields) !== null && _a !== void 0 ? _a : [];
-        this.m_label_w = props.labelWidth;
-        this.m_sheet = new spreadsheet_1.Spreadsheet({
-            cls: '@fit',
-            columns: [
-                {
-                    title: i18n_1._tr.global.property,
-                    width: this.m_label_w > 0 ? this.m_label_w : -1,
-                    cls: 'property'
-                },
-                {
-                    title: i18n_1._tr.global.value,
-                    width: -1,
-                    createEditor: (...a) => this._editCell(...a),
-                    renderer: (...a) => this._renderCell(...a)
-                },
-            ],
-            autoedit: true,
-            change: (e) => this._cellChange(e)
-        });
-        this._updateProperties();
-        this.setContent(this.m_sheet);
-    }
-    setFields(fields) {
-        if (fields) {
-            this.m_fields = fields;
-            this._updateProperties();
-        }
-        else {
-            this.m_sheet.clearData();
-        }
-    }
-    setRecord(record) {
-        this.m_record = record;
-        this._updateProperties();
-    }
-    _updateProperties() {
-        this.m_sheet.lockUpdate(true);
-        this.m_sheet.clearData();
-        this.m_fields.forEach((fld, lno) => {
-            this.m_sheet.setCellText(lno, 0, fld.title);
-            if (this.m_record) {
-                this.m_sheet.setCellText(lno, 1, this.m_record.getField(fld.id));
-            }
-            else {
-                this.m_sheet.setCellText(lno, 1, fld.value);
-            }
-        });
-        this.m_sheet.lockUpdate(false);
-    }
-    _cellChange(ev) {
-        let ctx = ev.context;
-        let text = ev.value;
-        if (ctx.col != 1) {
-            return;
-        }
-        let fld = this.m_fields[ctx.row];
-        switch (fld.type) {
-            default:
-            case 'string': {
-                break;
-            }
-            case 'number': {
-                break;
-            }
-            case 'password': {
-                break;
-            }
-            case 'boolean': {
-                break;
-            }
-            case 'choice': {
-                /*
-                let cprops = <ComboBoxProps>fprops;
-                if( cprops!==fld.props ) {
-                    
-                    let choices;
-                    if( isArray(fld.values) ) {
-                        choices = this._choicesFromArray( fld.values );
-                    }
-                    else if( fld.values instanceof DataStore ) {
-                        choices = this._choicesFromStore( fld.values, 'name' );
-                    }
-                                                
-                    cprops.items = choices;
-                }
-
-                editor = new ComboBox( cprops );
-                */
-                break;
-            }
-        }
-        if (this.m_record) {
-            this.m_record.setField(fld.id, text);
-        }
-        else {
-            fld.value = text;
-        }
-        this.emit('change', (0, x4events_1.EvChange)(text, fld));
-    }
-    _renderCell(text, rec) {
-        let fld = this.m_fields[rec.row];
-        switch (fld.type) {
-            default:
-            case 'string': {
-                break;
-            }
-            case 'number': {
-                break;
-            }
-            case 'password': {
-                text = '●●●●●●';
-                break;
-            }
-            case 'boolean': {
-                break;
-            }
-            case 'choice': {
-                /*
-                let cprops = <ComboBoxProps>fprops;
-                if( cprops!==fld.props ) {
-                    
-                    let choices;
-                    if( isArray(fld.values) ) {
-                        choices = this._choicesFromArray( fld.values );
-                    }
-                    else if( fld.values instanceof DataStore ) {
-                        choices = this._choicesFromStore( fld.values, 'name' );
-                    }
-                                                
-                    cprops.items = choices;
-                }
-
-                editor = new ComboBox( cprops );
-                */
-                break;
-            }
-        }
-        return text;
-    }
-    _editCell(props, row, col) {
-        let fld = this.m_fields[row];
-        let editor;
-        switch (fld.type) {
-            default:
-            case 'string': {
-                editor = new textedit_1.TextEdit(props);
-                break;
-            }
-            case 'number': {
-                editor = new textedit_1.TextEdit(props);
-                break;
-            }
-            case 'password': {
-                props.type = 'password';
-                props.value = this.m_record.getField(fld.id);
-                editor = new input_1.Input(props);
-                break;
-            }
-            case 'boolean': {
-                editor = new checkbox_1.CheckBox(props);
-                break;
-            }
-            case 'choice': {
-                /*let cprops = <ComboBoxProps>props;
-                if( cprops!==fld.props ) {
-                    
-                    let choices;
-                    if( isArray(fld.values) ) {
-                        choices = this._choicesFromArray( fld.values );
-                    }
-                    else if( fld.values instanceof DataStore ) {
-                        choices = this._choicesFromStore( fld.values, 'name' );
-                    }
-                                                
-                    cprops.items = choices;
-                }
-
-                editor = new ComboBox( cprops );
-                */
-                break;
-            }
-        }
-        return editor;
-    }
-    _choicesFromArray(values) {
-        let choices = values.map((e) => {
-            if (typeof (e) == 'object') {
-                return { id: e.id, text: e.value };
-            }
-            else {
-                return { id: e, text: '' + e };
-            }
-        });
-        return choices;
-    }
-    _choicesFromStore(view, field) {
-        let choices = [];
-        for (let i = 0, n = view.count; i < n; i++) {
-            let rec = view.getByIndex(i);
-            choices.push({ id: rec.getID(), text: rec.getField(field) });
-        }
-        return choices;
-    }
-}
-exports.PropertyEditor = PropertyEditor;

package/lib/cjs/radiobtn.js

@@ -1,140 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @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.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioBtn = void 0;
-const x4dom_1 = require("./x4dom");
-const component_1 = require("./component");
-const x4events_1 = require("./x4events");
-const input_1 = require("./input");
-const label_1 = require("./label");
-/**
- * Standard RadioBtn
- */
-class RadioBtn extends component_1.Component {
-    constructor(props) {
-        super(props);
-        this.mapPropEvents(props, 'change');
-    }
-    /** @ignore */
-    render(props) {
-        var _a, _b, _c, _d, _e;
-        let text = (_a = props.text) !== null && _a !== void 0 ? _a : '';
-        let name = (_b = props.name) !== null && _b !== void 0 ? _b : props.group;
-        let labelWidth = (_c = props.labelWidth) !== null && _c !== void 0 ? _c : -1;
-        let checked = (_d = props.checked) !== null && _d !== void 0 ? _d : false;
-        let align = (_e = props.align) !== null && _e !== void 0 ? _e : '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_1.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_1.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 = x4dom_1.x4document.querySelectorAll(query); //todo: document ?
-        nlist.forEach((dom) => {
-            let radio = component_1.Component.getElement(dom, RadioBtn);
-            radio.removeClass('checked');
-        });
-        let dom = this.m_ui_input.dom;
-        this.setClass('checked', dom.checked);
-        this.emit('change', (0, x4events_1.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;
-    }
-}
-exports.RadioBtn = RadioBtn;

package/lib/cjs/rating.js

@@ -1,102 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @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.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Rating = void 0;
-const component_1 = require("./component");
-const layout_1 = require("./layout");
-const input_1 = require("./input");
-const x4events_1 = require("./x4events");
-class Rating extends layout_1.HLayout {
-    constructor(props) {
-        var _a;
-        super(props);
-        props.steps = (_a = props.steps) !== null && _a !== void 0 ? _a : 5;
-    }
-    render(props) {
-        var _a, _b;
-        let shape = (_a = props.shape) !== null && _a !== void 0 ? _a : 'star';
-        let value = (_b = props.value) !== null && _b !== void 0 ? _b : 0;
-        this.m_input = new input_1.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_1.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() {
-        var _a;
-        return (_a = this.m_props.value) !== null && _a !== void 0 ? _a : 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_1.Component.getElement(el);
-            comp.setClass('checked', on);
-            if (el == ev.target) {
-                this.m_input.value = comp.getData('value');
-                on = false;
-            }
-        }
-        this.emit('change', (0, x4events_1.EvChange)(this.m_props.value));
-    }
-}
-exports.Rating = Rating;