x4js 1.4.2 → 1.4.5

package/lib/tools.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,14 +23,17 @@
 *
 * 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 { _tr } from './i18n'; // you MUST create a file named translation.js
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generatePassword = exports.classNames = exports.mix = exports.crc32 = exports.Clipboard = exports.isHtmlString = exports.html = exports.HtmlString = exports.clamp = exports.getMousePos = exports.NetworkError = exports.markdownToHtml = exports.asap = exports.deferCall = exports.waitFontLoading = exports.isNumber = exports.pad = exports.isLiteralObject = exports.isFunction = exports.isArray = exports.isString = exports.downloadData = exports.calcAge = exports.formatIntlDate = exports.parseIntlDate = exports.date_calc_weeknum = exports.date_clone = exports.date_hash = exports.date_sql_utc = exports.date_to_sql = exports.date_diff = exports.date_format = exports._date_set_locale = exports.removeHtmlTags = exports.escapeHtml = exports.sprintf = exports.Rect = exports.Size = exports.Point = exports.pascalCase = exports.parseIntlFloat = exports.roundTo = exports.isTouchDevice = void 0;
+const i18n_1 = require("./i18n"); // you MUST create a file named translation.js
 // :: ENVIRONMENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 /**
  * @return true is the device has touch
  */
-export function isTouchDevice() {
+function isTouchDevice() {
     return 'ontouchstart' in window;
 }
+exports.isTouchDevice = isTouchDevice;
 // :: NUMBERS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 /**
  * round to a given number of decimals
@@ -37,7 +41,7 @@ export function isTouchDevice() {
  * @param ndec number of decimals
  * @returns number rounded
  */
-export function roundTo(num, ndec) {
+function roundTo(num, ndec) {
     let mul = Math.pow(10, ndec);
     let res = Math.round(num * mul) / mul;
     if (Object.is(res, -0)) { // res===-0.0 
@@ -45,13 +49,14 @@ export function roundTo(num, ndec) {
     }
     return res;
 }
+exports.roundTo = roundTo;
 /**
  * parse an intl formatted number
  * understand grouping and ',' separator
  * @review us format: grouping = ','
  * @param num
  */
-export function parseIntlFloat(num) {
+function parseIntlFloat(num) {
     num = num.replace(/\s*/g, ''); // group separator
     num = num.replace(',', '.'); // decimal separator
     // accept empty & return 0.0
@@ -60,6 +65,7 @@ export function parseIntlFloat(num) {
     }
     return parseFloat(num);
 }
+exports.parseIntlFloat = parseIntlFloat;
 // :: STRING MANIP ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 const RE_PCASE = /([a-z][A-Z])/g;
 const RE_PCASE2 = /[^-a-z0-9]+/g;
@@ -68,7 +74,7 @@ const RE_PCASE2 = /[^-a-z0-9]+/g;
  * theThingToCase -> the-thing-to-case
  * @param {String} str
  */
-export function pascalCase(string) {
+function pascalCase(string) {
     let result = string;
     result = result.replace(/([a-z])([A-Z])/g, "$1 $2");
     result = result.toLowerCase();
@@ -79,7 +85,8 @@ export function pascalCase(string) {
     result = result.trim();
     return result.replace(/ /g, '-');
 }
-export class Point {
+exports.pascalCase = pascalCase;
+class Point {
     x;
     y;
     constructor(x = 0, y = 0) {
@@ -87,7 +94,8 @@ export class Point {
         this.y = y;
     }
 }
-export class Size {
+exports.Point = Point;
+class Size {
     width;
     height;
     constructor(w = 0, h = 0) {
@@ -95,7 +103,8 @@ export class Size {
         this.height = h;
     }
 }
-export class Rect {
+exports.Size = Size;
+class Rect {
     left;
     top;
     width;
@@ -235,6 +244,7 @@ export class Rect {
         this.bottom = bottom;
     }
 }
+exports.Rect = Rect;
 /**
  * replace {0..9} by given arguments
  * @param format string
@@ -244,18 +254,19 @@ export class Rect {
  *
  * console.log( sprintf( 'here is arg 1 {1} and arg 0 {0}', 'argument 0', 'argument 1' ) )
  */
-export function sprintf(format, ...args) {
+function sprintf(format, ...args) {
     return format.replace(/{(\d+)}/g, function (match, index) {
         return typeof args[index] != 'undefined' ? args[index] : match;
     });
 }
+exports.sprintf = sprintf;
 /**
  * replace special characters for display
  * @param unsafe
  *
  * console.log( escapeHtml('<div style="width:50px; height: 50px; background-color:red"></div>') );
  */
-export function escapeHtml(unsafe, nl_br = false) {
+function escapeHtml(unsafe, nl_br = false) {
     if (!unsafe || unsafe.length == 0) {
         return unsafe;
     }
@@ -267,6 +278,7 @@ export function escapeHtml(unsafe, nl_br = false) {
     }
     return result;
 }
+exports.escapeHtml = escapeHtml;
 /**
  * replace special characters for display
  * @author Steven Levithan <http://slevithan.com/>
@@ -274,7 +286,7 @@ export function escapeHtml(unsafe, nl_br = false) {
  *
  * console.log( removeHtmlTags('<h1>sss</h1>') );
  */
-export function removeHtmlTags(unsafe, nl_br = false) {
+function removeHtmlTags(unsafe, nl_br = false) {
     if (!unsafe || unsafe.length == 0) {
         return unsafe;
     }
@@ -294,15 +306,17 @@ export function removeHtmlTags(unsafe, nl_br = false) {
     }
     return ret_val;
 }
+exports.removeHtmlTags = removeHtmlTags;
 // :: DATES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 let cur_locale = 'fr-FR';
 /**
  * change the current locale for misc translations (date...)
  * @param locale
  */
-export function _date_set_locale(locale) {
+function _date_set_locale(locale) {
     cur_locale = locale;
 }
+exports._date_set_locale = _date_set_locale;
 /**
  *
  * @param date
@@ -312,32 +326,34 @@ export function _date_set_locale(locale) {
  * let options = { day: 'numeric', month: 'numeric', year: 'numeric', hour: 'numeric', minute: 'numeric' };
  * let text = date_format( date, options );
  */
-export function date_format(date, options) {
+function date_format(date, options) {
     //return new Intl.DateTimeFormat(cur_locale, options).format( date );
     return formatIntlDate(date);
 }
+exports.date_format = date_format;
 /**
  *
  * @param date
  * @param options
  */
-export function date_diff(date1, date2, options) {
+function date_diff(date1, date2, options) {
     var dt = (date1.getTime() - date2.getTime()) / 1000;
     // seconds
     let sec = dt;
     if (sec < 60) {
-        return sprintf(_tr.global.diff_date_seconds, Math.round(sec));
+        return sprintf(i18n_1._tr.global.diff_date_seconds, Math.round(sec));
     }
     // minutes
     let min = Math.floor(sec / 60);
     if (min < 60) {
-        return sprintf(_tr.global.diff_date_minutes, Math.round(min));
+        return sprintf(i18n_1._tr.global.diff_date_minutes, Math.round(min));
     }
     // hours
     let hrs = Math.floor(min / 60);
-    return sprintf(_tr.global.diff_date_hours, hrs, min % 60);
+    return sprintf(i18n_1._tr.global.diff_date_hours, hrs, min % 60);
 }
-export function date_to_sql(date, withHours) {
+exports.date_diff = date_diff;
+function date_to_sql(date, withHours) {
     if (withHours) {
         return formatIntlDate(date, 'Y-M-D H:I:S');
     }
@@ -345,38 +361,43 @@ export function date_to_sql(date, withHours) {
         return formatIntlDate(date, 'Y-M-D');
     }
 }
+exports.date_to_sql = date_to_sql;
 /**
  * construct a date from an utc date time (sql format)
  * YYYY-MM-DD HH:MM:SS
  */
-export function date_sql_utc(date) {
+function date_sql_utc(date) {
     let result = new Date(date + ' GMT');
     return result;
 }
+exports.date_sql_utc = date_sql_utc;
 /**
  * return a number that is a representation of the date
  * this number can be compared with another hash
  */
-export function date_hash(date) {
+function date_hash(date) {
     return date.getFullYear() << 16 | date.getMonth() << 8 | date.getDate();
 }
+exports.date_hash = date_hash;
 Date.prototype.hash = function () {
     return date_hash(this);
 };
 /**
  * return a copy of a date
  */
-export function date_clone(date) {
+function date_clone(date) {
     return new Date(date.getTime());
 }
+exports.date_clone = date_clone;
 /**
  * return the week number of a date
  */
-export function date_calc_weeknum(date) {
+function date_calc_weeknum(date) {
     const firstDayOfYear = new Date(date.getFullYear(), 0, 1);
     const pastDaysOfYear = (date.valueOf() - firstDayOfYear.valueOf()) / 86400000;
     return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);
 }
+exports.date_calc_weeknum = date_calc_weeknum;
 /**
  * parse a date according to the given format
  * @param value - string date to parse
@@ -395,7 +416,7 @@ export function date_calc_weeknum(date) {
  * @example
  * 'd/m/y|d m Y|dmy|y-m-d h:i:s|y-m-d'
  */
-export function parseIntlDate(value, fmts = _tr.global.date_input_formats) {
+function parseIntlDate(value, fmts = i18n_1._tr.global.date_input_formats) {
     let formats = fmts.split('|');
     for (let fmatch of formats) {
         //review: could do that only once & keep result
@@ -452,6 +473,7 @@ export function parseIntlDate(value, fmts = _tr.global.date_input_formats) {
     }
     return null;
 }
+exports.parseIntlDate = parseIntlDate;
 /**
  * format a date as string
  * @param date - date to format
@@ -482,7 +504,7 @@ export function parseIntlDate(value, fmts = _tr.global.date_input_formats) {
  * 01/01/1970 11:25:00 with '{this is my demo date formatter: }H-i*M'
  * "this is my demo date formatter: 11-25*january"
  */
-export function formatIntlDate(date, fmt = _tr.global.date_format) {
+function formatIntlDate(date, fmt = i18n_1._tr.global.date_format) {
     if (!date) {
         return '';
     }
@@ -520,10 +542,10 @@ export function formatIntlDate(date, fmt = _tr.global.date_format) {
             result += pad(now.day, -2);
         }
         else if (c == 'j') { // day short
-            result += _tr.global.day_short[now.wday];
+            result += i18n_1._tr.global.day_short[now.wday];
         }
         else if (c == 'J') { // day long
-            result += _tr.global.day_long[now.wday];
+            result += i18n_1._tr.global.day_long[now.wday];
         }
         else if (c == 'w') { // week
             result += date_calc_weeknum(date);
@@ -538,10 +560,10 @@ export function formatIntlDate(date, fmt = _tr.global.date_format) {
             result += pad(now.month, -2);
         }
         else if (c == 'o') { // month short
-            result += _tr.global.month_short[now.month - 1];
+            result += i18n_1._tr.global.month_short[now.month - 1];
         }
         else if (c == 'O') { // month long
-            result += _tr.global.month_long[now.month - 1];
+            result += i18n_1._tr.global.month_long[now.month - 1];
         }
         else if (c == 'y' || c == 'Y') {
             result += pad(now.year, -4);
@@ -579,7 +601,8 @@ export function formatIntlDate(date, fmt = _tr.global.date_format) {
     }
     return result;
 }
-export function calcAge(birth, ref) {
+exports.formatIntlDate = formatIntlDate;
+function calcAge(birth, ref) {
     if (ref === undefined) {
         ref = new Date();
     }
@@ -592,6 +615,7 @@ export function calcAge(birth, ref) {
     }
     return age;
 }
+exports.calcAge = calcAge;
 Date.prototype.isSameDay = function (date) {
     return this.getDate() == date.getDate() && this.getMonth() == date.getMonth() && this.getFullYear() == date.getFullYear();
 };
@@ -617,7 +641,7 @@ Date.prototype.addDays = function (days) {
  * @param data data to export
  * @param mimetype - 'text/plain'
  */
-export function downloadData(data, mimetype, filename) {
+function downloadData(data, mimetype, filename) {
     //if (data !== null && navigator.msSaveBlob) {
     //	return navigator.msSaveBlob(new Blob([data], { type: mimetype }), filename);
     //}
@@ -631,40 +655,45 @@ export function downloadData(data, mimetype, filename) {
     a.click();
     window.URL.revokeObjectURL(url);
 }
+exports.downloadData = downloadData;
 // :: MISC ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 /**
  * check if a value is a string
  * @param val
  */
-export function isString(val) {
+function isString(val) {
     return typeof val === 'string';
 }
+exports.isString = isString;
 /**
  * check is a value is an array
  * @param val
  */
-export function isArray(val) {
+function isArray(val) {
     return val instanceof Array;
 }
+exports.isArray = isArray;
 /**
  *
  */
-export function isFunction(val) {
+function isFunction(val) {
     return val instanceof Function;
 }
+exports.isFunction = isFunction;
 /**
  *
  */
-export function isLiteralObject(val) {
+function isLiteralObject(val) {
     return (!!val) && (val.constructor === Object);
 }
+exports.isLiteralObject = isLiteralObject;
 ;
 /**
  * prepend 0 to a value to a given length
  * @param value
  * @param length
  */
-export function pad(what, size, ch = '0') {
+function pad(what, size, ch = '0') {
     let value;
     if (!isString(what)) {
         value = '' + what;
@@ -679,17 +708,19 @@ export function pad(what, size, ch = '0') {
         return value.padStart(-size, ch);
     }
 }
+exports.pad = pad;
 /**
  * return true if val is a finite number
  */
-export function isNumber(val) {
+function isNumber(val) {
     return typeof val === 'number' && isFinite(val);
 }
+exports.isNumber = isNumber;
 /**
  *
  * @param name
  */
-export function waitFontLoading(name) {
+function waitFontLoading(name) {
     // tip for waiting font loading:
     // by default, body is created invisible ((opacity = 0)
     // we create a div inside with the font we need to wait the loading
@@ -716,6 +747,7 @@ export function waitFontLoading(name) {
         }, 0);
     });
 }
+exports.waitFontLoading = waitFontLoading;
 /**
  *
  * @param fn
@@ -727,15 +759,17 @@ export function waitFontLoading(name) {
  * 	console.log( x );
  * } )(  );
  */
-export function deferCall(fn, tm = 0, ...args) {
+function deferCall(fn, tm = 0, ...args) {
     setTimeout(fn, tm, ...args);
 }
+exports.deferCall = deferCall;
 /**
  *
  */
-export function asap(cb) {
+function asap(cb) {
     requestAnimationFrame(cb);
 }
+exports.asap = asap;
 /**
  * micro md to html
  *
@@ -750,7 +784,7 @@ export function asap(cb) {
  *  ### title lvl 3 ...
  *
  */
-export function markdownToHtml(text) {
+function markdownToHtml(text) {
     if (!text) {
         return '';
     }
@@ -833,10 +867,11 @@ export function markdownToHtml(text) {
     }
     return result.join('');
 }
+exports.markdownToHtml = markdownToHtml;
 /**
  *
  */
-export class NetworkError extends Error {
+class NetworkError extends Error {
     m_code;
     constructor(a, b) {
         if (a instanceof Response) {
@@ -852,11 +887,12 @@ export class NetworkError extends Error {
         return this.m_code;
     }
 }
+exports.NetworkError = NetworkError;
 /**
  * return the mouse pos in client coordinates
  * handle correctly touch & mouse
  */
-export function getMousePos(ev, fromDoc) {
+function getMousePos(ev, fromDoc) {
     let x_name = 'offsetX', y_name = 'offsetY';
     if (fromDoc) {
         x_name = 'clientX';
@@ -882,6 +918,7 @@ export function getMousePos(ev, fromDoc) {
         return new Point(0, 0);
     }
 }
+exports.getMousePos = getMousePos;
 /**
  * clamp a value
  * @param v - value to clamp
@@ -889,24 +926,28 @@ export function getMousePos(ev, fromDoc) {
  * @param max - max value
  * @returns clamped value
  */
-export function clamp(v, min, max) {
+function clamp(v, min, max) {
     return Math.min(Math.max(v, min), max);
 }
+exports.clamp = clamp;
 // :: HTML strings ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
-export class HtmlString extends String {
+class HtmlString extends String {
     constructor(text) { super(text); }
     static from(text) {
         return new HtmlString(text);
     }
 }
-export function html(a, ...b) {
+exports.HtmlString = HtmlString;
+function html(a, ...b) {
     return HtmlString.from(String.raw(a, ...b));
 }
-export function isHtmlString(val) {
+exports.html = html;
+function isHtmlString(val) {
     return val instanceof HtmlString;
 }
+exports.isHtmlString = isHtmlString;
 // :: CLIPBOARD ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
-export class Clipboard {
+class Clipboard {
     static copy(data) {
         if (navigator.clipboard) {
             navigator.clipboard.writeText(JSON.stringify(data));
@@ -921,6 +962,7 @@ export class Clipboard {
         }
     }
 }
+exports.Clipboard = Clipboard;
 // :: CRC32 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 /**
  * Calculates the CRC32 checksum of a string.
@@ -931,13 +973,14 @@ export class Clipboard {
  * @return {String} checksum
  * @api public
  */
-export function crc32(str) {
+function crc32(str) {
     let crc = ~0;
     for (let i = 0, l = str.length; i < l; i++) {
         crc = (crc >>> 8) ^ crc32tab[(crc ^ str.charCodeAt(i)) & 0xff];
     }
     return Math.abs(crc ^ -1);
 }
+exports.crc32 = crc32;
 var crc32tab = [
     0x00000000, 0x77073096, 0xee0e612c, 0x990951ba,
     0x076dc419, 0x706af48f, 0xe963a535, 0x9e6495a3,
@@ -1013,7 +1056,8 @@ var crc32tab = [
  *	class MyClass extends mix(MyBaseClass).with(Mixin1, Mixin2) {
  *  }
  **/
-export const mix = (superclass) => new MixinBuilder(superclass);
+const mix = (superclass) => new MixinBuilder(superclass);
+exports.mix = mix;
 class MixinBuilder {
     superclass;
     constructor(superclass) {
@@ -1040,7 +1084,7 @@ class MixinBuilder {
  *
  * @returns
  */
-export function classNames(...args) {
+function classNames(...args) {
     let result = '';
     for (const cls of args) {
         if (typeof cls === 'string') {
@@ -1055,7 +1099,8 @@ export function classNames(...args) {
     }
     return result;
 }
-export function generatePassword(length, rules) {
+exports.classNames = classNames;
+function generatePassword(length, rules) {
     if (!length || length == undefined) {
         length = 8;
     }
@@ -1085,6 +1130,7 @@ export function generatePassword(length, rules) {
     });
     return shuffle(pswd);
 }
+exports.generatePassword = generatePassword;
 function shuffle(str, maxlength) {
     let shuffled = str.split('').sort(() => {
         return 0.5 - Math.random();

package/lib/tooltips.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -22,16 +23,18 @@
 *
 * You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
 **/
-import { Component } from './component';
-import { Label } from './label';
-import { Icon } from './icon';
-import { isTouchDevice } from './tools';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initTooltips = exports.Tooltip = void 0;
+const component_1 = require("./component");
+const label_1 = require("./label");
+const icon_1 = require("./icon");
+const tools_1 = require("./tools");
 let tipTmo;
 let tooltip;
 /**
  *
  */
-export class Tooltip extends Component {
+class Tooltip extends component_1.Component {
     m_text;
     set text(text) {
         this.m_text.text = text;
@@ -40,8 +43,8 @@ export class Tooltip extends Component {
     render() {
         this.setClass('@non-maskable', true);
         this.setContent([
-            new Icon({ icon: 'cls(far fa-circle-info)' }),
-            this.m_text = new Label({ text: 'help' })
+            new icon_1.Icon({ icon: 'cls(far fa-circle-info)' }),
+            this.m_text = new label_1.Label({ text: 'help' })
         ]);
     }
     /**
@@ -75,8 +78,9 @@ export class Tooltip extends Component {
         this.setStyle({ left: x, top: y });
     }
 }
-export function initTooltips(cb) {
-    if (isTouchDevice()) {
+exports.Tooltip = Tooltip;
+function initTooltips(cb) {
+    if ((0, tools_1.isTouchDevice)()) {
         return;
     }
     let tipTarget = {
@@ -146,3 +150,4 @@ export function initTooltips(cb) {
     document.body.addEventListener('mouseout', handle_mouse);
     document.body.addEventListener('mousemove', handle_mpos);
 }
+exports.initTooltips = initTooltips;