inviton-powerduck 0.0.153 → 0.0.155

package/common/utils/utils.ts

@@ -1,10 +1,11 @@
 import PowerduckState from '../../app/powerduck-state';
-import { latinize } from './latinize-string';
+import { latinize } from '../extensions/string-extensions';
+import TemporalUtils from './temporal-utils';
 
 export class PortalUtils {
 	private static _isTouchDeviceVal: boolean;
-	private static _isChromeBrowser: boolean
-	private static _treatAsMobileDeviceVal: boolean
+	private static _isChromeBrowser: boolean;
+	private static _treatAsMobileDeviceVal: boolean;
 
 	/**
 	 * Gets if current site is run inside an iframe
@@ -21,9 +22,7 @@ export class PortalUtils {
 	 * Determines if current device runs iOS
 	 */
 	static isIOS(): boolean {
-		return (
-			(/iPad|iPhone|iPod/.test(navigator.userAgent) && !(window as any).MSStream) || navigator.userAgent.match(/(iPad)/) != null || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
-		);
+		return ((/iPad|iPhone|iPod/.test(navigator.userAgent) && !(window as any).MSStream) || navigator.userAgent.match(/(iPad)/) != null || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));
 	}
 
 	/**
@@ -78,7 +77,7 @@ export class PortalUtils {
 	 * Performs normalization / unification for search
 	 */
 	static normalizeStringForSearch(str: string): string {
-		return latinize(str.toLowerCase()).trim();
+		return str.toLowerCase()[latinize]().trim();
 	}
 
 	/**
@@ -145,8 +144,8 @@ export class PortalUtils {
 	}
 
 	/*
-	 * Obtains URL for asset either on CDN, or on local
-	 */
+     * Obtains URL for asset either on CDN, or on local
+     */
 	static getAssetPath(path: string): string {
 		return PowerduckState.getCdnPath() + path;
 	}
