x4js 1.4.18 → 1.4.20

package/lib/link.js

@@ -30,7 +30,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 /**
  * Standard Link
  */
@@ -41,7 +41,7 @@ class Link extends component_1.Component {
         this.mapPropEvents(props, 'click');
     }
     _handleClick() {
-        this.emit('click', (0, x4_events_1.EvClick)());
+        this.emit('click', (0, x4events_1.EvClick)());
     }
     /** @ignore */
     render(props) {

package/lib/listview.d.ts

@@ -31,7 +31,7 @@ import { IconID } from './icon';
 import { VLayout } from './layout';
 import { Popup, PopupEventMap, PopupProps } from './popup';
 import { HtmlString } from './tools';
-import { EvContextMenu, EvSelectionChange, EvClick, EventCallback, BasicEvent } from "./x4_events";
+import { EvContextMenu, EvSelectionChange, EvClick, EventCallback, BasicEvent } from "./x4events";
 /**
  * item definition
  */

package/lib/listview.js

@@ -29,12 +29,13 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupListView = exports.EvCancel = exports.ListView = void 0;
+const x4dom_1 = require("./x4dom");
 const component_1 = require("./component");
 const layout_1 = require("./layout");
 const popup_1 = require("./popup");
 const tools_1 = require("./tools");
 const menu_1 = require("./menu");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 ;
 /**
  * Standard listview class
@@ -317,7 +318,7 @@ class ListView extends layout_1.VLayout {
                 if (item) {
                     let event;
                     if (e.type == 'click') {
-                        event = (0, x4_events_1.EvClick)(item);
+                        event = (0, x4events_1.EvClick)(item);
                         this.emit('click', event);
                     }
                     else {
@@ -348,13 +349,13 @@ class ListView extends layout_1.VLayout {
                 let item = list_items.find((item) => item.id == id);
                 if (item) {
                     this._selectItem(item, itm);
-                    this.emit('contextMenu', (0, x4_events_1.EvContextMenu)(e, item));
+                    this.emit('contextMenu', (0, x4events_1.EvContextMenu)(e, item));
                 }
                 return;
             }
             dom = dom.parentElement;
         }
-        this.emit('contextMenu', (0, x4_events_1.EvContextMenu)(e, null));
+        this.emit('contextMenu', (0, x4events_1.EvContextMenu)(e, null));
     }
     /**
      * @ignore
@@ -372,7 +373,7 @@ class ListView extends layout_1.VLayout {
             this.m_selection.citem.addClass('@selected');
         }
         if (notify) {
-            this.emit('selectionChange', (0, x4_events_1.EvSelectionChange)(item));
+            this.emit('selectionChange', (0, x4events_1.EvSelectionChange)(item));
         }
     }
     /**
@@ -469,7 +470,7 @@ class ListView extends layout_1.VLayout {
 }
 exports.ListView = ListView;
 function EvCancel(context = null) {
-    return (0, x4_events_1.BasicEvent)({ context });
+    return (0, x4events_1.BasicEvent)({ context });
 }
 exports.EvCancel = EvCancel;
 /**
@@ -510,16 +511,16 @@ class PopupListView extends popup_1.Popup {
     };
     // todo: move into popup
     show(modal) {
-        document.addEventListener('mousedown', this._handleClick);
+        x4dom_1.x4document.addEventListener('mousedown', this._handleClick);
         super.show(modal);
     }
     hide() {
-        document.removeEventListener('mousedown', this._handleClick);
+        x4dom_1.x4document.removeEventListener('mousedown', this._handleClick);
         super.hide();
     }
     // todo: move into popup
     close() {
-        document.removeEventListener('mousedown', this._handleClick);
+        x4dom_1.x4document.removeEventListener('mousedown', this._handleClick);
         super.close();
     }
     get selection() {

package/lib/menu.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { CEventMap, Component, CProps } from './component';
-import { EvClick, EventCallback } from './x4_events';
+import { EvClick, EventCallback } from './x4events';
 import { Popup, PopupProps } from './popup';
 import { IconID } from './icon';
 import { Label } from './label';

package/lib/menu.js

@@ -29,8 +29,9 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuBar = exports.MenuItem = exports.Menu = exports.MenuTitle = exports.MenuSeparator = void 0;
+const x4dom_1 = require("./x4dom");
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const popup_1 = require("./popup");
 const icon_1 = require("./icon");
 const label_1 = require("./label");
@@ -119,7 +120,7 @@ class Menu extends popup_1.Popup {
         //console.log( 'addmenu' );
         if (Menu.watchCount == 0) {
             Menu.rootMenu = menu;
-            document.addEventListener('mousedown', Menu._mouseWatcher);
+            x4dom_1.x4document.addEventListener('mousedown', Menu._mouseWatcher);
         }
         Menu.watchCount++;
     }
@@ -128,7 +129,7 @@ class Menu extends popup_1.Popup {
         console.assert(Menu.watchCount > 0);
         Menu.watchCount--;
         if (Menu.watchCount == 0) {
-            document.removeEventListener('mousedown', Menu._mouseWatcher);
+            x4dom_1.x4document.removeEventListener('mousedown', Menu._mouseWatcher);
         }
     }
     static _mouseWatcher(ev) {
@@ -234,7 +235,7 @@ class MenuItem extends component_1.Component {
     }
     _click(ev) {
         if (!this.isPopup) {
-            this.emit('click', (0, x4_events_1.EvClick)());
+            this.emit('click', (0, x4events_1.EvClick)());
             Menu._discardAll();
         }
     }

package/lib/popup.d.ts

@@ -28,7 +28,7 @@
 **/
 import { Container, CProps, ContainerEventMap, EvSize } from './component';
 import { Point } from './tools';
-import { BasicEvent } from './x4_events';
+import { BasicEvent } from './x4events';
 export interface EvMove extends BasicEvent {
     pos: Point;
 }

package/lib/popup.js

@@ -29,12 +29,13 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popup = exports.EvMove = void 0;
+const x4dom_1 = require("./x4dom");
 const component_1 = require("./component");
 const tools_1 = require("./tools");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const application_1 = require("./application");
 function EvMove(pos) {
-    return (0, x4_events_1.BasicEvent)({ pos });
+    return (0, x4events_1.BasicEvent)({ pos });
 }
 exports.EvMove = EvMove;
 /**
@@ -63,11 +64,11 @@ class Popup extends component_1.Container {
         }
         if (this.m_hasMask) {
             // remove the focus
-            const focus = document.activeElement;
+            const focus = x4dom_1.x4document.activeElement;
             if (focus) {
                 focus.blur();
             }
-            this.m_ui_mask = document.body.lastChild;
+            this.m_ui_mask = x4dom_1.x4document.body.lastChild;
             while (this.m_ui_mask) {
                 if (this.m_ui_mask.nodeType == 1) { // only element nodes
                     let elUI = (0, component_1.flyWrap)(this.m_ui_mask);
@@ -99,11 +100,11 @@ class Popup extends component_1.Container {
             left: 0,
             top: 0
         });
-        document.body.appendChild(this._build());
+        x4dom_1.x4document.body.appendChild(this._build());
         this.removeClass('@hidden');
         this.centerOnScreen();
         if (modal) {
-            let focus = document.activeElement;
+            let focus = x4dom_1.x4document.activeElement;
             if (!this.dom.contains(focus)) {
                 const autofocus = this.queryItem('[autofocus]');
                 if (autofocus) {
@@ -125,7 +126,7 @@ class Popup extends component_1.Container {
     }
     centerOnScreen() {
         let rc = this.getBoundingRect();
-        let x = (document.body.clientWidth - rc.width) / 2, y = (document.body.clientHeight - rc.height) / 2;
+        let x = (x4dom_1.x4document.body.clientWidth - rc.width) / 2, y = (x4dom_1.x4document.body.clientHeight - rc.height) / 2;
         this.setStyleValue('left', x);
         this.setStyleValue('top', y);
     }
@@ -144,7 +145,7 @@ class Popup extends component_1.Container {
             valign = 'b';
         }
         // @TODO: this is a minimal overflow problem solution
-        let rc = document.body.getBoundingClientRect(), rm = this.getBoundingRect();
+        let rc = x4dom_1.x4document.body.getBoundingClientRect(), rm = this.getBoundingRect();
         if (halign == 'r') {
             x -= rm.width;
         }
@@ -321,7 +322,7 @@ function x4handleKeyDown(e) {
         if (el && (el.hasAttribute('wants-tab') || el.hasAttribute('wants-enter'))) {
             return;
         }
-        let topStack = document.body;
+        let topStack = x4dom_1.x4document.body;
         if (Popup.modal_stack.length) {
             topStack = Popup.modal_stack[Popup.modal_stack.length - 1];
         }
@@ -335,7 +336,7 @@ function x4handleKeyDown(e) {
  */
 function _nextTab(root, el, prev) {
     // first check if the focus is one of our child (disabled...)
-    let focusEl = document.activeElement;
+    let focusEl = x4dom_1.x4document.activeElement;
     if (!root.contains(focusEl)) {
         return;
     }
@@ -374,7 +375,7 @@ function _nextTab(root, el, prev) {
 }
 function installKBHandler() {
     // set on body to be called after document (where all component domevent go)
-    document.body.addEventListener('keydown', x4handleKeyDown, true);
+    x4dom_1.x4document.body.addEventListener('keydown', x4handleKeyDown, true);
 }
 // too early ?
-document.body ? installKBHandler() : window.addEventListener('load', installKBHandler);
+x4dom_1.x4document.body ? installKBHandler() : window.addEventListener('load', installKBHandler);

package/lib/property_editor.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { CEventMap, Component, CProps } from './component';
-import { EvChange, EventCallback } from './x4_events';
+import { EvChange, EventCallback } from './x4events';
 import { InputProps } from './input';
 import { Spreadsheet } from './spreadsheet';
 import { Record } from './datastore';

package/lib/property_editor.js

@@ -30,7 +30,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyEditor = void 0;
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const input_1 = require("./input");
 const textedit_1 = require("./textedit");
 const checkbox_1 = require("./checkbox");
@@ -145,7 +145,7 @@ class PropertyEditor extends component_1.Component {
         else {
             fld.value = text;
         }
-        this.emit('change', (0, x4_events_1.EvChange)(text, fld));
+        this.emit('change', (0, x4events_1.EvChange)(text, fld));
     }
     _renderCell(text, rec) {
         let fld = this.m_fields[rec.row];

package/lib/radiobtn.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, CProps, CEventMap } from './component';
-import { EvChange, EventCallback } from './x4_events';
+import { EvChange, EventCallback } from './x4events';
 import { IconID } from './icon';
 import { Input } from './input';
 interface RadioBtnEventMap extends CEventMap {

package/lib/radiobtn.js

@@ -29,8 +29,9 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioBtn = void 0;
+const x4dom_1 = require("./x4dom");
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const input_1 = require("./input");
 const label_1 = require("./label");
 /**
@@ -90,14 +91,14 @@ class RadioBtn extends component_1.Component {
     _change() {
         let props = this.m_props;
         let query = '.x-input[name=' + props.name + ']';
-        let nlist = document.querySelectorAll(query); //todo: document ?
+        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, x4_events_1.EvChange)(true));
+        this.emit('change', (0, x4events_1.EvChange)(true));
     }
     /**
      * @return the checked value

package/lib/rating.d.ts

@@ -28,7 +28,7 @@
 **/
 import { CProps, ContainerEventMap } from './component';
 import { HLayout } from './layout';
-import { EvChange, EventCallback } from './x4_events';
+import { EvChange, EventCallback } from './x4events';
 interface RatingEventMap extends ContainerEventMap {
     change: EvChange;
 }

package/lib/rating.js

@@ -32,7 +32,7 @@ exports.Rating = void 0;
 const component_1 = require("./component");
 const layout_1 = require("./layout");
 const input_1 = require("./input");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 class Rating extends layout_1.HLayout {
     m_els;
     m_input;
@@ -95,7 +95,7 @@ class Rating extends layout_1.HLayout {
                 on = false;
             }
         }
-        this.emit('change', (0, x4_events_1.EvChange)(this.m_props.value));
+        this.emit('change', (0, x4events_1.EvChange)(this.m_props.value));
     }
 }
 exports.Rating = Rating;

package/lib/router.d.ts

@@ -26,7 +26,7 @@
 * 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 { EventSource, EvError, EventMap } from "./x4_events";
+import { EventSource, EvError, EventMap } from "./x4events";
 declare type RouteHandler = (params: any, path: string) => void;
 interface RouterEventMap extends EventMap {
     error: EvError;

package/lib/router.js

@@ -29,7 +29,8 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Router = void 0;
-const x4_events_1 = require("./x4_events");
+const x4dom_1 = require("./x4dom");
+const x4events_1 = require("./x4events");
 function parseRoute(str, loose = false) {
     if (str instanceof RegExp) {
         return {
@@ -67,13 +68,13 @@ function parseRoute(str, loose = false) {
         pattern: new RegExp(`^${pattern}${loose ? '(?=$|\/)' : '\/?$'}`, 'i')
     };
 }
-class Router extends x4_events_1.EventSource {
+class Router extends x4events_1.EventSource {
     routes;
     constructor() {
         super();
         this.routes = [];
         window.addEventListener('popstate', (event) => {
-            const url = document.location.pathname;
+            const url = x4dom_1.x4document.location.pathname;
             const found = this._find(url);
             found.handlers.forEach(h => {
                 h(found.params, url);
@@ -92,7 +93,7 @@ class Router extends x4_events_1.EventSource {
         if (!found || found.handlers.length == 0) {
             //window.history.pushState({}, '', 'error')
             console.log('route not found: ' + uri);
-            this.signal("error", (0, x4_events_1.EvError)(404, "route not found"));
+            this.signal("error", (0, x4events_1.EvError)(404, "route not found"));
             return;
         }
         window.history.pushState({}, '', uri);

package/lib/spreadsheet.d.ts

@@ -30,7 +30,7 @@ import { Component, EvDblClick, ContainerEventMap, ContainerProps } from './comp
 import { InputProps } from './input';
 import { VLayout } from './layout';
 import * as Formatters from './formatters';
-import { EvContextMenu, EvChange, EvSelectionChange, EventCallback } from './x4_events';
+import { EvContextMenu, EvChange, EvSelectionChange, EventCallback } from './x4events';
 export interface EditorFactory {
     (props: InputProps, row: number, col: number): Component;
 }

package/lib/spreadsheet.js

@@ -29,12 +29,13 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spreadsheet = void 0;
+const x4dom_1 = require("./x4dom");
 const component_1 = require("./component");
 const layout_1 = require("./layout");
 const textedit_1 = require("./textedit");
 const tools_1 = require("./tools");
 const tools_2 = require("./tools");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const combobox_1 = require("./combobox");
 class CellData {
     text;
@@ -89,7 +90,7 @@ class Spreadsheet extends layout_1.VLayout {
         else {
             this.m_row_limit = props.maxrows;
         }
-        this.setAttribute('tabIndex', 0);
+        this.setAttribute('tabindex', 0);
         this.setDomEvent('click', (e) => this._itemClick(e));
         this.setDomEvent('dblclick', (e) => this._itemDblClick(e));
         this.setDomEvent('keydown', (e) => this._handleKey(e));
@@ -247,7 +248,7 @@ class Spreadsheet extends layout_1.VLayout {
             let itm = component_1.Component.getElement(dom), row = itm.getData('row-id'), col = itm.getData('col-id');
             if (row !== undefined) {
                 this._selectItem(row, col);
-                this.emit('contextMenu', (0, x4_events_1.EvContextMenu)(e, { row, col, item: itm }));
+                this.emit('contextMenu', (0, x4events_1.EvContextMenu)(e, { row, col, item: itm }));
                 e.preventDefault();
                 return;
             }
@@ -323,11 +324,11 @@ class Spreadsheet extends layout_1.VLayout {
      * - scroll width
      */
     _computeItemHeight() {
-        let g1 = document.createElement('div');
+        let g1 = x4dom_1.x4document.createElement('div');
         g1.classList.add('x-spreadsheet');
-        let g2 = document.createElement('div');
+        let g2 = x4dom_1.x4document.createElement('div');
         g2.classList.add('content');
-        let g3 = document.createElement('div');
+        let g3 = x4dom_1.x4document.createElement('div');
         g3.classList.add('x-cell');
         g3.append(' ');
         g2.appendChild(g3);
@@ -795,7 +796,7 @@ class Spreadsheet extends layout_1.VLayout {
         if (newSel) {
             newSel.addClass('@selected');
         }
-        this.emit('selectionChange', (0, x4_events_1.EvSelectionChange)({ row, col }));
+        this.emit('selectionChange', (0, x4events_1.EvSelectionChange)({ row, col }));
     }
     /**
      * return the row count
@@ -1007,7 +1008,7 @@ class Spreadsheet extends layout_1.VLayout {
                 let col = this.m_editor.getData('col');
                 let old = this.m_editor.getData('old-value');
                 this.setCellText(row, col, text);
-                const ev = (0, x4_events_1.EvChange)(text, { row, col, oldValue: old, id });
+                const ev = (0, x4events_1.EvChange)(text, { row, col, oldValue: old, id });
                 this.emit('change', ev);
                 if (ev.defaultPrevented) {
                     this.setCellText(row, col, old);

package/lib/styles.js

@@ -29,6 +29,7 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComputedStyle = exports.CSSParser = exports.Stylesheet = void 0;
+const x4dom_1 = require("./x4dom");
 const tools_1 = require("./tools");
 /**
  *  -- [ @STYLESHEET ] -----------------------------------------------------------------
@@ -38,8 +39,8 @@ class Stylesheet {
     m_rules = new Map();
     constructor() {
         function getStyleSheet(name) {
-            for (let i = 0; i < document.styleSheets.length; i++) {
-                let sheet = document.styleSheets[i];
+            for (let i = 0; i < x4dom_1.x4document.styleSheets.length; i++) {
+                let sheet = x4dom_1.x4document.styleSheets[i];
                 if (sheet.title === name) {
                     return sheet;
                 }
@@ -47,9 +48,9 @@ class Stylesheet {
         }
         this.m_sheet = getStyleSheet('@dynamic-css');
         if (!this.m_sheet) {
-            let dom = document.createElement('style');
+            let dom = x4dom_1.x4document.createElement('style');
             dom.setAttribute('id', '@dynamic-css');
-            document.head.appendChild(dom);
+            x4dom_1.x4document.head.appendChild(dom);
             this.m_sheet = dom.sheet;
         }
     }
@@ -98,7 +99,7 @@ class Stylesheet {
      */
     static getVar(name) {
         if (!Stylesheet.doc_style) {
-            Stylesheet.doc_style = getComputedStyle(document.documentElement);
+            Stylesheet.doc_style = getComputedStyle(x4dom_1.x4document.documentElement);
         }
         if (name[0] != '-') {
             name = '--' + name;

package/lib/svgcomponent.d.ts

@@ -43,7 +43,7 @@ declare abstract class SVGItem {
      * change the stroke color
      * @param color
      */
-    stroke(color: string): this;
+    stroke(color: string, width?: number): this;
     /**
      * change the stroke width
      * @param width

package/lib/svgcomponent.js

@@ -76,8 +76,11 @@ class SVGItem {
      * change the stroke color
      * @param color
      */
-    stroke(color) {
+    stroke(color, width) {
         this.attr('stroke', color);
+        if (width !== undefined) {
+            this.attr('stroke-width', width + 'px');
+        }
         return this;
     }
     /**

package/lib/tabbar.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, Container, ContainerEventMap, CProps, EventHandler } from './component';
-import { EvChange } from './x4_events';
+import { EvChange } from './x4events';
 import { IconID } from './icon.js';
 interface TabBarEventMap extends ContainerEventMap {
     change: EvChange;

package/lib/tabbar.js

@@ -31,7 +31,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabBar = void 0;
 const component_1 = require("./component");
 const button_1 = require("./button");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 class TabBar extends component_1.Container {
     m_pages;
     m_curPage;
@@ -95,7 +95,7 @@ class TabBar extends component_1.Container {
         }
         this.m_curPage = p;
         if (notify) {
-            this.signal('change', (0, x4_events_1.EvChange)(p ? p.id : null));
+            this.signal('change', (0, x4events_1.EvChange)(p ? p.id : null));
         }
         if (this.m_curPage) {
             this.m_curPage.btn.addClass('selected');

package/lib/textarea.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, CProps, CEventMap } from './component';
-import { EvChange, EventCallback } from './x4_events';
+import { EvChange, EventCallback } from './x4events';
 interface TextAreaEventMap extends CEventMap {
     change: EvChange;
 }

package/lib/textarea.js

@@ -30,7 +30,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const tools_1 = require("./tools");
 class TextArea extends component_1.Component {
     constructor(props) {
@@ -74,7 +74,7 @@ class TextArea extends component_1.Component {
         this.setProp('tag', 'textarea');
     }
     _change() {
-        this.emit('change', (0, x4_events_1.EvChange)(this.value));
+        this.emit('change', (0, x4events_1.EvChange)(this.value));
     }
     componentCreated() {
         this.value = this.m_props.text;

package/lib/textedit.d.ts

@@ -29,7 +29,7 @@
 import { Component, EvFocus, HtmlString } from './component';
 import { Input, InputProps, InputEventMap } from './input';
 import { IconID } from './icon';
-import { EvClick, EvChange, EventCallback } from './x4_events';
+import { EvClick, EvChange, EventCallback } from './x4events';
 declare type ValidationFunction = (value: string) => string;
 interface TextEditEventMap extends InputEventMap {
     click: EvClick;

package/lib/textedit.js

@@ -29,6 +29,7 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEdit = void 0;
+const x4dom_1 = require("./x4dom");
 const component_1 = require("./component");
 const input_1 = require("./input");
 const button_1 = require("./button");
@@ -37,7 +38,7 @@ 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 x4events_1 = require("./x4events");
 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,}))$/;
@@ -181,7 +182,7 @@ class TextEdit extends component_1.Component {
         super.disable();
     }
     _btnClick() {
-        this.emit('click', (0, x4_events_1.EvClick)(this.value));
+        this.emit('click', (0, x4events_1.EvClick)(this.value));
     }
     /**
      * select the value format for input/output on textedit of type date
@@ -223,7 +224,7 @@ class TextEdit extends component_1.Component {
     showError(text) {
         if (!this.m_error_tip) {
             this.m_error_tip = new tooltips_1.Tooltip({ cls: 'error' });
-            document.body.appendChild(this.m_error_tip._build());
+            x4dom_1.x4document.body.appendChild(this.m_error_tip._build());
         }
         let rc = this.m_ui_input.getBoundingRect();
         this.m_error_tip.text = text;
@@ -279,7 +280,7 @@ class TextEdit extends component_1.Component {
      */
     _change() {
         let value = this.m_ui_input.value;
-        this.emit('change', (0, x4_events_1.EvChange)(value));
+        this.emit('change', (0, x4events_1.EvChange)(value));
     }
     /**
      * getting focus

package/lib/tools.d.ts

@@ -50,6 +50,7 @@ export declare function parseIntlFloat(num: string): number;
  * @param {String} str
  */
 export declare function pascalCase(string: string): string;
+export declare function camelCase(text: string): string;
 export declare type Constructor<T> = new (...args: any[]) => T;
 export declare class Point {
     x: number;