x4js 1.4.16 → 1.4.20

package/lib/icon.js

@@ -32,9 +32,9 @@ exports.Icon = exports.EvLoaded = void 0;
 const component_1 = require("./component");
 const styles_1 = require("./styles");
 const tools_1 = require("./tools");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 function EvLoaded(url, svg, context = null) {
-    return (0, x4_events_1.BasicEvent)({ url, svg, context });
+    return (0, x4events_1.BasicEvent)({ url, svg, context });
 }
 exports.EvLoaded = EvLoaded;
 function trimQuotes(str) {
@@ -46,7 +46,7 @@ function trimQuotes(str) {
     }
     return str;
 }
-class Loader extends x4_events_1.EventSource {
+class Loader extends x4events_1.EventSource {
     svgs;
     constructor() {
         super();
@@ -115,6 +115,7 @@ class Icon extends component_1.Component {
         if (typeof (icon) === 'number') {
             icon = icon.toString(16);
             name = icon;
+            console.error("deprecation error: invalid icon name");
         }
         else {
             // var( <var-name> )
@@ -122,7 +123,7 @@ class Icon extends component_1.Component {
             //	in the .css
             //  --------------------------
             //	:root {
-            //		--chevron-up: svgpath( "M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96z" );
+            //		--chevron-up: data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96z"/></svg>';
             //	}
             //
             //	var( "--chevron-up" )
@@ -150,14 +151,6 @@ class Icon extends component_1.Component {
                 this._setSVG(url);
                 return;
             }
-            //	svgpath( <svg-path> )
-            //	svgpath( "M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96z" )
-            const reSvg3 = /\s*svgpath\s*\(\s*(.+)\s*\)\s*/gi;
-            let match_pth = reSvg3.exec(icon);
-            if (match_pth) {
-                const pth = this._setSVGPath(match_pth[1].trim());
-                return;
-            }
             //	data( <direct> )
             //	data( "data:image/svg+xml;utf8,<svg...></svg>" )
             const reSvg4 = /^\s*(data\:image\/.+)\s*$/gi;
@@ -166,6 +159,8 @@ class Icon extends component_1.Component {
                 this._setSVG(match_dta[1]);
                 return;
             }
+            //	cls( "fas fa-angle-up" )
+            //
             const reCls = /\s*cls\s*\(\s*(.+)\s*\)\s*/gi;
             let match_cls = reCls.exec(icon);
             if (match_cls) {
@@ -173,6 +168,8 @@ class Icon extends component_1.Component {
                 this.addClass(classes);
                 return;
             }
+            //	url( "www.google.com" )
+            //
             const reUrl = /\s*url\s*\(\s*(.+)\s*\)\s*/gi;
             let match_url = reUrl.exec(icon);
             if (match_url) {
@@ -187,13 +184,13 @@ class Icon extends component_1.Component {
             }
             else {
                 // todo: deprecated
+                console.error("deprecation error: invalid icon name");
                 name = icon;
                 icon = styles_1.Stylesheet.getVar('icon-' + icon);
                 if (icon == '' || icon === undefined) {
                     // name your icon 'icon-xxx'
                     // ex:
                     // :root { --icon-zoom-p: f00e; }
-                    console.assert(false);
                     icon = '0';
                 }
             }

package/lib/image.js

@@ -29,6 +29,7 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Image = void 0;
+const x4dom_1 = require("./x4dom");
 const component_1 = require("./component");
 const emptyImageSrc = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
 function _isStaticImage(src) {
@@ -126,7 +127,7 @@ class Image extends component_1.Component {
         Image.lazy_images_waiting.forEach((el) => {
             let dom = el.dom, src = el.src;
             // skip deleted elements
-            if (!dom || !document.contains(dom)) {
+            if (!dom || dom.offsetParent === null) {
                 // do not append to newList
                 return;
             }
@@ -134,8 +135,8 @@ class Image extends component_1.Component {
             // if it is visible & inserted inside the document
             if (!done && dom.offsetParent !== null &&
                 rc.bottom >= 0 && rc.right >= 0 &&
-                rc.top <= (window.innerHeight || document.documentElement.clientHeight) &&
-                rc.left <= (window.innerWidth || document.documentElement.clientWidth)) {
+                rc.top <= (window.innerHeight || x4dom_1.x4document.documentElement.clientHeight) &&
+                rc.left <= (window.innerWidth || x4dom_1.x4document.documentElement.clientWidth)) {
                 // ok, we load the image
                 let img = dom.firstChild;
                 img.setAttribute('src', src);

package/lib/index.d.ts

@@ -28,7 +28,6 @@
 **/
 export * from "./application";
 export * from "./base_component";
-export * from "./base64";
 export * from "./button";
 export * from "./calendar";
 export * from "./canvas";
@@ -67,7 +66,6 @@ export * from "./request";
 export * from "./router";
 export * from "./settings";
 export * from "./sidebarview";
-export * from "./smartedit";
 export * from "./spreadsheet";
 export * from "./styles";
 export * from "./svgcomponent";
@@ -75,9 +73,8 @@ export * from "./tabbar";
 export * from "./tabview";
 export * from "./textarea";
 export * from "./textedit";
-export * from "./texthiliter";
 export * from "./toaster";
 export * from "./tools";
 export * from "./tooltips";
 export * from "./treeview";
-export * from "./x4_events";
+export * from "./x4events";

package/lib/index.js

@@ -44,7 +44,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./application"), exports);
 __exportStar(require("./base_component"), exports);
-__exportStar(require("./base64"), exports);
+//export * from "./base64"
 __exportStar(require("./button"), exports);
 __exportStar(require("./calendar"), exports);
 __exportStar(require("./canvas"), exports);
@@ -83,7 +83,7 @@ __exportStar(require("./request"), exports);
 __exportStar(require("./router"), exports);
 __exportStar(require("./settings"), exports);
 __exportStar(require("./sidebarview"), exports);
-__exportStar(require("./smartedit"), exports);
+//export * from "./smartedit"
 __exportStar(require("./spreadsheet"), exports);
 __exportStar(require("./styles"), exports);
 __exportStar(require("./svgcomponent"), exports);
@@ -91,9 +91,9 @@ __exportStar(require("./tabbar"), exports);
 __exportStar(require("./tabview"), exports);
 __exportStar(require("./textarea"), exports);
 __exportStar(require("./textedit"), exports);
-__exportStar(require("./texthiliter"), exports);
+//export * from "./texthiliter"
 __exportStar(require("./toaster"), exports);
 __exportStar(require("./tools"), exports);
 __exportStar(require("./tooltips"), exports);
 __exportStar(require("./treeview"), exports);
-__exportStar(require("./x4_events"), exports);
+__exportStar(require("./x4events"), exports);

package/lib/input.js

@@ -50,7 +50,7 @@ class Input extends component_1.Component {
             autofocus: props.autoFocus,
             readonly: props.readOnly,
             autocomplete: 'new-password',
-            tabindex: props.tabIndex,
+            tabIndex: props.tabIndex,
             spellcheck: props.spellcheck === false ? 'false' : undefined,
             min: props.min,
             max: props.max,

package/lib/link.d.ts

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

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 {
@@ -53,7 +54,7 @@ function parseRoute(str, loose = false) {
             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 ? '(?:/([^/]+?))?' : '/([^/]+?)';
+            pattern += o >= 0 && ext < 0 ? '(?:/([^\/]+?))?' : '/([^\/]+?)';
             if (ext >= 0) {
                 pattern += (o >= 0 ? '?' : '') + '\\' + tmp.substring(ext);
             }
@@ -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;
 }