x4js 1.4.2 → 1.4.5

package/lib/textedit.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,22 +23,24 @@
 *
 * 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, EvFocus } from './component';
-import { Input } from './input';
-import { Button } from './button';
-import { HLayout } from './layout';
-import { Label } from './label';
-import { PopupCalendar } from './calendar';
-import { sprintf, parseIntlDate, formatIntlDate } from './tools';
-import { Tooltip } from './tooltips';
-import { EvClick, EvChange } from './x4_events';
-import { _tr } from './i18n';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextEdit = void 0;
+const component_1 = require("./component");
+const input_1 = require("./input");
+const button_1 = require("./button");
+const layout_1 = require("./layout");
+const label_1 = require("./label");
+const calendar_1 = require("./calendar");
+const tools_1 = require("./tools");
+const tooltips_1 = require("./tooltips");
+const x4_events_1 = require("./x4_events");
+const i18n_1 = require("./i18n");
 /** @ignore */
 const reEmail = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 /**
  * TextEdit is a single line editor, it can have a label and an error descriptor.
  */
-export class TextEdit extends Component {
+class TextEdit extends component_1.Component {
     m_cal_popup;
     m_ui_input;
     m_error_tip;
@@ -94,18 +97,18 @@ export class TextEdit extends Component {
             };
             eprops.value_hook = props.value_hook ?? def_hook;
         }
-        this.m_ui_input = new Input(eprops);
+        this.m_ui_input = new input_1.Input(eprops);
         //	button
         let button = undefined;
         if (props.icon) {
-            button = new Button({
+            button = new button_1.Button({
                 icon: props.icon,
                 click: () => this._btnClick(),
                 tabIndex: false
             });
         }
         else if (props.type == 'date') {
-            button = new Button({
+            button = new button_1.Button({
                 cls: 'gadget',
                 icon: 'cls(far fa-calendar-days)',
                 tabIndex: false,
@@ -140,7 +143,7 @@ export class TextEdit extends Component {
                 top = true;
                 flex = 1;
             }
-            label = new Label({
+            label = new label_1.Label({
                 ref: 'label',
                 tag: 'label',
                 cls: 'label1' + (props.label ? '' : ' @hidden'),
@@ -155,7 +158,7 @@ export class TextEdit extends Component {
             this.addClass('@vlayout vertical');
             this.setContent([
                 label,
-                new HLayout({ width, content: [this.m_ui_input, ...gadgets] })
+                new layout_1.HLayout({ width, content: [this.m_ui_input, ...gadgets] })
             ]);
         }
         else {
@@ -174,7 +177,7 @@ export class TextEdit extends Component {
         super.disable();
     }
     _btnClick() {
-        this.emit('click', EvClick(this.value));
+        this.emit('click', (0, x4_events_1.EvClick)(this.value));
     }
     /**
      * select the value format for input/output on textedit of type date
@@ -191,23 +194,23 @@ export class TextEdit extends Component {
         return this.m_ui_input.getStoreValue();
     }
     _date_get_hook() {
-        let date = parseIntlDate(this.value);
+        let date = (0, tools_1.parseIntlDate)(this.value);
         let props = this.m_props;
         if (props.format == 'native') {
             return date;
         }
         else {
-            return date ? formatIntlDate(date, props.format) : null;
+            return date ? (0, tools_1.formatIntlDate)(date, props.format) : null;
         }
     }
     _date_set_hook(dte) {
         let props = this.m_props;
         if (props.format == 'native') {
-            this.value = formatIntlDate(dte);
+            this.value = (0, tools_1.formatIntlDate)(dte);
         }
         else if (dte) {
-            let date = parseIntlDate(dte, props.format);
-            this.value = formatIntlDate(date);
+            let date = (0, tools_1.parseIntlDate)(dte, props.format);
+            this.value = (0, tools_1.formatIntlDate)(date);
         }
         else {
             this.value = '';
@@ -215,7 +218,7 @@ export class TextEdit extends Component {
     }
     showError(text) {
         if (!this.m_error_tip) {
-            this.m_error_tip = new Tooltip({ cls: 'error' });
+            this.m_error_tip = new tooltips_1.Tooltip({ cls: 'error' });
             document.body.appendChild(this.m_error_tip._build());
         }
         let rc = this.m_ui_input.getBoundingRect();
@@ -272,14 +275,14 @@ export class TextEdit extends Component {
      */
     _change() {
         let value = this.m_ui_input.value;
-        this.emit('change', EvChange(value));
+        this.emit('change', (0, x4_events_1.EvChange)(value));
     }
     /**
      * getting focus
      */
     _focus() {
         this.clearError();
-        this.emit('focus', EvFocus(true));
+        this.emit('focus', (0, component_1.EvFocus)(true));
     }
     /**
      * loosing focus
@@ -287,7 +290,7 @@ export class TextEdit extends Component {
      */
     _blur() {
         this._validate(this.m_ui_input.value);
-        this.emit('focus', EvFocus(false));
+        this.emit('focus', (0, component_1.EvFocus)(false));
     }
     /**
      * todo: should move into Input
@@ -300,7 +303,7 @@ export class TextEdit extends Component {
         let props = this.m_props;
         let update = false;
         if (props.required && value.length == 0) {
-            this.showError(_tr.global.required_field);
+            this.showError(i18n_1._tr.global.required_field);
             return false;
         }
         if (value != '') {
@@ -308,20 +311,20 @@ export class TextEdit extends Component {
             if (pattern) {
                 let re = new RegExp(pattern);
                 if (re && !re.test(value)) {
-                    this.showError(_tr.global.invalid_format);
+                    this.showError(i18n_1._tr.global.invalid_format);
                     return false;
                 }
             }
             if (props.type == 'email') {
                 if (!reEmail.test(value.toLowerCase())) {
-                    this.showError(_tr.global.invalid_email);
+                    this.showError(i18n_1._tr.global.invalid_email);
                     return false;
                 }
             }
             else if (props.type == 'number') {
                 const v = parseFloat(value);
                 if (isNaN(v)) {
-                    this.showError(_tr.global.invalid_number);
+                    this.showError(i18n_1._tr.global.invalid_number);
                     return false;
                 }
                 let min = parseFloat(this.m_ui_input.getAttribute('min'));
@@ -360,12 +363,12 @@ export class TextEdit extends Component {
             date = new Date();
         }
         else {
-            date = parseIntlDate(value);
+            date = (0, tools_1.parseIntlDate)(value);
             if (!date) {
-                throw sprintf(_tr.global.invalid_date, _tr.global.date_format);
+                throw (0, tools_1.sprintf)(i18n_1._tr.global.invalid_date, i18n_1._tr.global.date_format);
             }
         }
-        return formatIntlDate(date);
+        return (0, tools_1.formatIntlDate)(date);
     }
     //onKeyDown( e ) {
     //    if( this.readOnly ) {
@@ -387,9 +390,9 @@ export class TextEdit extends Component {
     //}
     _showDatePicker(btn) {
         if (!this.m_cal_popup) {
-            this.m_cal_popup = new PopupCalendar({
+            this.m_cal_popup = new calendar_1.PopupCalendar({
                 change: (ev) => {
-                    this.value = formatIntlDate(ev.value);
+                    this.value = (0, tools_1.formatIntlDate)(ev.value);
                     this.m_cal_popup.close();
                 }
             });
@@ -404,3 +407,4 @@ export class TextEdit extends Component {
         return this.m_props.type;
     }
 }
+exports.TextEdit = TextEdit;

package/lib/texthiliter.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,11 +23,13 @@
 *
 * 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.TextHiliter = void 0;
 /**
  * idea came from https://www.cdolivet.com/editarea
  */
-import { Component } from './component';
-export class TextHiliter extends Component {
+const component_1 = require("./component");
+class TextHiliter extends component_1.Component {
     m_text;
     m_ed;
     m_hi;
@@ -42,11 +45,11 @@ export class TextHiliter extends Component {
     /** @ignore */
     render() {
         this.setContent([
-            this.m_hi = new Component({
+            this.m_hi = new component_1.Component({
                 tag: 'span',
                 cls: '@fit @syntax-hiliter',
             }),
-            this.m_ed = new Component({
+            this.m_ed = new component_1.Component({
                 tag: 'textarea',
                 cls: '@fit',
                 width: '100%',
@@ -217,3 +220,4 @@ export class TextHiliter extends Component {
         return result + '\n\n\n';
     }
 }
+exports.TextHiliter = TextHiliter;

package/lib/toaster.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,9 +23,11 @@
 *
 * 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 { Label } from "./label";
-import { Popup } from './popup';
-export class Toaster extends Popup {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toaster = void 0;
+const label_1 = require("./label");
+const popup_1 = require("./popup");
+class Toaster extends popup_1.Popup {
     m_message;
     m_icon;
     constructor(props) {
@@ -38,7 +41,7 @@ export class Toaster extends Popup {
     render() {
         this.addClass('@hlayout');
         this.setContent([
-            new Label({ icon: this.m_icon, text: this.m_message })
+            new label_1.Label({ icon: this.m_icon, text: this.m_message })
         ]);
     }
     show() {
@@ -56,3 +59,4 @@ export class Toaster extends Popup {
         });
     }
 }
+exports.Toaster = Toaster;