@@ -283,7 +282,7 @@ export class PortalUtils {
 		 * Recursively climbs UP the tree to determine first PARENT node of the scroll element to obtain the scroll target
 		 * @param currentElem
 		 */
-		function getScrollTaget(currentElem: HTMLElement): HTMLElement {
+		const getScrollTaget = (currentElem: HTMLElement): HTMLElement => {
 			if (
 				currentElem.scrollTop != 0
 				|| currentElem.nodeName == 'DIALOG'
@@ -297,7 +296,7 @@ export class PortalUtils {
 			} else {
 				return getScrollTaget(currentElem.parentElement);
 			}
-		}
+		};
 
 		const scrollElem = getScrollTaget(<HTMLElement>element);
 		const target = (<HTMLElement>element).getBoundingClientRect().top + scrollElem.scrollTop + (offset != null ? offset : 0);
@@ -312,7 +311,7 @@ export class PortalUtils {
 		 * Recursively climbs DOWN the tree to determine first CHILD node of the scroll element to obtain the scroll target
 		 * @param currentElem
 		 */
-		function getScrollTaget(currentElem: HTMLElement): HTMLElement {
+		const getScrollTaget = (currentElem: HTMLElement): HTMLElement => {
 			if (currentElem.scrollTop != 0) {
 				return currentElem;
 			}
@@ -330,7 +329,7 @@ export class PortalUtils {
 			}
 
 			return null;
-		}
+		};
 
 		PortalUtils.scrollElement(getScrollTaget(document.body) || document.body.parentElement, 0);
 	}
@@ -400,6 +399,7 @@ export class PortalUtils {
 		} else {
 			arr = [];
 			for (const key in fieldArr) {
+				// eslint-disable-next-line no-prototype-builtins
 				if (fieldArr.hasOwnProperty(key)) {
 					arr.push({
 						name: key,
@@ -410,7 +410,7 @@ export class PortalUtils {
 		}
 
 		const formMethod = 'POST';
-		const formName = `frm${new Date().getTime().toString()}`;
+		const formName = `frm${TemporalUtils.dateNowMs()}`;
 		let newForm = `<form id="${formName}" method="${formMethod}" action="${url}" target="_blank">`;
 
 		$.each(arr, (i, field) => {

package/common/validation.ts

@@ -23,10 +23,10 @@ import {
 } from '@vuelidate/validators';
 import PowerduckState from '../app/powerduck-state';
 import LocalizedValueHelper from './localized-value-helper';
-import { capitalize } from './utils/capitalize-string';
 import { isNullOrEmpty } from './utils/is-null-or-empty';
+import { capitalize } from './extensions/string-extensions';
 
-const getFirstUnsattisfiedValidatorName = (valProp: Validation): string => {
+const getFirstUnsattisfiedValidatorName = (valProp: Validation): string | null => {
 	const errors = valProp?.$errors || [];
 	for (const fieldError of errors) {
 		if (fieldError != null) {
@@ -37,16 +37,16 @@ const getFirstUnsattisfiedValidatorName = (valProp: Validation): string => {
 	return null;
 };
 
-const getErrorMessage = (valProp: Validation, invalidValidatorName: string): string => {
+const getErrorMessage = (valProp: Validation, invalidValidatorName: string): string | null => {
 	if (invalidValidatorName == null) {
 		return null;
 	}
 
-	if (invalidValidatorName == 'requiredIf' || invalidValidatorName == 'requiredLocalizedString') {
+	if (invalidValidatorName == 'requiredIf' || invalidValidatorName == 'requiredLocalizedString' || invalidValidatorName == 'requiredTemporal') {
 		invalidValidatorName = 'required';
 	}
 
-	let errMsg = PowerduckState.getResourceValue(`validationError${capitalize(invalidValidatorName)}` as any);
+	let errMsg = PowerduckState.getResourceValue(`validationError${invalidValidatorName[capitalize]()}` as any);
 	switch (invalidValidatorName) {
 		case 'minLength':
 		case 'minValue':
@@ -167,6 +167,18 @@ export class ValidationBuilder {
 		return this;
 	}
 
+	requiredTemporal(): ValidationBuilder {
+		this._validationArgs.requiredTemporal = (value) => {
+			if (value === null || !value || typeof value !== 'object') {
+				return false;
+			}
+
+			return true;
+		};
+
+		return this;
+	}
+
 	requiredUnless?(field: string | ((vm: any, parentVm?: PowerduckViewModelBase) => any)): ValidationBuilder {
 		this._validationArgs.requiredUnless = requiredUnless(field as string);
 		return this;

package/components/chart-js/line-chart-flot.tsx

@@ -1,8 +1,9 @@
-import type { DateWrapper } from '../../common/date-wrapper';
+import type { Temporal } from '@js-temporal/polyfill';
 import type { LineChartArgs, LineChartDataArgs } from './ts/line-chart-contracts';
 import { Prop, toNative } from 'vue-facing-decorator';
-import TsxComponent, { Component } from '../../app/vuetsx';
 
+import TsxComponent, { Component } from '../../app/vuetsx';
+import { toDisplayString } from '../../common/extensions/temporal-extensions';
 import { isNullOrEmpty } from '../../common/utils/is-null-or-empty';
 import { PortalUtils } from '../../common/utils/utils';
 import arrowBottomIcon from './img/arrow-down.gif';
@@ -11,9 +12,9 @@ import arrowRightIcon from './img/arrow-right.gif';
 import arrowTopIcon from './img/arrow-up.gif';
 import './thirdparty/flot/jquery.flot-patched.js';
 import './thirdparty/flot/jquery.flot.pie.js';
+
 import './thirdparty/flot/jquery.flot.stack.js';
 import './thirdparty/flot/jquery.flot.crosshair.js';
-
 import './thirdparty/flot/jquery.flot.resize.js';
 import './thirdparty/flot/jquery.flot.categories.js';
 import './thirdparty/flot/jquery.flot.navigate.js';
@@ -61,7 +62,6 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
 		const itemData = [];
 		const performCreation = true;
 		let hasData = false;
-		const self = this;
 
 		if (dataParam != null && dataParam.length > 0) {
 			dataParam.forEach((currItem) => {
@@ -78,7 +78,7 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
 
 				ciData.forEach((dataItem) => {
 					dataArr.push([
-						PortalUtils.isString(dataItem.caption) ? dataItem.caption : (dataItem.caption as DateWrapper).toDisplayString(true),
+						PortalUtils.isString(dataItem.caption) ? dataItem.caption : (dataItem.caption as Temporal.PlainDateTime)[toDisplayString](true),
 						Math.max(dataItem.value, 0),
 						dataItem.tooltipSuffix,
 						dataItem.uuid,
@@ -281,8 +281,8 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
 				item,
 			) => {
 				if (dataParam.length == 1) {
-					if (item && self.itemClicked != null) {
-						self.itemClicked(item.series.data[item.dataIndex][3]);
+					if (item && this.itemClicked != null) {
+						this.itemClicked(item.series.data[item.dataIndex][3]);
 					}
 				}
 			});
@@ -295,8 +295,8 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
 				offset,
 			) => {
 				$(`<img class="plot-button" src="${icon}" style="position: absolute;cursor: pointer;right:${right
-					}px;top:${top
-					}px">`)
+				}px;top:${top
+				}px">`)
 					.appendTo(elem)
 					.click((e) => {
 						e.preventDefault();

package/components/chart-js/thirdparty/flot/jquery.flot.categories.min.js

@@ -1,93 +1,93 @@
-/* Javascript plotting library for jQuery, version 0.8.3.
-
-Copyright (c) 2007-2014 IOLA and Ole Laursen.
-Licensed under the MIT license.
-
-*/
-(function ($) {
-    var options = { xaxis: { categories: null }, yaxis: { categories: null } };
-    function processRawData(plot, series, data, datapoints) {
-        var xCategories = series.xaxis.options.mode == "categories",
-            yCategories = series.yaxis.options.mode == "categories";
-        if (!(xCategories || yCategories)) return;
-        var format = datapoints.format;
-        if (!format) {
-            var s = series;
-            format = [];
-            format.push({ x: true, number: true, required: true });
-            format.push({ y: true, number: true, required: true });
-            if (s.bars.show || (s.lines.show && s.lines.fill)) {
-                var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
-                format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
-                if (s.bars.horizontal) {
-                    delete format[format.length - 1].y;
-                    format[format.length - 1].x = true;
-                }
-            }
-            datapoints.format = format;
-        }
-        for (var m = 0; m < format.length; ++m) {
-            if (format[m].x && xCategories) format[m].number = false;
-            if (format[m].y && yCategories) format[m].number = false;
-        }
-    }
-    function getNextIndex(categories) {
-        var index = -1;
-        for (var v in categories) if (categories[v] > index) index = categories[v];
-        return index + 1;
-    }
-    function categoriesTickGenerator(axis) {
-        var res = [];
-        for (var label in axis.categories) {
-            var v = axis.categories[label];
-            if (v >= axis.min && v <= axis.max) res.push([v, label]);
-        }
-        res.sort(function (a, b) {
-            return a[0] - b[0];
-        });
-        return res;
-    }
-    function setupCategoriesForAxis(series, axis, datapoints) {
-        if (series[axis].options.mode != "categories") return;
-        if (!series[axis].categories) {
-            var c = {},
-                o = series[axis].options.categories || {};
-            if ($.isArray(o)) {
-                for (var i = 0; i < o.length; ++i) c[o[i]] = i;
-            } else {
-                for (var v in o) c[v] = o[v];
-            }
-            series[axis].categories = c;
-        }
-        if (!series[axis].options.ticks) series[axis].options.ticks = categoriesTickGenerator;
-        transformPointsOnAxis(datapoints, axis, series[axis].categories);
-    }
-    function transformPointsOnAxis(datapoints, axis, categories) {
-        var points = datapoints.points,
-            ps = datapoints.pointsize,
-            format = datapoints.format,
-            formatColumn = axis.charAt(0),
-            index = getNextIndex(categories);
-        for (var i = 0; i < points.length; i += ps) {
-            if (points[i] == null) continue;
-            for (var m = 0; m < ps; ++m) {
-                var val = points[i + m];
-                if (val == null || !format[m][formatColumn]) continue;
-                if (!(val in categories)) {
-                    categories[val] = index;
-                    ++index;
-                }
-                points[i + m] = categories[val];
-            }
-        }
-    }
-    function processDatapoints(plot, series, datapoints) {
-        setupCategoriesForAxis(series, "xaxis", datapoints);
-        setupCategoriesForAxis(series, "yaxis", datapoints);
-    }
-    function init(plot) {
-        plot.hooks.processRawData.push(processRawData);
-        plot.hooks.processDatapoints.push(processDatapoints);
-    }
-    $.plot.plugins.push({ init: init, options: options, name: "categories", version: "1.0" });
-})(jQuery);
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+(function ($) {
+    var options = { xaxis: { categories: null }, yaxis: { categories: null } };
+    function processRawData(plot, series, data, datapoints) {
+        var xCategories = series.xaxis.options.mode == "categories",
+            yCategories = series.yaxis.options.mode == "categories";
+        if (!(xCategories || yCategories)) return;
+        var format = datapoints.format;
+        if (!format) {
+            var s = series;
+            format = [];
+            format.push({ x: true, number: true, required: true });
+            format.push({ y: true, number: true, required: true });
+            if (s.bars.show || (s.lines.show && s.lines.fill)) {
+                var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
+                format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
+                if (s.bars.horizontal) {
+                    delete format[format.length - 1].y;
+                    format[format.length - 1].x = true;
+                }
+            }
+            datapoints.format = format;
+        }
+        for (var m = 0; m < format.length; ++m) {
+            if (format[m].x && xCategories) format[m].number = false;
+            if (format[m].y && yCategories) format[m].number = false;
+        }
+    }
+    function getNextIndex(categories) {
+        var index = -1;
+        for (var v in categories) if (categories[v] > index) index = categories[v];
+        return index + 1;
+    }
+    function categoriesTickGenerator(axis) {
+        var res = [];
+        for (var label in axis.categories) {
+            var v = axis.categories[label];
+            if (v >= axis.min && v <= axis.max) res.push([v, label]);
+        }
+        res.sort(function (a, b) {
+            return a[0] - b[0];
+        });
+        return res;
+    }
+    function setupCategoriesForAxis(series, axis, datapoints) {
+        if (series[axis].options.mode != "categories") return;
+        if (!series[axis].categories) {
+            var c = {},
+                o = series[axis].options.categories || {};
+            if ($.isArray(o)) {
+                for (var i = 0; i < o.length; ++i) c[o[i]] = i;
+            } else {
+                for (var v in o) c[v] = o[v];
+            }
+            series[axis].categories = c;
+        }
+        if (!series[axis].options.ticks) series[axis].options.ticks = categoriesTickGenerator;
+        transformPointsOnAxis(datapoints, axis, series[axis].categories);
+    }
+    function transformPointsOnAxis(datapoints, axis, categories) {
+        var points = datapoints.points,
+            ps = datapoints.pointsize,
+            format = datapoints.format,
+            formatColumn = axis.charAt(0),
+            index = getNextIndex(categories);
+        for (var i = 0; i < points.length; i += ps) {
+            if (points[i] == null) continue;
+            for (var m = 0; m < ps; ++m) {
+                var val = points[i + m];
+                if (val == null || !format[m][formatColumn]) continue;
+                if (!(val in categories)) {
+                    categories[val] = index;
+                    ++index;
+                }
+                points[i + m] = categories[val];
+            }
+        }
+    }
+    function processDatapoints(plot, series, datapoints) {
+        setupCategoriesForAxis(series, "xaxis", datapoints);
+        setupCategoriesForAxis(series, "yaxis", datapoints);
+    }
+    function init(plot) {
+        plot.hooks.processRawData.push(processRawData);
+        plot.hooks.processDatapoints.push(processDatapoints);
+    }
+    $.plot.plugins.push({ init: init, options: options, name: "categories", version: "1.0" });
+})(jQuery);

package/components/chart-js/thirdparty/flot/jquery.flot.crosshair.min.js

@@ -1,83 +1,83 @@
-/* Javascript plotting library for jQuery, version 0.8.3.
-
-Copyright (c) 2007-2014 IOLA and Ole Laursen.
-Licensed under the MIT license.
-
-*/
-(function ($) {
-    var options = { crosshair: { mode: null, color: "rgba(170, 0, 0, 0.80)", lineWidth: 1 } };
-    function init(plot) {
-        var crosshair = { x: -1, y: -1, locked: false };
-        plot.setCrosshair = function setCrosshair(pos) {
-            if (!pos) crosshair.x = -1;
-            else {
-                var o = plot.p2c(pos);
-                crosshair.x = Math.max(0, Math.min(o.left, plot.width()));
-                crosshair.y = Math.max(0, Math.min(o.top, plot.height()));
-            }
-            plot.triggerRedrawOverlay();
-        };
-        plot.clearCrosshair = plot.setCrosshair;
-        plot.lockCrosshair = function lockCrosshair(pos) {
-            if (pos) plot.setCrosshair(pos);
-            crosshair.locked = true;
-        };
-        plot.unlockCrosshair = function unlockCrosshair() {
-            crosshair.locked = false;
-        };
-        function onMouseOut(e) {
-            if (crosshair.locked) return;
-            if (crosshair.x != -1) {
-                crosshair.x = -1;
-                plot.triggerRedrawOverlay();
-            }
-        }
-        function onMouseMove(e) {
-            if (crosshair.locked) return;
-            if (plot.getSelection && plot.getSelection()) {
-                crosshair.x = -1;
-                return;
-            }
-            var offset = plot.offset();
-            crosshair.x = Math.max(0, Math.min(e.pageX - offset.left, plot.width()));
-            crosshair.y = Math.max(0, Math.min(e.pageY - offset.top, plot.height()));
-            plot.triggerRedrawOverlay();
-        }
-        plot.hooks.bindEvents.push(function (plot, eventHolder) {
-            if (!plot.getOptions().crosshair.mode) return;
-            eventHolder.mouseout(onMouseOut);
-            eventHolder.mousemove(onMouseMove);
-        });
-        plot.hooks.drawOverlay.push(function (plot, ctx) {
-            var c = plot.getOptions().crosshair;
-            if (!c.mode) return;
-            var plotOffset = plot.getPlotOffset();
-            ctx.save();
-            ctx.translate(plotOffset.left, plotOffset.top);
-            if (crosshair.x != -1) {
-                var adj = plot.getOptions().crosshair.lineWidth % 2 ? 0.5 : 0;
-                ctx.strokeStyle = c.color;
-                ctx.lineWidth = c.lineWidth;
-                ctx.lineJoin = "round";
-                ctx.beginPath();
-                if (c.mode.indexOf("x") != -1) {
-                    var drawX = Math.floor(crosshair.x) + adj;
-                    ctx.moveTo(drawX, 0);
-                    ctx.lineTo(drawX, plot.height());
-                }
-                if (c.mode.indexOf("y") != -1) {
-                    var drawY = Math.floor(crosshair.y) + adj;
-                    ctx.moveTo(0, drawY);
-                    ctx.lineTo(plot.width(), drawY);
-                }
-                ctx.stroke();
-            }
-            ctx.restore();
-        });
-        plot.hooks.shutdown.push(function (plot, eventHolder) {
-            eventHolder.unbind("mouseout", onMouseOut);
-            eventHolder.unbind("mousemove", onMouseMove);
-        });
-    }
-    $.plot.plugins.push({ init: init, options: options, name: "crosshair", version: "1.0" });
-})(jQuery);
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+(function ($) {
+    var options = { crosshair: { mode: null, color: "rgba(170, 0, 0, 0.80)", lineWidth: 1 } };
+    function init(plot) {
+        var crosshair = { x: -1, y: -1, locked: false };
+        plot.setCrosshair = function setCrosshair(pos) {
+            if (!pos) crosshair.x = -1;
+            else {
+                var o = plot.p2c(pos);
+                crosshair.x = Math.max(0, Math.min(o.left, plot.width()));
+                crosshair.y = Math.max(0, Math.min(o.top, plot.height()));
+            }
+            plot.triggerRedrawOverlay();
+        };
+        plot.clearCrosshair = plot.setCrosshair;
+        plot.lockCrosshair = function lockCrosshair(pos) {
+            if (pos) plot.setCrosshair(pos);
+            crosshair.locked = true;
+        };
+        plot.unlockCrosshair = function unlockCrosshair() {
+            crosshair.locked = false;
+        };
+        function onMouseOut(e) {
+            if (crosshair.locked) return;
+            if (crosshair.x != -1) {
+                crosshair.x = -1;
+                plot.triggerRedrawOverlay();
+            }
+        }
+        function onMouseMove(e) {
+            if (crosshair.locked) return;
+            if (plot.getSelection && plot.getSelection()) {
+                crosshair.x = -1;
+                return;
+            }
+            var offset = plot.offset();
+            crosshair.x = Math.max(0, Math.min(e.pageX - offset.left, plot.width()));
+            crosshair.y = Math.max(0, Math.min(e.pageY - offset.top, plot.height()));
+            plot.triggerRedrawOverlay();
+        }
+        plot.hooks.bindEvents.push(function (plot, eventHolder) {
+            if (!plot.getOptions().crosshair.mode) return;
+            eventHolder.mouseout(onMouseOut);
+            eventHolder.mousemove(onMouseMove);
+        });
+        plot.hooks.drawOverlay.push(function (plot, ctx) {
+            var c = plot.getOptions().crosshair;
+            if (!c.mode) return;
+            var plotOffset = plot.getPlotOffset();
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+            if (crosshair.x != -1) {
+                var adj = plot.getOptions().crosshair.lineWidth % 2 ? 0.5 : 0;
+                ctx.strokeStyle = c.color;
+                ctx.lineWidth = c.lineWidth;
+                ctx.lineJoin = "round";
+                ctx.beginPath();
+                if (c.mode.indexOf("x") != -1) {
+                    var drawX = Math.floor(crosshair.x) + adj;
+                    ctx.moveTo(drawX, 0);
+                    ctx.lineTo(drawX, plot.height());
+                }
+                if (c.mode.indexOf("y") != -1) {
+                    var drawY = Math.floor(crosshair.y) + adj;
+                    ctx.moveTo(0, drawY);
+                    ctx.lineTo(plot.width(), drawY);
+                }
+                ctx.stroke();
+            }
+            ctx.restore();
+        });
+        plot.hooks.shutdown.push(function (plot, eventHolder) {
+            eventHolder.unbind("mouseout", onMouseOut);
+            eventHolder.unbind("mousemove", onMouseMove);
+        });
+    }
+    $.plot.plugins.push({ init: init, options: options, name: "crosshair", version: "1.0" });
+})(jQuery);