x4js 1.4.2 → 1.4.5

package/lib/component.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,15 +23,20 @@
  *
  *	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.Container = exports.SizerOverlay = exports.EvOverlayResize = exports.Separator = exports.EvSize = exports.Space = exports.Flex = exports.flyWrap = exports.Component = exports.EvFocus = exports.EvDblClick = exports.html = exports.isHtmlString = exports.HtmlString = void 0;
 /**
  * @todo
  *		create Container class
  */
-import { pascalCase, Rect, isString, isArray, Size, isNumber, asap, isHtmlString, getMousePos } from './tools';
-import { Stylesheet, ComputedStyle } from './styles';
-import { BasicEvent } from './x4_events';
-import { BaseComponent } from './base_component';
-export { HtmlString, isHtmlString, html } from './tools';
+const tools_1 = require("./tools");
+const styles_1 = require("./styles");
+const x4_events_1 = require("./x4_events");
+const base_component_1 = require("./base_component");
+var tools_2 = require("./tools");
+Object.defineProperty(exports, "HtmlString", { enumerable: true, get: function () { return tools_2.HtmlString; } });
+Object.defineProperty(exports, "isHtmlString", { enumerable: true, get: function () { return tools_2.isHtmlString; } });
+Object.defineProperty(exports, "html", { enumerable: true, get: function () { return tools_2.html; } });
 /** @ignore classname prefix for system classes */
 const _x4_ns_prefix = 'x-';
 // -- elements -----------
@@ -60,16 +66,18 @@ const passiveEvents = {
 };
 /** ignore */
 const reNumber = /^-?\d+(\.\d+)?$/;
