x4js 1.4.17 → 1.4.21

package/README.md

@@ -1,4 +1,5 @@
-# x4
-x4 framework repository
+# x4js
 
-You will find the documentation & tutorials [Here](https://github.com/rlibre/x4js/wiki/Introduction)
+**x4js framework repository**
+
+You will find the documentation & tutorials [Here](https://x4js.org)

package/lib/application.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 { EvMessage } from './x4_events';
+import { EvMessage } from './x4events';
 import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component';
 import { Component } from './component';
 import { Settings } from './settings';

package/lib/application.js

@@ -29,6 +29,7 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Application = void 0;
+const x4dom_1 = require("./x4dom");
 const base_component_1 = require("./base_component");
 const component_1 = require("./component");
 const settings_1 = require("./settings");
@@ -128,7 +129,7 @@ class Application extends base_component_1.BaseComponent {
         this.m_mainView = root;
         this.mainView.addClass('x4-root-element');
         (0, tools_1.deferCall)(() => {
-            const dest = this.m_props.renderTo ?? document.body;
+            const dest = this.m_props.renderTo ?? x4dom_1.x4document.body;
             while (dest.firstChild) {
                 dest.removeChild(dest.firstChild);
             }
@@ -139,7 +140,7 @@ class Application extends base_component_1.BaseComponent {
         return this.m_mainView;
     }
     setTitle(title) {
-        document.title = this.m_app_name + ' > ' + title;
+        x4dom_1.x4document.title = this.m_app_name + ' > ' + title;
     }
     disableZoomWheel() {
         window.addEventListener('wheel', function (ev) {
@@ -152,7 +153,7 @@ class Application extends base_component_1.BaseComponent {
     enterModal(enter) {
     }
     enableTouchDblClick() {
-        document.addEventListener('touchstart', (ev) => {
+        x4dom_1.x4document.addEventListener('touchstart', (ev) => {
             let now = Date.now();
             if ((now - this.m_touch_time) > 700) {
                 this.m_touch_count = 1;

package/lib/base_component.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 **/
-import { EventMap, MapEvents, EventSource, EvTimer } from './x4_events';
+import { EventMap, MapEvents, EventSource, EvTimer } from './x4events';
 /**
  * Timer Callback
  * @see EvTimer, startTimer, stopTimer

package/lib/base_component.js

@@ -30,11 +30,11 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseComponent = void 0;
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 /**
  * BaseComponent class
  */
-class BaseComponent extends x4_events_1.EventSource {
+class BaseComponent extends x4events_1.EventSource {
     m_props;
     #m_timers;
     constructor(props) {
@@ -64,7 +64,7 @@ class BaseComponent extends x4_events_1.EventSource {
                 callback(name, tm);
             }
             else {
-                this.emit('timer', (0, x4_events_1.EvTimer)(name, tm));
+                this.emit('timer', (0, x4events_1.EvTimer)(name, tm));
             }
         }, timeout);
         this.#m_timers.set(name, () => { (repeat ? clearInterval : clearTimeout)(id); });

package/lib/button.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, CProps, CEventMap, HtmlString } from './component';
-import { EventCallback, EvClick, EvChange } from './x4_events';
+import { EventCallback, EvClick, EvChange } from './x4events';
 import { IconID } from './icon';
 import { MenuItem, MenuOrSep } from './menu';
 /**

package/lib/button.js

@@ -30,7 +30,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleButton = exports.Button = exports.BaseButton = void 0;
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const icon_1 = require("./icon");
 const label_1 = require("./label");
 const menu_1 = require("./menu");
@@ -114,7 +114,7 @@ class BaseButton extends component_1.Component {
             menu.displayAt(rc.left, rc.bottom, 'tl');
         }
         else {
-            this.emit('click', (0, x4_events_1.EvClick)());
+            this.emit('click', (0, x4events_1.EvClick)());
         }
     }
     /**
@@ -229,7 +229,7 @@ class ToggleButton extends BaseButton {
         super._sendClick();
         this.m_props.checked = !this.m_props.checked;
         this.setClass('checked', this.m_props.checked);
-        this.emit('change', (0, x4_events_1.EvChange)(this.m_props.checked));
+        this.emit('change', (0, x4events_1.EvChange)(this.m_props.checked));
         this._updateIcon();
     }
     _updateIcon() {

package/lib/calendar.d.ts

@@ -28,7 +28,7 @@
 **/
 import { Popup } from './popup';
 import { CProps, ContainerEventMap } from './component';
-import { EvChange, EventCallback } from './x4_events';
+import { EvChange, EventCallback } from './x4events';
 import { VLayout } from './layout';
 interface CalendarEventMap extends ContainerEventMap {
     change?: EvChange;

package/lib/calendar.js

@@ -29,10 +29,11 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupCalendar = exports.Calendar = void 0;
+const x4dom_1 = require("./x4dom");
 const button_1 = require("./button");
 const popup_1 = require("./popup");
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const i18n_1 = require("./i18n");
 const label_1 = require("./label");
 const layout_1 = require("./layout");
@@ -157,7 +158,7 @@ class Calendar extends layout_1.VLayout {
      */
     select(date) {
         this.m_date = date;
-        this.emit('change', (0, x4_events_1.EvChange)(date));
+        this.emit('change', (0, x4events_1.EvChange)(date));
         this.update();
     }
     /**
@@ -236,12 +237,12 @@ class PopupCalendar extends popup_1.Popup {
     };
     /** @ignore */
     show(modal) {
-        document.addEventListener('mousedown', this._handleClick);
+        x4dom_1.x4document.addEventListener('mousedown', this._handleClick);
         super.show(modal);
     }
     /** @ignore */
     close() {
-        document.removeEventListener('mousedown', this._handleClick);
+        x4dom_1.x4document.removeEventListener('mousedown', this._handleClick);
         super.close();
     }
 }

package/lib/canvas.d.ts

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

package/lib/canvas.js

@@ -30,9 +30,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Canvas = void 0;
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 function EvPaint(ctx) {
-    return (0, x4_events_1.BasicEvent)({ ctx });
+    return (0, x4events_1.BasicEvent)({ ctx });
 }
 function mkPainter(c2d, w, h) {
     let cp = c2d;

package/lib/cardview.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, CProps, CEventMap } from './component';
-import { EvChange } from './x4_events';
+import { EvChange } from './x4events';
 import { IconID } from './icon';
 export declare type PageOrCallback = Component | (() => Component);
 export interface ICardViewItem {

package/lib/cardview.js

@@ -30,7 +30,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardView = void 0;
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const tools_1 = require("./tools");
 /**
  * Standard CardView class
@@ -100,7 +100,7 @@ class CardView extends component_1.Component {
                     this._preparePage(page);
                 }
             }
-            this.emit('change', (0, x4_events_1.EvChange)(this.m_cpage.name));
+            this.emit('change', (0, x4events_1.EvChange)(this.m_cpage.name));
         }
     }
     /**

package/lib/checkbox.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 { HtmlString } from './tools';
 interface CheckBoxEventMap extends CEventMap {
     change?: EvChange;

package/lib/checkbox.js

@@ -30,7 +30,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckBox = 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 label_1 = require("./label");
 /**
@@ -86,7 +86,7 @@ class CheckBox extends component_1.Component {
      * check state changed
      */
     _change() {
-        this.emit('change', (0, x4_events_1.EvChange)(this.check));
+        this.emit('change', (0, x4events_1.EvChange)(this.check));
     }
     /**
      * focus gained/loosed

package/lib/colorpicker.d.ts

@@ -31,7 +31,7 @@
  */
 import { Container, ContainerProps, ContainerEventMap } from './component';
 import { Dialog, DialogBoxEventMap, DialogProps } from './dialog';
-import { EvChange, EventCallback } from './x4_events';
+import { EvChange, EventCallback } from './x4events';
 import { HLayout } from './layout';
 import { Color } from './color';
 interface ColorPickerEventMap extends ContainerEventMap {

package/lib/colorpicker.js

@@ -35,7 +35,7 @@ exports.ColorPickerEditor = exports.ColorPickerBox = exports.ColorPicker = void
 const component_1 = require("./component");
 const checkbox_1 = require("./checkbox");
 const dialog_1 = require("./dialog");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const layout_1 = require("./layout");
 const label_1 = require("./label");
 const color_1 = require("./color");
@@ -406,7 +406,7 @@ class ColorPicker extends component_1.Container {
         this._change();
     }
     _change() {
-        this.emit('change', (0, x4_events_1.EvChange)(this.m_baseColor));
+        this.emit('change', (0, x4events_1.EvChange)(this.m_baseColor));
     }
 }
 exports.ColorPicker = ColorPicker;
@@ -435,7 +435,7 @@ class ColorPickerBox extends dialog_1.Dialog {
         ], ['ok', 'cancel']);
         this.on('btnClick', (ev) => {
             if (ev.button == 'ok') {
-                this.emit('change', (0, x4_events_1.EvChange)(this.m_picker.color));
+                this.emit('change', (0, x4events_1.EvChange)(this.m_picker.color));
             }
         });
     }
@@ -459,7 +459,7 @@ class ColorPickerBox extends dialog_1.Dialog {
                             click: () => {
                                 if (clr) {
                                     this.m_picker.color = clr;
-                                    this.emit('change', (0, x4_events_1.EvChange)(clr));
+                                    this.emit('change', (0, x4events_1.EvChange)(clr));
                                     this.close();
                                 }
                             }
@@ -558,7 +558,7 @@ class ColorPickerEditor extends layout_1.HLayout {
         dlg.displayAt(rc.left, rc.bottom, 'tl');
     }
     _change() {
-        this.emit('change', (0, x4_events_1.EvChange)(this.m_props.color));
+        this.emit('change', (0, x4events_1.EvChange)(this.m_props.color));
     }
     _isTransp(color) {
         return !color.alpha();

package/lib/combobox.d.ts

@@ -30,7 +30,7 @@
  * TODO: replace custom combo list by listview or gridview
  */
 import { Component, CProps, ContainerEventMap } from './component';
-import { EvChange, EvSelectionChange, EventCallback } from './x4_events';
+import { EvChange, EvSelectionChange, EventCallback } from './x4events';
 import { Input } from './input';
 import { HLayout } from './layout';
 import { ListViewItem, PopulateItems, EvCancel } from './listview';

package/lib/combobox.js

@@ -33,7 +33,7 @@ exports.ComboBox = void 0;
  * TODO: replace custom combo list by listview or gridview
  */
 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");
 const button_1 = require("./button");
@@ -174,8 +174,8 @@ class ComboBox extends layout_1.HLayout {
             id: item.id,
             text: item.text
         };
-        this.emit('selectionChange', (0, x4_events_1.EvSelectionChange)(item));
-        this.emit('change', (0, x4_events_1.EvChange)(item.id));
+        this.emit('selectionChange', (0, x4events_1.EvSelectionChange)(item));
+        this.emit('change', (0, x4events_1.EvChange)(item.id));
         this.m_ui_input.focus();
         this.m_popup.hide();
     }

package/lib/component.d.ts

@@ -32,7 +32,7 @@
  */
 import { Rect, Size, HtmlString, Constructor } from './tools';
 import { Stylesheet, ComputedStyle } from './styles';
-import { BasicEvent, EventCallback } from './x4_events';
+import { BasicEvent, EventCallback } from './x4events';
 import { BaseComponent, BaseComponentProps, BaseComponentEventMap } from './base_component';
 import { IDOMEvents, X4ElementEventMap } from './dom_events';
 export { HtmlString, isHtmlString, html } from './tools';
@@ -274,10 +274,6 @@ export declare class Component<P extends CProps<BaseComponentEventMap> = CProps<
      * this is usefull for component recycling & reusing
      */
     clearClasses(): string;
-    /**
-     * @deprecated
-     */
-    private Build;
     _build(): HTMLElement;
     render(props: P): void;
     _createDOM(): HTMLElement;

package/lib/component.js

@@ -34,8 +34,9 @@ exports.Container = exports.SizerOverlay = exports.EvOverlayResize = exports.Sep
  *		create Container class
  */
 const tools_1 = require("./tools");
+const x4dom_1 = require("./x4dom");
 const styles_1 = require("./styles");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const base_component_1 = require("./base_component");
 var tools_2 = require("./tools");
 Object.defineProperty(exports, "HtmlString", { enumerable: true, get: function () { return tools_2.HtmlString; } });
@@ -71,11 +72,11 @@ const passiveEvents = {
 /** ignore */
 const reNumber = /^-?\d+(\.\d+)?$/;
 function EvDblClick(context = null) {
-    return (0, x4_events_1.BasicEvent)({ context });
+    return (0, x4events_1.BasicEvent)({ context });
 }
 exports.EvDblClick = EvDblClick;
 function EvFocus(focus = true, context = null) {
-    return (0, x4_events_1.BasicEvent)({ focus, context });
+    return (0, x4events_1.BasicEvent)({ focus, context });
 }
 exports.EvFocus = EvFocus;
 /**
@@ -527,12 +528,6 @@ class Component extends base_component_1.BaseComponent {
             return this.m_dom.classList.value = '';
         }
     }
-    ///@deprecated
-    //private build(): void  {}
-    /**
-     * @deprecated
-     */
-    Build() { }
     _build() {
         if (this.m_dom) {
             return this.m_dom;
@@ -592,10 +587,10 @@ class Component extends base_component_1.BaseComponent {
         // create self
         let vdom = this.m_iprops;
         if (props.ns) {
-            this.m_dom = document.createElementNS(props.ns, props.tag ?? 'div');
+            this.m_dom = x4dom_1.x4document.createElementNS(props.ns, props.tag ?? 'div');
         }
         else {
-            this.m_dom = document.createElement(props.tag ?? 'div');
+            this.m_dom = x4dom_1.x4document.createElement((props.tag ?? 'div'));
         }
         this.m_dom[_x4_el_sym] = this;
         //let me = Object.getPrototypeOf(this);
@@ -660,7 +655,7 @@ class Component extends base_component_1.BaseComponent {
         // wait for dom insertion inside document.body
         if (!Component.__createObserver) {
             Component.__createObserver = new MutationObserver(Component._observeCreation);
-            Component.__createObserver.observe(document.body, { childList: true, subtree: true });
+            Component.__createObserver.observe(x4dom_1.x4document.body, { childList: true, subtree: true });
         }
         return this.m_dom;
     }
@@ -887,10 +882,10 @@ class Component extends base_component_1.BaseComponent {
         else if (!Component.__privateEvents[name]) {
             Component.__privateEvents[name] = true; // todo count it
             if (passiveEvents[name]) {
-                document.addEventListener(name, Component._dispatchEvent, { passive: false, capture: true });
+                x4dom_1.x4document.addEventListener(name, Component._dispatchEvent, { passive: false, capture: true });
             }
             else {
-                document.addEventListener(name, Component._dispatchEvent, true);
+                x4dom_1.x4document.addEventListener(name, Component._dispatchEvent, true);
             }
         }
         if (name === 'sizechange') {
@@ -1090,30 +1085,30 @@ class Component extends base_component_1.BaseComponent {
             debugger;
         }
         //	todo: review that
-        let iframes = document.querySelectorAll("iframe");
+        let iframes = x4dom_1.x4document.querySelectorAll("iframe");
         iframes.forEach(f => {
             flyWrap(f).setStyleValue('pointer-events', 'none');
         });
-        let overs = document.querySelectorAll(":hover");
+        let overs = x4dom_1.x4document.querySelectorAll(":hover");
         let cursor = null;
         if (overs.length) {
             let elementOver = overs[overs.length - 1];
             let style = window.getComputedStyle(elementOver);
             cursor = style.cursor;
         }
-        Component.__capture_mask = document.createElement('div');
+        Component.__capture_mask = x4dom_1.x4document.createElement('div');
         let mask = flyWrap(Component.__capture_mask);
         mask.addClass('@capture-mask');
         if (cursor) {
             mask.setStyleValue('cursor', cursor);
         }
-        document.body.appendChild(mask.dom);
-        document.addEventListener('mousedown', Component.dispatchCaptures);
-        document.addEventListener('mousemove', Component.dispatchCaptures);
-        document.addEventListener('mouseup', Component.dispatchCaptures);
-        document.addEventListener('touchstart', Component.dispatchCaptures);
-        document.addEventListener('touchmove', Component.dispatchCaptures);
-        document.addEventListener('touchend', Component.dispatchCaptures);
+        x4dom_1.x4document.body.appendChild(mask.dom);
+        x4dom_1.x4document.addEventListener('mousedown', Component.dispatchCaptures);
+        x4dom_1.x4document.addEventListener('mousemove', Component.dispatchCaptures);
+        x4dom_1.x4document.addEventListener('mouseup', Component.dispatchCaptures);
+        x4dom_1.x4document.addEventListener('touchstart', Component.dispatchCaptures);
+        x4dom_1.x4document.addEventListener('touchmove', Component.dispatchCaptures);
+        x4dom_1.x4document.addEventListener('touchend', Component.dispatchCaptures);
         Component.__capture = {
             initiator,
             handler: listener,
@@ -1122,18 +1117,18 @@ class Component extends base_component_1.BaseComponent {
     }
     static releaseCapture() {
         console.assert(!!Component.__capture);
-        document.removeEventListener('touchstart', Component.dispatchCaptures);
-        document.removeEventListener('touchmove', Component.dispatchCaptures);
-        document.removeEventListener('touchend', Component.dispatchCaptures);
-        document.removeEventListener('mousedown', Component.dispatchCaptures);
-        document.removeEventListener('mousemove', Component.dispatchCaptures);
-        document.removeEventListener('mouseup', Component.dispatchCaptures);
+        x4dom_1.x4document.removeEventListener('touchstart', Component.dispatchCaptures);
+        x4dom_1.x4document.removeEventListener('touchmove', Component.dispatchCaptures);
+        x4dom_1.x4document.removeEventListener('touchend', Component.dispatchCaptures);
+        x4dom_1.x4document.removeEventListener('mousedown', Component.dispatchCaptures);
+        x4dom_1.x4document.removeEventListener('mousemove', Component.dispatchCaptures);
+        x4dom_1.x4document.removeEventListener('mouseup', Component.dispatchCaptures);
         Component.__capture.iframes.forEach(f => {
             flyWrap(f).setStyleValue('pointer-events', null);
         });
         Component.__capture = null;
         if (Component.__capture_mask) {
-            document.body.removeChild(Component.__capture_mask);
+            x4dom_1.x4document.body.removeChild(Component.__capture_mask);
             Component.__capture_mask = null;
         }
     }
@@ -1149,7 +1144,8 @@ class Component extends base_component_1.BaseComponent {
             let left = undefined;
             let right = undefined;
             let pn = this.dom.parentElement;
-            while (pn && pn != document.body) {
+            const bdy = x4dom_1.x4document.body;
+            while (pn && pn != bdy) {
                 const pr = pn.getBoundingClientRect();
                 if (top === undefined || top < pr.top) {
                     top = pr.top;
@@ -1283,15 +1279,15 @@ class Component extends base_component_1.BaseComponent {
      */
     static getScrollbarSize() {
         if (Component.__sb_width === undefined) {
-            let outerDiv = document.createElement('div');
+            let outerDiv = x4dom_1.x4document.createElement('div');
             outerDiv.style.cssText = 'overflow:auto;position:absolute;top:0;width:100px;height:100px';
-            let innerDiv = document.createElement('div');
+            let innerDiv = x4dom_1.x4document.createElement('div');
             innerDiv.style.width = '200px';
             innerDiv.style.height = '200px';
             outerDiv.appendChild(innerDiv);
-            document.body.appendChild(outerDiv);
+            x4dom_1.x4document.body.appendChild(outerDiv);
             Component.__sb_width = outerDiv.offsetWidth - outerDiv.clientWidth;
-            document.body.removeChild(outerDiv);
+            x4dom_1.x4document.body.removeChild(outerDiv);
         }
         return Component.__sb_width;
     }
@@ -1370,7 +1366,7 @@ class Space extends Component {
 }
 exports.Space = Space;
 function EvSize(size, mode = null, context = null) {
-    return (0, x4_events_1.BasicEvent)({ size, mode, context });
+    return (0, x4events_1.BasicEvent)({ size, mode, context });
 }
 exports.EvSize = EvSize;
 class Separator extends Component {
@@ -1514,7 +1510,7 @@ class Separator extends Component {
 }
 exports.Separator = Separator;
 function EvOverlayResize(ui_event, sens, context = null) {
-    return (0, x4_events_1.BasicEvent)({ ui_event, sens, context });
+    return (0, x4events_1.BasicEvent)({ ui_event, sens, context });
 }
 exports.EvOverlayResize = EvOverlayResize;
 class SizerOverlay extends Component {
@@ -1629,7 +1625,7 @@ class SizerOverlay extends Component {
 }
 exports.SizerOverlay = SizerOverlay;
 function EvShortcut(name) {
-    return (0, x4_events_1.BasicEvent)({ name });
+    return (0, x4events_1.BasicEvent)({ name });
 }
 /**
  * you can construct a Container as usual with it's properties but also directly with it's children array

package/lib/datastore.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 { BasicEvent, EvChange, EventSource, EventMap } from './x4_events';
+import { BasicEvent, EvChange, EventSource, EventMap } from './x4events';
 import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component';
 export declare type ChangeCallback = (type: string, id?: any) => void;
 export declare type CalcCallback = () => string;

package/lib/datastore.js

@@ -31,10 +31,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataView = exports.EvViewChange = exports.DataStore = exports.DataProxy = exports.AutoRecord = exports.Record = exports.data = void 0;
 const request_1 = require("./request");
 const tools_1 = require("./tools");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const base_component_1 = require("./base_component");
 function EvDataChange(type, id) {
-    return (0, x4_events_1.BasicEvent)({ type, id });
+    return (0, x4events_1.BasicEvent)({ type, id });
 }
 /**
  *
@@ -448,7 +448,7 @@ class DataProxy extends base_component_1.BaseComponent {
                     method: 'GET',
                     params: this.m_props.params,
                     success: (data) => {
-                        this.emit('change', (0, x4_events_1.EvChange)(data));
+                        this.emit('change', (0, x4events_1.EvChange)(data));
                     }
                 });
             }, delay);
@@ -459,7 +459,7 @@ exports.DataProxy = DataProxy;
 /**
  *
  */
-class DataStore extends x4_events_1.EventSource {
+class DataStore extends x4events_1.EventSource {
     m_model;
     m_fields;
     m_records;
@@ -864,7 +864,7 @@ class DataStore extends x4_events_1.EventSource {
 }
 exports.DataStore = DataStore;
 function EvViewChange(action) {
-    return (0, x4_events_1.BasicEvent)({ action });
+    return (0, x4events_1.BasicEvent)({ action });
 }
 exports.EvViewChange = EvViewChange;
 /**

package/lib/dialog.d.ts

@@ -31,7 +31,7 @@ import { IconID } from './icon';
 import { Label } from './label';
 import { Form, FormButtons } from './form';
 import { Component, ComponentContent } from './component';
-import { BasicEvent, EventCallback } from './x4_events';
+import { BasicEvent, EventCallback } from './x4events';
 import { Rect, Size } from './tools';
 interface Geometry {
     left: number;

package/lib/dialog.js

@@ -29,16 +29,17 @@
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = exports.EvBtnClick = void 0;
+const x4dom_1 = require("./x4dom");
 const popup_1 = require("./popup");
 const icon_1 = require("./icon");
 const layout_1 = require("./layout");
 const label_1 = require("./label");
 const form_1 = require("./form");
 const component_1 = require("./component");
-const x4_events_1 = require("./x4_events");
+const x4events_1 = require("./x4events");
 const tools_1 = require("./tools");
 function EvBtnClick(button) {
-    return (0, x4_events_1.BasicEvent)({ button });
+    return (0, x4events_1.BasicEvent)({ button });
 }
 exports.EvBtnClick = EvBtnClick;
 /**
@@ -340,7 +341,7 @@ class Dialog extends popup_1.Popup {
      */
     _mouseDown(event) {
         let { x, y } = (0, tools_1.getMousePos)(event, true);
-        let wrc = (0, component_1.flyWrap)(document.body).getBoundingRect();
+        let wrc = (0, component_1.flyWrap)(x4dom_1.x4document.body).getBoundingRect();
         let rc = this.getBoundingRect(true);
         let trc = this.m_el_title.getBoundingRect();
         let dx = x - rc.left, dy = y - rc.top;