-export function EvDblClick(context = null) {
-    return BasicEvent({ context });
+function EvDblClick(context = null) {
+    return (0, x4_events_1.BasicEvent)({ context });
 }
-export function EvFocus(focus = true, context = null) {
-    return BasicEvent({ focus, context });
+exports.EvDblClick = EvDblClick;
+function EvFocus(focus = true, context = null) {
+    return (0, x4_events_1.BasicEvent)({ focus, context });
 }
+exports.EvFocus = EvFocus;
 /**
  *
  */
-export class Component extends BaseComponent {
+class Component extends base_component_1.BaseComponent {
     m_dom;
     m_iprops;
     static __sb_width; // scrollbar width
@@ -124,7 +132,7 @@ export class Component extends BaseComponent {
             if (!this.m_props.content) {
                 this.m_props.content = [];
             }
-            else if (!isArray(this.m_props.content)) {
+            else if (!(0, tools_1.isArray)(this.m_props.content)) {
                 this.m_props.content = [this.m_props.content];
             }
             this.m_props.content.push(c);
@@ -132,7 +140,7 @@ export class Component extends BaseComponent {
                 this._appendChild(c);
             }
         };
-        if (isArray(content)) {
+        if ((0, tools_1.isArray)(content)) {
             content.forEach(append);
         }
         else {
@@ -256,7 +264,7 @@ export class Component extends BaseComponent {
             if (value === undefined) {
                 value = null;
             }
-            else if (!_x4_unitless[name] && (isNumber(value) || reNumber.test(value))) {
+            else if (!_x4_unitless[name] && ((0, tools_1.isNumber)(value) || reNumber.test(value))) {
                 value = value + 'px';
             }
             this.m_dom.style[name] = value;
@@ -268,9 +276,9 @@ export class Component extends BaseComponent {
      */
     getComputedStyle(pseudoElt) {
         if (this.dom) {
-            return new ComputedStyle(getComputedStyle(this.dom, pseudoElt ?? null));
+            return new styles_1.ComputedStyle(getComputedStyle(this.dom, pseudoElt ?? null));
         }
-        return new ComputedStyle(this.m_props.style);
+        return new styles_1.ComputedStyle(this.m_props.style);
     }
     /**
      * return a single stype value
@@ -301,7 +309,7 @@ export class Component extends BaseComponent {
             if (value === true) {
                 value = '';
             }
-            else if (isNumber(value)) {
+            else if ((0, tools_1.isNumber)(value)) {
                 value = '' + value;
             }
             let attrs = this.m_props.attrs;
@@ -620,17 +628,17 @@ export class Component extends BaseComponent {
         // create children
         let content = props.content;
         if (content) {
-            if (!isArray(content)) {
+            if (!(0, tools_1.isArray)(content)) {
                 content = [content];
             }
             content.forEach((el) => {
                 if (!el) {
                     return;
                 }
-                if (isString(el)) {
+                if ((0, tools_1.isString)(el)) {
                     this.m_dom.insertAdjacentText('beforeend', el);
                 }
-                else if (isHtmlString(el)) {
+                else if ((0, tools_1.isHtmlString)(el)) {
                     this.m_dom.insertAdjacentHTML('beforeend', el);
                 }
                 else if (el instanceof Component) {
@@ -753,14 +761,14 @@ export class Component extends BaseComponent {
         let content = this.m_props.content;
         // create children
         if (content) {
-            if (!isArray(content)) {
+            if (!(0, tools_1.isArray)(content)) {
                 content = [content];
             }
             content.forEach((el) => {
                 if (!el) {
                     return;
                 }
-                if (isHtmlString(el)) {
+                if ((0, tools_1.isHtmlString)(el)) {
                     this.m_dom.insertAdjacentHTML('beforeend', el);
                 }
                 else if (el instanceof Component) {
@@ -781,7 +789,7 @@ export class Component extends BaseComponent {
     getBoundingRect(withMargins = false) {
         console.assert(this.dom != null, 'cannot get bounding rect of an non DOM element');
         let r = this.dom.getBoundingClientRect();
-        let rc = new Rect(r.left, r.top, r.width, r.height);
+        let rc = new tools_1.Rect(r.left, r.top, r.width, r.height);
         if (withMargins) {
             let st = this.getComputedStyle();
             let tm = st.parse('marginTop'), bm = st.parse('marginBottom'), lm = st.parse('marginLeft'), rm = st.parse('marginRight');
@@ -977,11 +985,11 @@ export class Component extends BaseComponent {
             if (!content) {
                 return;
             }
-            if (!isArray(content)) {
+            if (!(0, tools_1.isArray)(content)) {
                 content = [content];
             }
             content.some((el) => {
-                if (!el || isString(el) || isHtmlString(el)) {
+                if (!el || (0, tools_1.isString)(el) || (0, tools_1.isHtmlString)(el)) {
                     return;
                 }
                 if (cb(el)) {
@@ -999,10 +1007,10 @@ export class Component extends BaseComponent {
      * @param props child to append (or string)
      */
     _appendChild(el) {
-        if (isString(el)) {
+        if ((0, tools_1.isString)(el)) {
             this.m_dom.insertAdjacentText('beforeend', el);
         }
-        else if (isHtmlString(el)) {
+        else if ((0, tools_1.isHtmlString)(el)) {
             this.m_dom.insertAdjacentHTML('beforeend', el);
         }
         else {
@@ -1027,7 +1035,7 @@ export class Component extends BaseComponent {
         let me = Object.getPrototypeOf(this);
         while (me && me.constructor !== Component) {
             let clsname = me.constructor.name;
-            this.addClass('@' + pascalCase(clsname));
+            this.addClass('@' + (0, tools_1.pascalCase)(clsname));
             me = Object.getPrototypeOf(me);
         }
         this.addClass(this.m_props.cls);
@@ -1126,7 +1134,7 @@ export class Component extends BaseComponent {
      */
     scrollIntoView(arg) {
         if (this.m_dom) {
-            const rel = new Rect(this.dom.getBoundingClientRect());
+            const rel = new tools_1.Rect(this.dom.getBoundingClientRect());
             let top = undefined;
             let bot = undefined;
             let left = undefined;
@@ -1211,7 +1219,7 @@ export class Component extends BaseComponent {
      */
     static getCss() {
         if (!Component.__css) {
-            Component.__css = new Stylesheet();
+            Component.__css = new styles_1.Stylesheet();
         }
         return Component.__css;
     }
@@ -1242,7 +1250,7 @@ export class Component extends BaseComponent {
      */
     static getElement(dom, classname) {
         if (classname) {
-            const srhCls = isString(classname);
+            const srhCls = (0, tools_1.isString)(classname);
             while (dom) {
                 let el = dom[_x4_el_sym];
                 if (srhCls) {
@@ -1288,6 +1296,7 @@ export class Component extends BaseComponent {
         return (this.m_dom.offsetParent !== null);
     }
 }
+exports.Component = Component;
 /** @ignore */
 let fly_element = null;
 /**
@@ -1295,7 +1304,7 @@ let fly_element = null;
  * @param dom dom element to wrap
  * @review qui libere le fly_element ? -> timeout
  */
-export function flyWrap(dom) {
+function flyWrap(dom) {
     if (dom[_x4_el_sym]) {
         return dom[_x4_el_sym];
     }
@@ -1306,10 +1315,11 @@ export function flyWrap(dom) {
     f.m_dom = dom;
     return f;
 }
+exports.flyWrap = flyWrap;
 /**
  * simple flex spacer
  */
-export class Flex extends Component {
+class Flex extends Component {
     constructor(props = {}) {
         if (!props.flex) {
             props.flex = 1;
@@ -1317,10 +1327,11 @@ export class Flex extends Component {
         super(props);
     }
 }
+exports.Flex = Flex;
 /**
  * simple space between 2 elements
  */
-export class Space extends Component {
+class Space extends Component {
     m_size;
     constructor(size) {
         super({});
@@ -1348,10 +1359,12 @@ export class Space extends Component {
         this.setStyle(style);
     }
 }
-export function EvSize(size, mode = null, context = null) {
-    return BasicEvent({ size, mode, context });
+exports.Space = Space;
+function EvSize(size, mode = null, context = null) {
+    return (0, x4_events_1.BasicEvent)({ size, mode, context });
 }
-export class Separator extends Component {
+exports.EvSize = EvSize;
+class Separator extends Component {
     m_irect;
     m_delta;
     m_target;
@@ -1426,7 +1439,7 @@ export class Separator extends Component {
                     width = (ex - this.m_delta) - this.m_irect.left;
                 }
                 if (width > 0) {
-                    let size = new Size(width, 0);
+                    let size = new tools_1.Size(width, 0);
                     this.emit('resize', EvSize(size));
                     this.m_target.setStyleValue('width', size.width);
                     this.m_target.setStyleValue('flex', null); // for flex>1
@@ -1442,7 +1455,7 @@ export class Separator extends Component {
                     height = (ey - this.m_delta) - this.m_irect.top;
                 }
                 if (height > 0) {
-                    let size = new Size(0, height);
+                    let size = new tools_1.Size(0, height);
                     this.emit('resize', EvSize(size));
                     this.m_target.setStyleValue('height', size.height);
                     this.m_target.setStyleValue('flex', null); // for flex>1
@@ -1490,10 +1503,12 @@ export class Separator extends Component {
         }
     }
 }
-export function EvOverlayResize(ui_event, sens, context = null) {
-    return BasicEvent({ ui_event, sens, context });
+exports.Separator = Separator;
+function EvOverlayResize(ui_event, sens, context = null) {
+    return (0, x4_events_1.BasicEvent)({ ui_event, sens, context });
 }
-export class SizerOverlay extends Component {
+exports.EvOverlayResize = EvOverlayResize;
+class SizerOverlay extends Component {
     m_delta;
     m_irect;
     constructor(props) {
@@ -1522,7 +1537,7 @@ export class SizerOverlay extends Component {
         if (eev.defaultPrevented) {
             return;
         }
-        let pos = getMousePos(ev, true);
+        let pos = (0, tools_1.getMousePos)(ev, true);
         this.m_irect = this.m_props.target.getBoundingRect();
         if (this.m_props.sens == 'right') {
             this.m_delta = pos.x - this.m_irect.right;
@@ -1575,7 +1590,7 @@ export class SizerOverlay extends Component {
                     height = (ey - this.m_delta) - this.m_irect.top;
                 }
                 if (height > 0) {
-                    let size = new Size(0, height);
+                    let size = new tools_1.Size(0, height);
                     this.emit('resize', EvSize(size));
                     this.m_props.target.setStyleValue('height', size.height);
                     this.m_props.target.setStyleValue('flex', null); // for flex>1
@@ -1603,8 +1618,9 @@ export class SizerOverlay extends Component {
         }
     }
 }
+exports.SizerOverlay = SizerOverlay;
 function EvShortcut(name) {
-    return BasicEvent({ name });
+    return (0, x4_events_1.BasicEvent)({ name });
 }
 /**
  * you can construct a Container as usual with it's properties but also directly with it's children array
@@ -1615,10 +1631,10 @@ function EvShortcut(name) {
  *  child2
  * ])
  */
-export class Container extends Component {
+class Container extends Component {
     m_shortcuts;
     constructor(props) {
-        if (isArray(props)) {
+        if ((0, tools_1.isArray)(props)) {
             super({ content: props });
         }
         else {
@@ -1636,7 +1652,7 @@ export class Container extends Component {
             this.m_shortcuts = [];
             this.setDomEvent('keydown', (e) => this._handleKeydown(e));
         }
-        if (!isArray(sequence)) {
+        if (!(0, tools_1.isArray)(sequence)) {
             sequence = [sequence];
         }
         sequence.forEach((seq) => {
@@ -1697,7 +1713,7 @@ export class Container extends Component {
                         sk.callback(e);
                     }
                     else {
-                        asap(() => { sk.callback(e); });
+                        (0, tools_1.asap)(() => { sk.callback(e); });
                     }
                 }
                 else {
@@ -1710,3 +1726,4 @@ export class Container extends Component {
         });
     }
 }
+exports.Container = Container;

package/lib/datastore.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___  ___ __
 *  \  \/  /  / _
@@ -22,12 +23,14 @@
 *
 * 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 { ajaxRequest } from './request';
-import { isArray, isString } from './tools';
-import { BasicEvent, EvChange, EventSource } from './x4_events';
-import { BaseComponent } from './base_component';
+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 base_component_1 = require("./base_component");
 function EvDataChange(type, id) {
-    return BasicEvent({ type, id });
+    return (0, x4_events_1.BasicEvent)({ type, id });
 }
 /**
  *
@@ -66,7 +69,7 @@ function _getMetas(obj, create = true) {
     }
     return mfld;
 }
-export var data;
+var data;
 (function (data_1) {
     /**
      * define a record id
@@ -171,11 +174,11 @@ export var data;
         return data.field({ ...props, type: 'array', model: new ctor() });
     }
     data_1.array = array;
-})(data || (data = {}));
+})(data = exports.data || (exports.data = {}));
 /**
  * record model
  */
-export class Record {
+class Record {
     constructor(data, id) {
         if (data !== undefined) {
             this.unSerialize(data, id);
@@ -287,7 +290,7 @@ export class Record {
                 return typeof (input) === 'number' ? input : parseInt(input);
             }
             case 'date': {
-                return isString(input) ? new Date(input) : input;
+                return (0, tools_1.isString)(input) ? new Date(input) : input;
             }
             case 'array': {
                 let result = [];
@@ -369,10 +372,11 @@ export class Record {
         this.setRaw(fld.name, value);
     }
 }
+exports.Record = Record;
 /**
  * by default, the field id is rhe first member or the record
  */
-export class AutoRecord extends Record {
+class AutoRecord extends Record {
     m_data;
     m_fid;
     constructor(data) {
@@ -405,7 +409,8 @@ export class AutoRecord extends Record {
         return new AutoRecord({ ...data });
     }
 }
-export class DataProxy extends BaseComponent {
+exports.AutoRecord = AutoRecord;
+class DataProxy extends base_component_1.BaseComponent {
     constructor(props) {
         super(props);
     }
@@ -434,22 +439,23 @@ export class DataProxy extends BaseComponent {
         }
         else {
             setTimeout(() => {
-                ajaxRequest({
+                (0, request_1.ajaxRequest)({
                     url: this.m_props.path,
                     method: 'GET',
                     params: this.m_props.params,
                     success: (data) => {
-                        this.emit('change', EvChange(data));
+                        this.emit('change', (0, x4_events_1.EvChange)(data));
                     }
                 });
             }, delay);
         }
     }
 }
+exports.DataProxy = DataProxy;
 /**
  *
  */
-export class DataStore extends EventSource {
+class DataStore extends x4_events_1.EventSource {
     m_model;
     m_fields;
     m_records;
@@ -680,7 +686,7 @@ export class DataStore extends EventSource {
                     return new Uint32Array(0);
                 }
                 let filterValue = filter.value;
-                if (isString(filterValue) && !filter.caseSensitive) {
+                if ((0, tools_1.isString)(filterValue) && !filter.caseSensitive) {
                     filterValue = filterValue.toUpperCase();
                 }
                 function _lt(recval) {
@@ -852,15 +858,17 @@ export class DataStore extends EventSource {
         this.emit('data_change', EvDataChange('change'));
     }
 }
-export function EvViewChange(action) {
-    return BasicEvent({ action });
+exports.DataStore = DataStore;
+function EvViewChange(action) {
+    return (0, x4_events_1.BasicEvent)({ action });
 }
+exports.EvViewChange = EvViewChange;
 /**
  * Dataview allow different views of the DataStore.
  * You can sort the columns & filter data
  * You can have multiple views for a single DataStore
  */
-export class DataView extends BaseComponent {
+class DataView extends base_component_1.BaseComponent {
     m_index;
     m_store;
     m_sort;
@@ -873,10 +881,10 @@ export class DataView extends BaseComponent {
         this.m_sort = null;
         this.filter(props.filter);
         if (props.order) {
-            if (isString(props.order)) {
+            if ((0, tools_1.isString)(props.order)) {
                 this.sort([{ field: props.order, ascending: true }]);
             }
-            else if (isArray(props.order)) {
+            else if ((0, tools_1.isArray)(props.order)) {
                 this.sort(props.order);
             }
             else {
@@ -984,3 +992,4 @@ export class DataView extends BaseComponent {
         });
     }
 }
+exports.DataView = DataView;